Итан Маркотт - Отзывчивый веб-дизайн

Хой Винь и Марк Болтон поведали нашему сообществу, и мне в том числе, много интересных и нужных фактов из истории нашей профессии. Более того, «резиновая» сетка была бы невозможна без ранних исследований Ричарда Раттера.

Если бы более десяти лет назад я не прочитал великолепную статью Джона Олсоппа A Dao Of Web Design («Дао веб-дизайна»), мое представление о Сети было бы совершенно другим, а эта книга никогда не появилась бы на свет.

Дэвид Слейт, команда Filament Group (Пэтти Толэнд, Тодд Паркер, Мэгги Костелло и Скотт Джел) и Мэт Маркиз оказали неоценимую помощь на ранних этапах написания этой книги. Кроме того, компания Filament дала мне прекрасную возможность модернизировать дизайн крупного проекта, и от этого выиграл не только я, но и эта книга.

Техническая редакция Дэна Седерхольма была вдумчивой, основательной и веселой. Как и он сам.

Я даже не могу выразить словами, насколько я польщен тем, что Джереми Кит согласился написать предисловие. Черт, «польщен» даже близко не стояло с тем, что я чувствую.

Моя семья – родители, братья, сестры и бабушка – поддерживали меня все это время. Я люблю вас, ребята.

И конечно, моя жена Элизабет. Все в моей жизни, и эта книга тоже, для нее.

1. http://www.dolectures.com/speakers/craig-mod/

2. http://www.flickr.com/photos/carabanderson/3033798968/

3. http://www.alistapart.com/articles/dao/

4. http://www.morganstanley.com/institutional/techresearch/mobile_internet_report122009.html

5. http://vimeo.com/14899669

6. http://vimeo.com/14899445

7. http://www.smartglassinternational.com/

8. http://vimeo.com/4661618

9. http://meyerweb.com/eric/tools/css/reset/

10. http://www.flickr.com/photos/uberculture/1385828839/

11. http://clagnut.com/sandbox/imagetest/

12. http://www.svendtofte.com/code/max_width_in_ie/

13. http://msdn.microsoft.com/en-us/library/ms532969.aspx

14. http://www.dillerdesign.com/experiment/DD_belatedPNG/

15. http://msdn.microsoft.com/en-us/library/ms532920(VS.85). aspx

16. http://unstoppablerobotninja.com/entry/fluid-images

17. http://www.yuiblog.com/blog/2008/12/08/imageopt-5/

18. http://www.alistapart.com/articles/fauxcolumns/

19. http://stopdesign.com/archive/2004/09/03/liquid-bleach.html

20. http://www.w3.org/TR/css3-background/#the-background-size

21. http://srobbin.com/jquery-plugins/jquery-backstretch/

22. http://www.bbc.co.uk/news/technology-11948680

23. http://bryanrieger.com/issues/mobile-image-replacement/

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/

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.