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


#27

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


#28

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


#29

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


#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


#33

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


#34

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


#35

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


#36

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


#37

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


#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:


#39

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


#40

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


#41

#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/


#43

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


#44

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


#45


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


#46

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