CSS сниппеты для ускорения HTML верстки. Готовая подборка

Стартовая коллекция CSS сниппетов для ускорения HTML верстки и написания CSS стилей. Быстрые команды для фона, псевдоэлементов, импорта и медиа запросов.
Материалы к уроку: webcademy.ru/blog/983/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 08 Июля 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
ТАЙМ КОДЫ:
00:00 Старт
00:15 Фоновое изображение
01:50 Фоновая иконка
02:41 Абсолют по центру
03:08 Оверлей
03:27 Псевдоэлемент с иконкой
04:28 Ширина, высота
04:48 transition
05:04 transform: translate
05:15 Импорт
05:52 Медиазапрос
06:42 CSS переменные
07:10 Стили для кнопки
08:32 Как добавить сниппеты
10:18 Скачать снипппеты и шпаргалку

[@user-pt1te3uh7f]

Спасибо, крутая и полезная тема, очень удобно

[@user-kh7fv5rn1g]

побольше бы сниппетов ))) еще flex и grid можно добавить ). Спасибо, Юрий!

[@user-yp4hh6sl7j]

это очень крутые ролики! спасибо

[@yuriykolomytsyn2352]

Благодарю! Огромный респект

[@step_by_step_to_perfection]

Спасибо! Все четко по полочкам! 👍

[@user-rw8wi3sq9e]

Спасибо за урок и за полезный материал и совет.

[@user-frond-end_dev]

вот это четкая тема! автор, а будет видео на канале, натяжка сайта на WordPress c последующим заливом на хостинг, покупкой домена; возможно услышать пару слов по поводу доменов и хостингов, из вашего опыта, какие сегодня актуальнее выбирать. Есть информация, что некоторые домены, на которых люди пытаются зароботать с помощью блога, не индексируются поисковыми системами

[@WebCademy]

По WP есть блоке на курсе по верстке. На канале пока не планирую. Насчёт домена берите классику .ru, .com, .net

[@user-ky3jr3qp3c]

благодарю вас.Оставляйте под видео ваши реквизиты для благодарности

[@autlady]

Благодарю, очень полезно!👍

[@userMeela]

Спасибо

[@aleksshyzovskiy]

Спасибо!
Кстати, а нет ли в планах создать курс по SASS/SCSS? А то на ютубе актуальщины на вашем уровне подачи нет

[@WebCademy]

Спасибо!) Да, есть в планах.

[@walterwhite4407]

[@nikolyaorlando9372]

Подскажите что за плагин у вас для js, который раскрывает функции, или это emmet так настроен. Видел в других роликах как при вводе addEventListener у Вас сразу развернулась функция с тремя параметрами. Подумал что вот этот JavaScript (ES6) code snippets, но он не так работает.

[@WebCademy]

Да, это JavaScript (ES6) code snippets v1.8.0

[@killd0z3r]

Исправьте пож ошибку в notion , сниппет wh название сейчас стоит Widht

[@grigorvardanyan7780]

Классная штука, но у меня не получилось, чего то красным все копирует

[@Lana-mu1qt]

Здесь хорошо видно код

[@senianga1]

Годнота!