Web Lab | Программирование
6.31K subscribers
118 photos
11 videos
313 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для разработчика
- Python, Spark, базы данных (Greenplum, Oracle и т.д.), Hadoop, Airflow
- IT инструменты, хитрости и секреты
- Новости из мира IT
Download Telegram
🧮 Использование CSS-селектора :has() на примерах

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

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

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

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

#javascript #css #html #учись
🎹 100 CSS-кнопок для Вашего проекта

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

#полезныйресурс #css
This media is not supported in your browser
VIEW IN TELEGRAM
🏔 ScrollTrigger – красивый эффект перемотки экрана с подвижными элементами. Во время прокрутки горы и облака смещаются не целиком, а по отдельным слоям.

#сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
🖼 3D Scrolling Gallery – галерея с прокручивающимися изображениями, которые появляются из центра экрана при скролле мышки. Подойдет для сайтов, где важна динамика.

#сниппет #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
🐝 Honeycomb – необычная галерея для изображений, которая выглядит как медовые соты. При наведении мышки появляется текст на полупрозрачном фоне.

#сниппет #css
📒Шпаргалка по CSS CSSReference.io

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

#css #полезныйресурс
📌 ​​12 важнейших сайтов для освоения CSS в 2023 году

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

#учись #полезныйресурс #css
🗄 Сокращения в CSS / Минимизируем CSS код

Сокращенные свойства - это свойства CSS, которые позволяют одновременно устанавливать значения нескольких других свойств CSS. Используя сокращенное свойство, Вы можете писать более краткие (и часто более читаемые) таблицы стилей, экономя время и энергию.

#учись #полезныйресурс #css
🗃 Шпаргалка по всем свойствам CSS Flexbox

В этой статье, Вы рассмотрите основы CSS Flexbox. Поймёте, как работает каждое из свойств Flexbox, и получите шпаргалку к каждому свойству. В шпаргалках описано всё, что можно сделать с помощью Flexbox. 

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