Отзывчивый веб-дизайн

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"uller-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/69/

• Эксперименты Ричарда Раттера с изменениями размеров изначальных изображений: http://bkaprt.com/rwd/70/

• Эксперименты Брайана Ригера с адаптацией изображений: http://bkaprt.com/rwd/71/

Дополнительную информацию, как и когда взять на вооружение подход отзывчивого дизайна, можно найти здесь:

• Семинар Джона Олсоппа A Dao of Web Design: http://bkaprt.com/rwd/72/

• Статья Люка Вроблевски на тему «Сначала мобильные»:а также статьи на его сайте: http://www.lukew.com/ff/archive.asp?tagmobilefirst

• Работы Джереми Кита One Web:и Context: http://bkaprt.com/rwd/74/

• Запись Тима Кадлека в статье Responsive Web Design and Mobile: http://bkaprt.com/rwd/75/

• Блоги Джоша Кларка и Джейсона Григсби. Джош и Джейсон постоянно ведут интересную дискуссию, которая поможет вам понять, в каких случаях и для каких проектов необходим отзывчивый дизайн.

• Мои записи в блогах With Good References и Toffee-Nosed .

Об авторе

Итан Маркотт – разносторонний дизайнер-разработчик. Его работы – это сочетание качественного кода и захватывающего дизайна. Среди его клиентов – New York Magazine, Стэнфордский университет, кинофестиваль «Сандэнс» и Консорциум Всемирной паутины (World Wide Web Consortium, W3C). Он ведет блоги постоянно зависает в «Твиттере» (@beep).