Responsive design

25 Бер
25.03.2013

Отзывчивый веб дизайн (RWD) — подход в веб дизайне, направленный на разработку сайтов, обеспечивающих оптимально удобный просмотр информации, легкость чтения и навигации для устройств различных размеров.

Что почитать:
What The Heck Is Responsive Web Design? – что такое отзывчивый дизайн.
Fluid Grids – о гибкой сетке.
How Fluid Grids Work in Responsive Web Design – как работает гибкая сетка в отзывчивом дизайне.
Building Responsive Layouts – презентация о создании отзывчивой разметки.
Designing for a Responsive Web – что такое отзывчивый дизайн и как его рисовать.
Паттерны адаптивного дизайна.
Responsibly responsive. Mobile First Responsive Design. Part 2 – почему нужно начинать с мобильной версии.

CSS Frameworks
bootstrap
foundation
maxmertkit
960 grid
320 and up

ПО от Adobe
Adobe Muse – позволяет дизайнерам проектировать и публиковать оригинальные HTML веб-сайты профессионального уровня без написания кода и без ограничений, обусловленных работой по шаблонам.
Adobe Edge Reflow – визуальное приложений для быстрого и простого создания дизайна макетов сайтов.
Adobe Edge Inspect – предварительный просмотр веб-сайтов для мобильных устройств.
PhoneGap Build – упаковщик мобильных приложений.
Adobe Edge Code – инновационный редактор кода.
Adobe Fireworks – позволяет создавать макеты веб-сайтов и мобильных приложений еще быстрее — без необходимости написания кода.
Adobe Edge Animate – позволяет создавать интерактивное и анимированное содержимое средствами HTML, CSS, JavaScript.
Typekit – коммерческие шрифты.

При наличии аккаунт Creative Cloud (любого уровня) — использование большинства сервисов бесплатно

Теги: ,

  • Max Balashov

    Круто, очень много полезного и интересного.