Веб — это интерактивная среда, с кучей возможностей и технологий, которые нужно использовать и развивать, вместо того чтобы пытаться имитировать на нем статичные вещи из материального мира. Сайты не должны быть похожи на печатную листовку — хороший сайт нельзя распечатать. Вторым толчком стало наше участие в реинкарнации журнала LAM. Стержнем его первой версии была графичность. Мы захотели заменить ее на интерактивность, чтобы она стала стилем журнала. Ну а после того как айпэд начал набирать обороты и начали появляться все эти электронные журналы, которые, по сути, были сканами печатных версий, мы поняли, что нужно что-то делать. Это уже был вызов.
http://www.afisha.ru/article/readymag/
http://www.chromeexperiments.com/
http://www.consuelo.com/File_Transfer/Responsive-Web-Design/responsive-web-design.pdf
Чем круче резина, чем респонсив и адаптив (ничем):
http://ilyabirman.ru/meanwhile/all/responsive/
Куча примеров респонсива:
http://mediaqueri.es/
Айфон в отличии от компа понимает, когда его переворачивают! Дизайн, реагируюшие на ориентацию устройства:
http://uxdesign.smashingmagazine.com/2012/08/10/deigning-device-orientation-portrait-landscape/
О нативности:
http://mrgan.tumblr.com/post/15656608758/ios-search-fields-as-buttons
Хороший пример респонсива:
http://www.reformat.no/
http://css-tricks.com/responsive-data-table-roundup/
Почему веб-приложение должно отличаться от мобильного:
http://blog.forecast.io/its-not-a-web-app-its-an-app-you-install-from-the-web/
Кнопка «Назад» на пятом айфоне далековато — может, свайп?
http://blog.mengto.com/solving-the-back-button/
Упрощенное объяснение отличий респонсив, адаптив, флюид и кирпича:
http://liquidapsive.com/
Фингер-френдли: отсутствие ховеров, палец больше курсора, жесты (свайп, дабл-тап), адаптивная клавиатура, изменение десктопного поведения для унификации:
http://msdn.microsoft.com/en-us/library/ie/jj583807(v=vs.85).aspx
Процесс создания приложения Бейскемпа для айфона
http://37signals.com/svn/posts/3439-design-decisions-projects-on-basecamp-for-iphone
http://www.afisha.ru/article/readymag/
http://www.chromeexperiments.com/
http://www.consuelo.com/File_Transfer/Responsive-Web-Design/responsive-web-design.pdf
Чем круче резина, чем респонсив и адаптив (ничем):
http://ilyabirman.ru/meanwhile/all/responsive/
Куча примеров респонсива:
http://mediaqueri.es/
Айфон в отличии от компа понимает, когда его переворачивают! Дизайн, реагируюшие на ориентацию устройства:
http://uxdesign.smashingmagazine.com/2012/08/10/deigning-device-orientation-portrait-landscape/
О нативности:
http://mrgan.tumblr.com/post/15656608758/ios-search-fields-as-buttons
Хороший пример респонсива:
http://www.reformat.no/
http://css-tricks.com/responsive-data-table-roundup/
Почему веб-приложение должно отличаться от мобильного:
http://blog.forecast.io/its-not-a-web-app-its-an-app-you-install-from-the-web/
Кнопка «Назад» на пятом айфоне далековато — может, свайп?
http://blog.mengto.com/solving-the-back-button/
Упрощенное объяснение отличий респонсив, адаптив, флюид и кирпича:
http://liquidapsive.com/
Фингер-френдли: отсутствие ховеров, палец больше курсора, жесты (свайп, дабл-тап), адаптивная клавиатура, изменение десктопного поведения для унификации:
http://msdn.microsoft.com/en-us/library/ie/jj583807(v=vs.85).aspx
Процесс создания приложения Бейскемпа для айфона
http://37signals.com/svn/posts/3439-design-decisions-projects-on-basecamp-for-iphone
май 2013