Элиот Стокс - Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки

В настоящее время The CSS Flexible Box Layout Module ( smashed.by/w3flexbox) является одной из нескольких мощных разметок в разработках. До сих пор ее внедрение в браузеры ограничено. Я написал учебное пособие, которое демонстрирует спецификацию Flexbox с использованием трех маленьких прямоугольников на одной странице: smashed.by/learnflexbox.

Потрясающая статья Итан Маркотта «Отзывчивый веб-дизайн» ( smashed.by/rwdala) больше чем о медиазапросах, но медиазапросы рассматриваются в полезном контексте, и я очень рекомендую прочитать статью всем, кто не знаком с ними.

Люк много говорил и писал о методе «Сначала мобильные»: smashed.by/mfirst.

Специальная версия браузера Chrome, в которой тестируются самые новые функции. – Примеч. науч. ред.

Труд Стефана Фью «BulletGraphDesignSpecification» воодушевил меня на создание графика точек прерывания: smashed.by/bullgraph(PDF). Для более подробной информации смотрите статью в Википедии: smashed.by/bullgraphwiki. Графики точек прерывания и буллит-графики отличаются, тем не менее я еще пока не написал спецификацию для графика точек прерывания.

Я не могу не подчеркнуть то, что тестирование важно для актуальных браузеров на актуальных устройствах. По возможности, сделайте скриншот на устройствах, потому что простое изменение размеров окна браузера настольного компьютера редко хорошо эмулирует, что действительно происходит на других устройствах. Эмуляторы тоже не всегда рассказывают всю правду, но они все же лучше, чем измененный в размерах браузер настольного компьютера.

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

Хьюм, Энди. Responsive by Default («Отзывчивый по умолчанию») / smashed.by/respdef.

Кларк, Энди. I Don’t Care About Responsive Web Design («Чувствительный веб-дизайн? Мне это не интересно») / smashed.by/respc.

smashed.by/anmag.

Allsopp, John. A Dao of Web Design / smashed.by/dao.

Dreamweaver FAQ: Using Frames To Align Page Content / smashed.by/tut.

Santa Maria, Jason. A List Apart Redesign / smashed.by/mari.

Clarke, Andy. A List (taken) Apart / smashed.by/andy.

Hicks, John. Is 1024 OK? / smashed.by/hicks.

Keith, Jeremy. A List Too Far Apart? / smashed.by/runaway.

Санта Мария, Джейсон. A Real Web Design Application / smashed.by/rwdapp.

См. седьмой раздел для обзора общепринятых разрешений экрана смартфона и пиксельных разрешений.

Rieger, Stephanie. The «trouble» with Android / smashed.by/trouble.

Marcotte, Ethan. Responsive Web Design / smashed.by/rwdala.

Walton, Trent. Content Choreography / smashed.by/trent.

Warren, Samantha. Style Tiles as a Web Design Process Tool / smashed.by/styletiles.

Более подробный обзор процесса дизайна Саманты представлен на www.styletil.es.

Набор инструментов (фреймворк) для создания сайтов и веб-приложений. Включает в себя HTML и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения. Разработан в Twitter. – Примеч. науч. ред.

TwitterBootstrap /smashed.by/boots.

smashed.by/drbb.

smashed.by/gel.

smashed.by/mc.

Стивен Хей описывал удобный технологический процесс будущего в предыдущем разделе этой книги.

Jay Stocks, Elliot. The Typography-Out Approach In The World Of Browser-Based Web Design / smashed.by/typeout.

smashed.by/jam.

smashed.by/bbc.

smashed.by/bbcfonts.