html_css

Различия

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

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

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
html_css [2023/09/26 17:22]
tro 		html_css [2023/12/26 18:23] (текущий)
tro
Строка 4: Строка 4:
   * [[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|Генератор формул для опису адресації псевдокласів]]
Строка 22: Строка 26:
   * [[https://cssgradient.io/|Генератор градієнтів]]   * [[https://cssgradient.io/|Генератор градієнтів]]
   * [[https://www.cssmatic.com/box-shadow|Генератор тінів]]   * [[https://www.cssmatic.com/box-shadow|Генератор тінів]]
 +  * [[https://icomoon.io/app/#/select|icomoon - База векторних іконок та сервіс сворення SVG-спрайтів]]
  
 ===== HTML ===== ===== HTML =====
Строка 30: Строка 35:
   * [[Нормалізация коду]]   * [[Нормалізация коду]]
 ===== CSS ===== ===== CSS =====
 +  * [[Способи вибору селектору для стилю]]
   * [[Властивості CSS]]   * [[Властивості CSS]]
   * [[Події CSS]]   * [[Події CSS]]
Строка 36: Строка 42:
   * [[CSS методи підключння стилів]]   * [[CSS методи підключння стилів]]
   * [[Формати вказання кольру]]   * [[Формати вказання кольру]]
-  * [[Способи вибору селектору для стилю]] 
   * [[Приорітети стилів CSS]]   * [[Приорітети стилів CSS]]
   * [[Шрифти]]   * [[Шрифти]]
   * [[Глобальні стилі]]   * [[Глобальні стилі]]
   * [[Векторна графіка SVG]]   * [[Векторна графіка SVG]]
 +  * [[Медіазапити]]
 +  * [[Шаблони кодів CSS]]
  
 ===== Іньше ===== ===== Іньше =====
Строка 47: Строка 54:
   * [[Інструмент розробника браузера]]   * [[Інструмент розробника браузера]]
   * [[Рекомендації]]   * [[Рекомендації]]
 +  * [[Робота в команді з GitHub]]
 +  * [[Збирання html та css з декількох файлів]]
  • /sites/data/attic/html_css.1695748978.txt.gz
  • Последнее изменение: 2023/09/26 17:22
  • — tro