Подборка ссылок для верстки сайтов
Путь верстальщика
- http://glivera-team.github.io/how-to/2016/05/02/how-to-start.html
- https://medium.com/russian/
- http://krekotun.ru/ui-developer-skills
- http://krekotun.ru/level-up
- http://krekotun.ru/project-stages
- http://blog.flppv.me/all/frontend/
- Все вышеперечисленные статьи на одной странице
Уроки
- Как верстать на html5/css3 https://webref.ru/layout/howtocodeinhtml
- Уроки по html и css https://webref.ru/layout/learn-html-css/
- Как сверстать веб-страницу https://habrahabr.ru/post/202408/
Инструменты
- Коды HTML цветов и коды HTML символов и еще символы HTML
- Коллекции HTML цветов (Material Design, iOS, Twitter и др)
- Подбор цвета HTML (генераторы цвета)
- Подбор цвета от Adobe https://color.adobe.com/ru
- Семейства шрифтов для сайта
- Photoshop. Горячие клавиши.
- CSS Сброс стилей reset.css (16 вариантов)
- Стартовый шаблон c сеткой bootstrap и js-плагинами
- HTML и CSS. Работа с формой
- Кратко про gulp
- http://fontello.com/ собрать иконки
- Валидаторы CSS и HTML http://jigsaw.w3.org/css-validator/ и http://validator.w3.org/
- Спецсимволы http://www.copypastecharacter.com/
- LiveReload http://go.livereload.com/extensions
- Emmet http://docs.emmet.io/abbreviations/syntax/
- GIMP http://gimp.org/
- Фото PlaceKitten http://placekitten.com/ и http://placehold.it/
- Фото http://lorempixel.com/
- Фон http://subtlepatterns.com/
- CSS3 Patterns http://lea.verou.me/css3patterns/
- Генератор CSS3 онлайн http://enjoycss.com/
- Генератор спрайтов http://ru.spritegen.website-performance.org/ и http://spritepad.wearekiss.com/ и http://css.spritegen.com/
- Шрифты http://webfont.ru/ и http://www.fontsquirrel.com/ и http://www.font2web.com/ и http://fontzone.net/
- Русские шрифты http://fonts4web.ru/
- Cufon http://cufon.shoqolate.com/generate/
- CSS Compress http://csscompressor.com/
- Format CSS Code http://www.cssportal.com/format-css/format.php
- CSS Shrink http://cssshrink.com/
- html to css http://bearcss.com/
- bxSlider http://bxslider.com/
- Modernizr http://modernizr.com/
- Form Builder http://www.wufoo.com/form-builder/
- Определение технологий сайта http://builtwith.com/
- Плагин masonry для верстки галереи http://masonry.desandro.com/
- Генератор иконок http://favicon-generator.org/ и http://realfavicongenerator.net/
- Советы по оптимизации https://developers.google.com/speed/pagespeed/insights/
- Text-shadow генератор http://westciv.com/tools/shadows/
- Генератор градиентов CSS
- Деминимизация CSS http://www.styleneat.com/
- Структура сайта http://csstemplater.com/
- Связка SASS и phpStorm
Теория
- БЭМ http://ru.bem.info/
- Can I use http://caniuse.com/
Статьи
- Общие советы по верстке c просторов интернета
- Чеклист верстки и наименование классов
- Критерии отсева резюме на junior-верстальщика
- Советы сеньоров для начинающих frontend программистов
- Тривиальные задачи по верстке http://habrahabr.ru/post/50065/
- Чек-лист верстки http://habrahabr.ru/post/114256/
- Границы и отступы в потоке http://softwaremaniacs.org/blog/2005/09/05/css-layout-flow-margins/#collapsing-margins
- Reset CSS Meyer http://meyerweb.com/eric/tools/css/reset/index.html
- PhpStorm. Повышаем производительность http://habrahabr.ru/post/212077/
- CSS Паттерны http://css.yoksel.ru/css-patterns/
- Когда Photoshop отображает совсем не то, что надо http://habrahabr.ru/post/67831/
- CSS спрайты http://habrahabr.ru/post/159027/
- Про подчеркивание http://prgssr.ru/development/sposoby-podcherkivaniya.html
- Про border https://www.quackit.com/html/codes/html_borders.cfm
- Про отступы в inline-block http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html
Видео
- HTML верстка на примере бизнес сайта http://www.youtube.com/watch?v=tGwoV_q4Mp4&list=PLyf8LgkO_8q_Lp86dcA3VWdtKa53RqIc4
- HTML/CSS Специалист Уровень 2 https://www.youtube.com/watch?v=eJiXQpatOVQ
Блоги
- Lea Verou http://lea.verou.me/
- CSS-Tricks http://css-tricks.com/
Разное