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 з декількох файлів