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

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.