HTML / CSS

Посилання

Довідники

HTML Офіційна специфікация

CSS Український довідник

Документація по варінтам селекторів

шорт-кати для HTML+CSS

Мнемоніки з офф.специфікацї

Мнемоніки з toptal.com

HTML Color codes - коди та назви кольорів

Шрифти google-fonts

Анімації CSS

Сервіси

Валідатор HTML коду

squoosh - оптимізація зображень простих. Може робити погресивні картинки

compresspng - оптимізація зображень простих. Може обробляти пачку зображень

tinypng - оптимізація зображень. Може обробляти пачку зображень

jakearchibald - оптимізація зображень SVG] (Для оптимізації спрайтів тут включити prettifi markup)

Нормалізатор коду 1

Нормалізатор коду 2

Тест швидкості завантаження сайту google

Ресурси

Генератор формул для опису адресації псевдокласів

База векторних іконок та сервіс сворення SVG-спрайтів

База виподкових зображень Lorem Picsum

Генератор градієнтів

Генератор тінів

icomoon - База векторних іконок та сервіс сворення SVG-спрайтів

HTML

Структура HTML

HTML теги

Обява JavaScript у HTML

Мнемоніки / Символьні підстановки / Mnemonical

Нормалізация коду

CSS

Властивості CSS

Події CSS

Псевдо-класи CSS

Псевдо-елементи CSS

CSS методи підключння стилів

Формати вказання кольру

Способи вибору селектору для стилю

Приорітети стилів CSS

Шрифти

Глобальні стилі

Векторна графіка SVG

Медіазапити

Шаблони кодів CSS

Іньше

Плагіни для VS Code

Шорт-каты

Інструмент розробника браузера

Рекомендації

Робота в команді з GitHub

Збирання html та css з декількох файлів