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

Общее
27

А скиньте ссылку. Что это за чудо-шрифты такие?

28

@Amnesiac, а вы посмотрите второе сообщение в теме :blush:

29

Ещё один забавный ресурс. Можно не только создавать обычные иконки, а ещё и анимировать их. Так же можно полистать и посмотреть на работы других людей.
http://www.favicon.cc/

1 лайк
30

teamtreehouse.com - отличный ресурс для прокачки html/css/javascript. Перешёл на него когда кончились курсы здесь.

31

Сервисы для работы с изображениями на этапе прототипирования/локальной разработки странички:

http://subtlepatterns.com/ - коллекция изображений-паттернов для фона
http://place-hold.it/ - генератор изображений-заглушек
https://unsplash.it/ - генератор изображений с ресурса unsplash.com
http://lorempixel.com/ - генератор изображений похуже, но тоже вполне себе

32

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

4 лайка
33

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

4 лайка
34

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

3 лайка
35

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

36

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

5 лайков
37

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

1 лайк
38

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 лайка
39

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

2 лайка
40

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

2 лайка
41
2 лайка
42

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 лайк
43

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

2 лайка
44

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

45

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

2 лайка
46

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

3 лайка