Содержание

HTML / CSS

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