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