Шрифт:
Интервал:
Закладка:
23. http://bryanrieger.com/issues/mobile-image-replacement/
Глава 4
24. http://www.w3.org/TR/CSS2/media.html
25. http://www.alistapart.com/articles/goingtoprint/
26. http://www.w3.org/TR/CSS21/media.html#media-types
27. http://www.w3.org/TR/css3-mediaqueries/
28. http://www.w3.org/TR/css3-mediaqueries/#media1
29. http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html
30. https://developer.mozilla.org/en/Mobile/Viewport_meta_tag#Viewport_basics
31. http://www.theleagueofmoveabletype.com/fonts/7-league-gothic
32. http://windows.microsoft.com/ie9
33. http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/
34. http://www.quirksmode.org/mobile/#t14
35. http://blogs.msdn.com/b/iemobile/archive/2011/02/14/ie9-coming-to-windows-phone-in-2011.aspx
36. http://www.quirksmode.org/m/css.html#t021
37. http://code.google.com/p/css3-mediaqueries-js/
38. https://github.com/scottjehl/Respond
39. http://37signals.com/svn/posts/2661-experimenting-with-responsive-design-in-iterations
40. http://hicksdesign.co.uk/journal/finally-a-fluid-hicksdesign
41. http://thethemefoundry.com/shelf/
Глава 5
42. http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one
43. http://jeffcroft.com/blog/2010/aug/06/responsive-web-design-and-mobile-context/
44. http://thefonecast.com/News/tabid/62/EntryId/3602/Mobile-shopping-is-popular-when-watching-TV-says-Orange-UK-research.aspx
45. http://www.lukew.com/ff/entry.asp?1263
46. http://www.flickr.com/photos/merlin/sets/72157622077100537/
47. http://www.lukew.com/ff/entry.asp?933
48. http://www.lukew.com/ff/entry.asp?1117
49. http://chrispederick.com/work/web-developer/
50. http://www.alistapart.com/articles/smartphone-browser-landscape/
51. http://www.flickr.com/photos/filamentgroup/5149016958/
52. http://yiibu.com/about/site/
53. http://www.hesketh.com/publications/inclusive_web_design_for_the_future/
54. http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
55. http://matmarquis.com/carousel/
56. http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/
57. http://en.wikipedia.org/wiki/Canons_of_page_construction
58. http://www.amazon.com/dp/0520250125/
59. http://www.amazon.com/dp/3721201450/
60. http://www.amazon.com/gp/product/0321703537/
61. http://www.fivesimplesteps.com/books/practical-guide-designing-grid-systems-for-the-web
62. http://www.markboulton.co.uk/journal/comments/a-richer-canvas
63. http://www.thegridsystem.org/
64. http://www.alistapart.com/articles/fluidgrids/
65. http://www.w3.org/TR/css3-mediaqueries/
66. https://developer.mozilla.org/En/CSS/Media_queries
67. https://github.com/filamentgroup/Responsive-Images
68. http://unstoppablerobotninja.com/entry/responsive-images/
69. http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/
70. http://clagnut.com/blog/268/
71. http://bryanrieger.com/issues/mobile-image-adaptation
72. http://www.alistapart.com/articles/dao
73. http://adactio.com/journal/1716/
74. http://adactio.com/journal/4443/
75. http://timkadlec.com/2011/03/responsive-web-design-and-mobile-context/
76. http://globalmoxie.com/blog/mobile-web-responsive-design.shtml
77. http://www.cloudfour.com/weekend-reading-responsive-web-design-and-mobile-context/
78. http://unstoppablerobotninja.com/entry/with-good-references/
79. http://unstoppablerobotninja.com/entry/toffee-nosed/
Рекомендуемая литература
Jan Tschichold. The New Typography. University of California Press, 2006.
Josef Müller-Brockmann. Grid Systems in Graphic Design. Verlag Niggli AG, 2008.
Khoi Vinh. Ordering Disorder: Grid Principles for Web Design. New Riders Press, 2010.
Mark Boulton. A Practical Guide to Designing Grid Systems for the Web. Five Simple Steps, 2009.
Помощь онлайн
Вопросы применения сетки для веб-дизайна рассматриваются в следующих источниках:
• Запись в блоге Марка Болтона A Richer Canvas: http://bkaprt.com/rwd/62/
• Веб-сайт The Grid System: http://bkaprt.com/rwd/63/
• Моя статья для A List Apart о гибкой сетке (Fluid Grids): http://bkaprt.com/rwd/64/
Если вы ищете информацию о медиазапросах, то следующие две ссылки – это действительно фантастическое чтение:
• Спецификации медиазапросов World Wide Web Consortium (W3C): http://bkaprt.com/rwd/65/
• Справочные материалы разработчиков Mozilla на тему медиазапросов: http://bkaprt.com/rwd/66/
Если вы работаете с изображениями и другими средствами медиа в гибкой среде, рекомендую вам для ознакомления:
• Скрипт Responsive Images от Filament Group: http://bkaprt.com/rwd/67/, а также соответствующие записи в блоге: http://bkaprt.com/rwd/68/, http://bkaprt.com/rwd/69/
• Эксперименты Ричарда Раттера с изменениями размеров изначальных изображений: http://bkaprt.com/rwd/70/
• Эксперименты Брайана Ригера с адаптацией изображений: http://bkaprt.com/rwd/71/
Дополнительную информацию, как и когда взять на вооружение подход отзывчивого дизайна, можно найти здесь:
• Семинар Джона Олсоппа A Dao of Web Design: http://bkaprt.com/rwd/72/
• Статья Люка Вроблевски на тему «Сначала мобильные»: http://bkaprt.com/rwd/47/, а также статьи на его сайте: http://www.lukew.com/ff/archive.asp?tag&mobilefirst
• Работы Джереми Кита One Web: http://bkaprt.com/rwd/73/ и Context: http://bkaprt.com/rwd/74/
• Запись Тима Кадлека в статье Responsive Web Design and Mobile: http://bkaprt.com/rwd/75/
• Блоги Джоша Кларка и Джейсона Григсби. Джош (http://bkaprt.com/rwd/76/) и Джейсон (http://bkaprt.com/rwd/77/) постоянно ведут интересную дискуссию, которая поможет вам понять, в каких случаях и для каких проектов необходим отзывчивый дизайн.
• Мои записи в блогах With Good References (http://bkaprt.com/rwd/78/) и Toffee-Nosed (http://bkaprt.com/rwd/79/).
Об авторе
Итан Маркотт – разносторонний дизайнер-разработчик. Его работы – это сочетание качественного кода и захватывающего дизайна. Среди его клиентов – New York Magazine, Стэнфордский университет, кинофестиваль «Сандэнс» и Консорциум Всемирной паутины (World Wide Web Consortium, W3C). Он ведет блог http://unstoppablerobotninja.com и постоянно зависает в «Твиттере» (@beep).
Итан – автор и технический редактор A List Apart, журнала для людей, делающих веб-сайты. Он популярный лектор, он выступал на конференциях An Event Apart, SXSW Interactive Festival («Интерактивный фестиваль SXSW»), Future of Web Design («Будущее веб-дизайна») и AIGA’s In Control («Контроль в руках AIGA»).
Вместе с основателем Happy Cog Джеффри Зельдманом Итан работал над третьей редакцией книги «Web-дизайн по стандартам» (New Riders, 2009), которая занимает почетное место на книжных полках всех опытных дизайнеров. Кроме того, он участвовал в написании таких книг, как Handcrafted CSS («CSS ручной работы») (New Riders, 2009), Web Standards Creativity («Творчество и стандарты Сети») (friends of ED, 2007) и Professional CSS («Профессиональные CSS») (Wrox, 2005).
«Отзывчивый веб-дизайн» – первая самостоятельная книга Итана, он безумно рад тому, что она увидела свет, и хотел бы поблагодарить вас за то, что вы ее прочитали.
Примечания
1
Роботы, герои фильма «Короткое замыкание» и саги о «Звездных войнах» соответственно. Здесь и далее прим. пер.
2
Графические объекты в компьютерной графике чаще всего растровые изображения, свободно перемещающиеся по экрану.
- Как сделать сайт адаптивным: полезные советы - "TemplateMonster" - Интернет
- Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов - Джеффри Айзенберг - Интернет
- Как мы покупали русский интернет - Сергей Васильев - Интернет
- Интернет-маркетинг на 100% - Коллектив авторов - Интернет
- Интернет-магазин с нуля. Полное пошаговое руководство - Кристиан Акила - Интернет
- Творческий отбор. Как создавались лучшие продукты Apple во времена Стива Джобса - Кен Косиенда - Прочая околокомпьтерная литература / Интернет / Программирование
- Знакомства и общение в Интернете - Виталий Леонтьев - Интернет
- Интернет. Быстрый старт - Игорь Шапошников - Интернет
- Галактика Интернет - Мануэль Кастельс - Интернет
- Анонимность и безопасность в Интернете. От «чайника» к пользователю - Денис Колисниченко - Интернет