Полезные ссылки и материалы

http://flexboxfroggy.com/#ru тренировка по flexbox

4 лайка

http://githowto.com/ru Git How To — это интерактивный тур, который познакомит вас с основами Git. Тур создан с пониманием того, что лучшим способом научиться чему-нибудь — сделать это своими руками.
http://pcottle.github.io/learnGitBranching/ Это приложение создано, чтобы помочь новичкам постичь мощные возможности ветвления и работы с git.

4 лайка

Дополнительные задания по HTML/CSS: http://www.itmathrepetitor.ru/zadachi-po-html-i-css/

3 лайка

Решение распространенных проблем при верстке (английский).

Иногда бывает полезно смотреть чужие работы, да и источники для вдохновения тоже нужны:
http://www.csszengarden.com - не нуждается в комментариях, но сравнительно давно не обновлялся.
http://feej.ru - недавно обнаружил, неплохая подборка.
Буду благодарен если поделитесь похожими ресурсами.
UPD http://www.cssdesignawards.com/ название намекает)

5 лайков

Ссылка на макеты (в общем потоке затерялась)
Шаблоны из старых рассылок

1 лайк

Code Guide

Стиль кода HTML Academy
Основные правила и принципы написания CSS
Принципы написания однородного CSS-кода

Google HTML/CSS Style Guide
Walmart Web Style Guide
HTML/CSS by @mdo
CSS Guidelines by Harry Roberts
Workmanship Manual
Airbnb JavaScript Style Guide

Создай свой стиль :sunglasses:

3 лайка

http://webdesign-master.ru/blog/html-css/2.html справочник по плагину emmet

2 лайка

Тренировка по селекторам (английский язык)

2 лайка
2 лайка

https://assets.adobe.com/ - онлайн инструмент от adobe для получения css кода оформления элементов из psd макета.
avocode.com - пожалуй лучший инструмент для работы с макетами для верстальщика.

Оптимизация svg - https://jakearchibald.github.io/svgomg/

Наглядные gif’ки c фишками chromedevtools - https://umaar.com/dev-tips/100-web-animation-api/

1 лайк

Pixactly - Развиваем глазомер. :spy:
Hexinvaders - Запоминаем коды цветов. :rainbow:

2 лайка

http://www.dejurka.ru/graphics/web-sites-for-free-background-patterns/ подборка фонов на сайты

неплохая статейка

2 лайка

Cтатья “Что должен знать html-верстальщик?”

3 лайка

Тоже хотел ее выложить😂

Практические советы по верстке - статья с хабра.
Коллекция CSS3 Hover Effects http://fox-hover.co.uk/intermediate-hover-pack/ + руководство с объяснениями - статья с хабра на русском в трех частях.

2 лайка

#Ресурсы по GIT

1 лайк

adobe assets не будет доступен с конца июня. Также этот сервис не будет больше доступен и в редакторе brackets

#Справочные материалы

2 лайка