====== HTML / CSS ======
===== Посилання =====
=== Довідники ===
* [[https://html.spec.whatwg.org/multipage/|HTML Офіційна специфікация]]
* [[https://css.in.ua/|CSS Український довідник]]
* [[https://www.w3schools.com/cssref/css_selectors.php|Документація по варінтам селекторів]]
* [[https://docs.emmet.io/cheat-sheet/|шорт-кати для HTML+CSS]]
* [[https://html.spec.whatwg.org/multipage/named-characters.html|Мнемоніки з офф.специфікацї]]
* [[https://www.toptal.com/designers/htmlarrows/symbols/|Мнемоніки з toptal.com]]
* [[https://htmlcolorcodes.com/color-names/|HTML Color codes - коди та назви кольорів]]
* [[https://fonts.google.com/|Шрифти google-fonts]]
* [[https://animate.style/|Анімації CSS]]
=== Сервіси ===
* [[https://validator.w3.org/nu/#textarea|Валідатор HTML коду]]
* [[https://squoosh.app/|squoosh - оптимізація зображень простих. Може робити погресивні картинки]]
* [[https://compresspng.com/|compresspng - оптимізація зображень простих. Може обробляти пачку зображень]]
* [[https://tinypng.com/|tinypng - оптимізація зображень. Може обробляти пачку зображень]]
* [[https://jakearchibald.github.io/svgomg/|jakearchibald - оптимізація зображень SVG] (Для оптимізації спрайтів тут включити prettifi markup)]]
* [[https://cdnjs.com/libraries/modern-normalize/|Нормалізатор коду 1]]
* [[https://github.com/sindresorhus/modern-normalize/|Нормалізатор коду 2]]
* [[https://pagespeed.web.dev/|Тест швидкості завантаження сайту google]]
=== Ресурси ===
* [[https://codepen.io/tea246/pen/WLEJMK|Генератор формул для опису адресації псевдокласів]]
* [[https://icomoon.io/app/#/select|База векторних іконок та сервіс сворення SVG-спрайтів]]
* [[https://picsum.photos/|База виподкових зображень Lorem Picsum]]
* [[https://cssgradient.io/|Генератор градієнтів]]
* [[https://www.cssmatic.com/box-shadow|Генератор тінів]]
* [[https://icomoon.io/app/#/select|icomoon - База векторних іконок та сервіс сворення SVG-спрайтів]]
===== HTML =====
* [[Структура HTML]]
* [[HTML теги]]
* [[Обява JavaScript у HTML]]
* [[Мнемоніки / Символьні підстановки / Mnemonical]]
* [[Нормалізация коду]]
===== CSS =====
* [[Способи вибору селектору для стилю]]
* [[Властивості CSS]]
* [[Події CSS]]
* [[Псевдо-класи CSS]]
* [[Псевдо-елементи CSS]]
* [[CSS методи підключння стилів]]
* [[Формати вказання кольру]]
* [[Приорітети стилів CSS]]
* [[Шрифти]]
* [[Глобальні стилі]]
* [[Векторна графіка SVG]]
* [[Медіазапити]]
* [[Шаблони кодів CSS]]
===== Іньше =====
* [[Плагіни для VS Code]]
* [[Шорт-каты]]
* [[Інструмент розробника браузера]]
* [[Рекомендації]]
* [[Робота в команді з GitHub]]
* [[Збирання html та css з декількох файлів]]