📝 Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

В этой статье узнаете, как с легкостью создать механизм переключения на темную тему всего за пятьдесят две строчки кода.

#учись #css #javascript

💈 Анимация границ с помощью свойств CSS

В этой статье Вы увидите, как можно использовать CSS для создания эффектных границ.

#учись #css

🧮 Использование CSS-селектора :has() на примерах

Итак, :has() — это CSS-псевдокласс родительского селектора. Другими словами, с помощью :has() можно изменить родительский элемент, содержащий определённый дочерний элемент либо элемент, следующий за ним.

В этой статье автор показал, как работает этот псевдокласс на наглядном примере, создав аналог Dock из MacOS.

#учись #css

📑 Создание сайдбара с помощью HTML, CSS и JavaScript

Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.

#javascript #css #html #учись

🎹 100 CSS-кнопок для Вашего проекта

На этом сайте находятся различные варианты кнопок, которые Вы можете использовать в своём следующем проекте. Достаточно нажать на понравившуюся кнопку и откроется окно с кодом, который нужно просто скопировать в проект.

#полезныйресурс #css

🏔 ScrollTrigger – красивый эффект перемотки экрана с подвижными элементами. Во время прокрутки горы и облака смещаются не целиком, а по отдельным слоям.

#сниппет #css

🖼 3D Scrolling Gallery – галерея с прокручивающимися изображениями, которые появляются из центра экрана при скролле мышки. Подойдет для сайтов, где важна динамика.

#сниппет #css #javascript

🐝 Honeycomb – необычная галерея для изображений, которая выглядит как медовые соты. При наведении мышки появляется текст на полупрозрачном фоне.

#сниппет #css

📒 ​Шпаргалка по CSS CSSReference.io

Это бесплатное визуальное руководство по CSS. Здесь собраны примеры для каждого свойства и их детальное объяснение в виде диаграмм и иллюстраций.

#css #полезныйресурс

📌 ​​12 важнейших сайтов для освоения CSS в 2023 году

Авторы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут Вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

#учись #полезныйресурс #css