Pull to refresh

Когда деревья были большими или о том, с чего все начинали

Reading time4 min
Views2K
Мне часто задают вопрос о том, с чего начать молодому frontend-разработчику? Дабы облегчить свою участь и не перечислять каждый раз множество ресурсов сети, печатных и зданий и общих тезисов, я и написал этот материал.

В первую очередь следует знать, что кроссбраузерная верстка сродни магии. Объясняется это все банальной вещью, которую я озвучу так: ”Все мы ненавидим Internet Explorer!” Таким образом, 90% всей магии сводится к тому, чтобы заставить правильно сверстанный макет корректно отображаться в браузере Internet Explorer всех актуальных версий.

Чтобы научиться сему мастерству потребуется практика, много практики. И сев сейчас серьезно изучать аспекты верстки, вы и через полгода будете удивляться, сколько вы до сих пор не знаете.

Крепкая теоретическая база поможет вам избежать множества неприятностей в практическом изучении верстки гипертекстовых документов. Очень важно получать знания порциями в правильном порядке.

Итак, вот мой ТОП книг, обязательных к прочтению каждому frontend-разработчику или в простонародье верстальщику.

Джеффри Зельдман. Web-дизайн по стандартам.

Джеффри Зельдман является, пожалуй, самым знаменитым вебдизайнером, признанным гуру и евангелистом вебстандартов. В своей книге он дает краткий экскурс в историю вебстандартов и поясняет, почему же так важно их придерживаться. И, хотя многие факты, изложенные в книге, в некоторой степени потеряли свою актуальность, я все равно рекомендую начать именно с нее. Знание истории никогда и никому не мешало.

Приобрести эту книгу можно здесь:

Дэйв Ши, Молли Е. Хольцшлаг. Философия CSS-дизайна.

Авторы этой книги также являются не последними персонами в мировой сообществе вебдизайнеров. Данная книга, на примере сайта csszengarden.com демонстрирует всю мощь вебстандартов, на примере лучших 36 работ сайта-галереи CSS Zen Garden. Эта книга продолжит ваше знакомство с теорией вебстандартов и сделает введение в основы CSS.

Приобрести эту книгу можно здесь:

Эрик А. Мейер. CSS – каскадные таблицы стилей. Подробное руководство.

А вот это уже настоящая тяжелая артиллерия. Эрик Мейер является не просто признанным гуру вебстандартов и верстки, он, кроме того, является одним из разработчиков спецификации CSS. Материал подается, что называется, “из первых уст”. В последней редакции книги, на момент написания материала, очень четко, доступно и наглядно подается теория CSS в редакции 2.1. Правильное понимание всего, о чем повествует автор, позволит вам почувствовать себя гораздо увереннее в своих силах.

Приобрести эту книгу можно здесь:

Дэн Седерхольм. Пуленепробиваемый Web-дизайн.

Книга Дэна Седерхольма, авторитетного специалиста в области CSS и (x)HTML является небольшим практическим пособием по CSS-верстке. Материал, изложенный в книге, правильно выполненный вами в качестве “домашнего задания”, научит вас совершенно невероятным, на первый взгляд, приемам CSS-верстки.

Приобрести эту книгу можно здесь:

Кейт Шенгили-Робертс. CSS: каскадные таблицы стилей. Библиотека профессионала.

Если вам будет интересно узнать о том, что ожидает разработчиков с выходом спецификации CSS3, есливы хотите иметь под рукой хороший справочник по CSS, то эта книга должна находиться в вашей коллекции.М

Приобрести эту книгу можно здесь:

Думаю, этого будет более чем достаточно для освоения теоретической части. Суммарное количество страниц превышает отметку в 2000. Однако, пугаться не стоит, эти книги разного формата, есть и маленькие, и со множеством изображений, но все они читаются на одном дыхании.

Практикум верстки я советую начать с посещения блогов авторитетных разработчиков и тематических вебресурсов, как наших, так и западных. Ниже я представлю вашему вниманию список наиболее полезных, на мой взгляд, для верстальщика ресурсов.

Тематические ресурсы (рус.):
  1. http://webmascon.com
  2. http://htmlbook.ru
  3. http://rmcreative.ru
  4. http://designformasters.info
  5. http://xhtml.ru
  6. http://www.webmakerslounge.com
  7. http://www.artlebedev.ru/tools/technogrette

Тематические ресурсы (англ.):
  1. http://www.alistapart.com
  2. http://www.cssplay.co.uk
  3. http://www.maxdesign.com.au
  4. http://css3.info
  5. http://www.sitepoint.com
  6. http://microformats.org
  7. http://microformatique.com
  8. http://www.digital-web.com
  9. http://www.mezzoblue.com

Блоги разработчиков (рус.):
  1. http://webdev.lovata.com
  2. http://cssing.org.ua
  3. http://pepelsbey.net
  4. http://softwaremaniacs.org/blog
  5. http://flack.ru
  6. http://agat.in
  7. http://www.tigir.com
  8. http://www.umade.ru
  9. http://uggallery.audiopeace.ru
  10. http://htmlcoder.visions.ru
  11. http://suprabiz.com
  12. http://mtonly.livejournal.com

Блоги разработчиков (англ.):
  1. http://www.456bereastreet.com
  2. http://www.molly.com
  3. http://zeldman.com
  4. http://www.simplebits.com
  5. http://www.mauzon.com
  6. http://www.robertnyman.com
  7. http://www.mezzoblue.com

Тематические сообщества и форумы (рус.):
  1. http://webmascon.com/forum
  2. http://designforum.ru
  3. http://xpoint.ru
  4. http://deforum.ru
  5. http://xhtml.ru/forum
  6. http://community.livejournal.com/ru_coding
  7. http://community.livejournal.com/ru_css
  8. http://community.livejournal.com/ru_html
  9. http://community.livejournal.com/ru_xhtml
  10. http://community.livejournal.com/ru_webdesign
  11. http://community.livejournal.com/ru_webmaster
  12. http://community.livejournal.com/ru_webdev

Со временем полезно будет знакомиться с публикациями и новостями о браузерах, посещать галереи CSS-сайтов, читать новости о вебстандартах из первоисточников. Все эти ресурсы и многие другие, которые я с регулярной периодичностью посещаю сам, вы найдете в OPML-файле для вашего RSS-ридера.

Успехов вам в ваших начинаниях, огромного терпения, труда. Все у вас получится.

Оригинал статьи здесь: webdev.lovata.com.
Tags:
Hubs:
Total votes 53: ↑51 and ↓2+49
Comments109

Articles