HTML/ CSS/ Верстка - Практика
Сейчас я не в состоянии подробно описать этапы, так как цель довольно масштабна, поскольку умение верстать включает в себя тонну как теоретических знаний, так и практических навыков. С теорией проще - мы читаем пару учебников и далее, вроде как надо что-то делать. Вот и я пришла к выводу, что тянуть дальше некуда.. Чего делать - толком не знаю. Создать сайт - это не цель (для меня по крайней мере). Это скачать PSD-шаблон, сесть и сделать. При этом умение сделать этот самый сайт - это дикая смесь из теоретических знаний (html/css/js), практических навыков и умения работать с множеством инструментов, начиная от привычного редактора, заканчивая тоннами библиотек, фреймворков для самых разных задач, начиная от расположения блоков на странице, заканчивая финальной сборкой готового проекта. Поэтому, куда меня занесет в этой цели я не совсем точно представляю. Пункты и возможно, дополнительные цели будут дописываться по ходу.
Критерий завершения
Я лучше справляюсь с версткой, чем до этого... А какой еще может быть критерий?...
Личные ресурсы
Есть
Экологичность цели
Давно пора
-
Разобрать чужие примеры
-
htmlbook.ru - http://htmlbook.ru/layout (допотоп)
-
FreeCSSWebSiteTemplates - http://www.free-css.com/free-css-layouts/page1#shout (очень много допотопа)
-
Layout Gala : http://blog.html.it/layoutgala/index.html (достаточно допотопа)
-
Responsive Patterns - http://bradfrost.github.io/this-is-responsive/patterns.html - здесь удобно и полезно.
-
-
Самостоятельная верстка макетов
Для начала... и чтобы раскачаться тоже... хочу сверстать по несколько макетов одинакового типа, но с использованием разных технологий. Мне кажется, это поможет делать более осознанный выбор во время реальной практики. И это.. я все время с основами затягиваю. Такой, возможно слишком основательный подход к обучению, конечно не слабо затягивает время, зато дает реальное понимание того, что я сейчас делаю, зачем мне это нужно и куда идти дальше.
-
content-fit/ content-max/ content-min
-
float/ float + отрицательный margin
-
display: inline-block
-
display: table
-
css сетки
-
flex
-
-
Свойства CSS - немного повторить
-
HTML-Academy: Продвинутые курсы
-
Шрифты
-
Цвета
-
-
Плагины
Если честно, не знаю до чего доцепиться... Разберу пару плагинов, чтобы научиться писать свои ну и поиграюсь немного. Надоело делать только то, что полезно... Впрочем это тоже полезно...
-
Syntax Highlighter : http://alexgorbatchev.com/SyntaxHighlighter/
-
RandomColor : https://github.com/davidmerfield/randomColor
-
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
