про дела


На этой неделе доделаю сайт для одного склада со стройматериалами. Первый сайт, на котором использовал адаптивный дизайн (responsive web design). Это техника, при которой сайт подстраивается под ширину экрана браузера (viewport) и меняет свой внешний вид.

Я определил для себя 3 «ключевых» ширины: десктоп или лаптоп (разрешение выше 980px по ширине), планшет или планшетофон (от 980px до 580px) и телефон (меньше 580px). Получилось примерно так, хотя это конечно бета-версия сайта и все поменяется (скорее всего). На втором скрине «телефона» меню выпадает только при клике.

Все делается несложными CSS медиа-запросами (media query), а используя SASS предпроцессор (особенно с Compass фреймворком) работа с CSS превращется в сказку. Фактически осталось только наполнить сайт контентом.

Как будет время – допишу свой черновик про Codekit и как с его помощью очень легко управлять web-проектами.

Реклама

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s