html_css

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
html_css [2023/09/26 16:41]
tro
html_css [2023/12/26 18:23] (текущий)
tro
Строка 1: Строка 1:
 ====== 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|Мнемоніки з офф.специфікацї]]
Строка 9: Строка 10:
   * [[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 =====
Строка 28: Строка 35:
   * [[Нормалізация коду]]   * [[Нормалізация коду]]
 ===== CSS ===== ===== CSS =====
 +  * [[Способи вибору селектору для стилю]]
   * [[Властивості CSS]]   * [[Властивості CSS]]
   * [[Події CSS]]   * [[Події CSS]]
   * [[Псевдо-класи CSS]]   * [[Псевдо-класи CSS]]
 +  * [[Псевдо-елементи CSS]]
   * [[CSS методи підключння стилів]]   * [[CSS методи підключння стилів]]
   * [[Формати вказання кольру]]   * [[Формати вказання кольру]]
-  * [[Способи вибору селектору для стилю]] 
   * [[Приорітети стилів CSS]]   * [[Приорітети стилів CSS]]
   * [[Шрифти]]   * [[Шрифти]]
   * [[Глобальні стилі]]   * [[Глобальні стилі]]
   * [[Векторна графіка SVG]]   * [[Векторна графіка SVG]]
 +  * [[Медіазапити]]
 +  * [[Шаблони кодів CSS]]
  
 ===== Іньше ===== ===== Іньше =====
Строка 44: Строка 54:
   * [[Інструмент розробника браузера]]   * [[Інструмент розробника браузера]]
   * [[Рекомендації]]   * [[Рекомендації]]
 +  * [[Робота в команді з GitHub]]
 +  * [[Збирання html та css з декількох файлів]]
  • /sites/data/attic/html_css.1695746469.txt.gz
  • Последнее изменение: 2023/09/26 16:41
  • tro