Alex Shemakhanov | канал о web dev'е
6 subscribers
43 photos
12 videos
17 links
Добро пожаловать на канал о веб-разработке!
Обсуждение разработки веб-сайтов и веб-приложений – от веб-дизайна до программирования на разных языках.
Примеры реальных проектов, лайфхаки, личные кейсы, ссылки и обзоры на полезные сервисы.
Download Telegram
Хай, Бро! 💪
Сегодня продолжим наше знакомство с CSS селекторами, это вторая часть большого материала (первая часть была чуть ранее в ленте).

В данном посте будут рассмотрены следующие селекторы:

a > b — селектор потомков 1-го уровня.
Применяет стили к непосредственным потомкам элемента a.

a ~ b — селектор соседних элементов.
Позволяет применить правила ко всем соседним элементам b находящимся после элемента a на одном уровне вложенности.

a + b — селектор соседнего элемента.
Позволяет применить правила к первому соседнему элементу b находящимся после элемента a на одном уровне вложенности.

В следующих частях ознакомимся с селекторами по атрибутам.

#css #css3 #cssselectors #frontend
👍1
📣 Знакомьтесь с селектором :has() — ваш новый инструмент для точного и гибкого выбора элементов в CSS👩‍💻! С ним можно стилизовать родительские элементы на основе их содержимого. Это как магия, только реальность!

Примеры использования уже ждут вас в 🗒 Codepen

#CSS #webdev #Frontend | Канал о webdev
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1🆒1
Что выведет этот код?
Anonymous Quiz
25%
1221
0%
113
75%
121
0%
Nan
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Что выведет этот код?
Anonymous Quiz
50%
"null"
50%
"object"
0%
"undefined"
0%
TypeError
👍1
Какой метод массива НЕ мутирует исходный массив?
Anonymous Quiz
0%
push()
0%
splice()
100%
slice()
0%
sort()
👍2
Что будет в консоли?
Anonymous Quiz
50%
1
50%
undefined
0%
{ a: 1 }
0%
Error
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
💬 Notify Native.js — это простая и легкая библиотека, позволяющая выводить на экран различные уведомления, от нового сообщения, до сервисных уведомлений.

Особенности:
🖌 6 готовых стилей + кастомный
📱 4 позиции на экране
🔊 Встроенные звуки + кастомные
Гибкая система закрытия уведомлений
↗️ Кнопки действий с обработчиками
💻 Адаптивный дизайн
Нет зависимостей
____________________________________

👥 Доступно на 🐶 GitVerse и 😀 Github
____________________________________

#javascript #jslibrary | Канал о webdev
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥3🆒1😎1
This media is not supported in your browser
VIEW IN TELEGRAM
Tree View — это интерактивный модульный компонент для отображения иерархических структур данных в виде дерева с поддержкой выделения, видимости и управления состоянием узлов.

Основные фичи:
↔️ Рекурсивная структура: неограниченная вложенность с поддержкой сворачивания.
📱 Полноценное выделение: одиночное, множественное (Ctrl, Shift, Ctrl+Shift).
👁 Каскадное управление видимостью: видимое, скрытое и частично видимое
Тулбар: массовое сворачивание/разворачивание и переключение видимости.
Реактивность: Динамический вывод JSON и синхронизация с глобальным стейтом.
________

#javascript #jslibrary | Канал о webdev
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🗿2