Элиот Стокс - Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки
117
¹ Не использует бинарные файлы.
² Если запускается в браузере.
³ Если запускается по ссылке с домашнего экрана.
118
Не путайте Titanium Mobile с Titanium Desktop. Последний функционирует просто как PhoneGap. Appcelerator недавно открыл доступ к исходникам Titanium Desktop и сфокусировался на улучшении Titanium Mobile: smashed.by/tita.
119
Более точно известен как URI, хотя между двумя обозначениями существует техническая разница. Разработчики W3C-стандартов вскипели бы, если бы увидели, как здесь пренебрегают ею.
120
В настоящее время The CSS Flexible Box Layout Module (smashed.by/w3flexbox) является одной из нескольких мощных разметок в разработках. До сих пор ее внедрение в браузеры ограничено. Я написал учебное пособие, которое демонстрирует спецификацию Flexbox с использованием трех маленьких прямоугольников на одной странице: smashed.by/learnflexbox.
121
Потрясающая статья Итан Маркотта «Отзывчивый веб-дизайн» (smashed.by/rwdala) больше чем о медиазапросах, но медиазапросы рассматриваются в полезном контексте, и я очень рекомендую прочитать статью всем, кто не знаком с ними.
122
Люк много говорил и писал о методе «Сначала мобильные»: smashed.by/mfirst.
123
Специальная версия браузера Chrome, в которой тестируются самые новые функции. – Примеч. науч. ред.
124
Труд Стефана Фью «BulletGraphDesignSpecification» воодушевил меня на создание графика точек прерывания: smashed.by/bullgraph (PDF). Для более подробной информации смотрите статью в Википедии: smashed.by/bullgraphwiki. Графики точек прерывания и буллит-графики отличаются, тем не менее я еще пока не написал спецификацию для графика точек прерывания.
125
Я не могу не подчеркнуть то, что тестирование важно для актуальных браузеров на актуальных устройствах. По возможности, сделайте скриншот на устройствах, потому что простое изменение размеров окна браузера настольного компьютера редко хорошо эмулирует, что действительно происходит на других устройствах. Эмуляторы тоже не всегда рассказывают всю правду, но они все же лучше, чем измененный в размерах браузер настольного компьютера.
126
Препроцессоры CSS позволяют писать ясный CSS с использованием программных конструкций (например, использовать переменные) вместо статических правил. Предназначены для увеличения уровня абстракции кода CSS и упрощения файлов каскадных таблиц стилей. – Примеч. науч. ред.
127
Хьюм, Энди. Responsive by Default («Отзывчивый по умолчанию») / smashed.by/respdef.
128
Кларк, Энди. I Don’t Care About Responsive Web Design («Чувствительный веб-дизайн? Мне это не интересно») / smashed.by/respc.
129
smashed.by/anmag.
130
Allsopp, John. A Dao of Web Design / smashed.by/dao.
131
Dreamweaver FAQ: Using Frames To Align Page Content / smashed.by/tut.
132
Santa Maria, Jason. A List Apart Redesign / smashed.by/mari.
133
Clarke, Andy. A List (taken) Apart / smashed.by/andy.
134
Hicks, John. Is 1024 OK? / smashed.by/hicks.
135
Keith, Jeremy. A List Too Far Apart? / smashed.by/runaway.
136
Санта Мария, Джейсон. A Real Web Design Application / smashed.by/rwdapp.
137
См. седьмой раздел для обзора общепринятых разрешений экрана смартфона и пиксельных разрешений.
138
Rieger, Stephanie. The «trouble» with Android / smashed.by/trouble.
139
Marcotte, Ethan. Responsive Web Design / smashed.by/rwdala.
140
Walton, Trent. Content Choreography / smashed.by/trent.
141
Warren, Samantha. Style Tiles as a Web Design Process Tool / smashed.by/styletiles.
142
Более подробный обзор процесса дизайна Саманты представлен на www.styletil.es.
143
Набор инструментов (фреймворк) для создания сайтов и веб-приложений. Включает в себя HTML и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения. Разработан в Twitter. – Примеч. науч. ред.
144
TwitterBootstrap /smashed.by/boots.
145
smashed.by/drbb.
146
smashed.by/gel.
147
smashed.by/mc.
148
Стивен Хей описывал удобный технологический процесс будущего в предыдущем разделе этой книги.
149
Jay Stocks, Elliot. The Typography-Out Approach In The World Of Browser-Based Web Design / smashed.by/typeout.
150
smashed.by/jam.
151
smashed.by/bbc.
152
smashed.by/bbcfonts.
