Библиотеки для работы с CSS
Material-UI — библиотека с открытым кодом, которая включает в себя компоненты React, реализующие Material Design от Google. Она построена с использованием Less (Leaner Style Sheets) — обратно совместимым языковым расширением для CSS.
Material-UI — библиотека с открытым кодом, которая включает в себя компоненты React, реализующие Material Design от Google. Она построена с использованием Less (Leaner Style Sheets) — обратно совместимым языковым расширением для CSS.
Полезное расширение для VS Code
Bracket Pair Colorizer 2 — Позволяет идентифицировать совпадающие скобки по цвету. Пользователь может определить, какие токены должны соответствовать и какие цвета использовать.
Bracket Pair Colorizer 2 — Позволяет идентифицировать совпадающие скобки по цвету. Пользователь может определить, какие токены должны соответствовать и какие цвета использовать.
Полезный аддон HTML разработчиков
Live Server — этот аддон запускает локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц.
Live Server — этот аддон запускает локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц.
CSS псевдокласс :is()
Всем привет! Недавно узнал о том что в CSS есть псевдокласс
Несколько примеров:
Меняет фон для кнопки если она имеет состояние
Выбирает все элементы
В данном примере мы выбираем все списки которые уже находятся в списках.
Собственно вот такая довольно полезная штуковина. Поддерживается на данный момент всеми основными браузерами, вот ссылка на caniuse. Удачи в экспериментах!
Всем привет! Недавно узнал о том что в CSS есть псевдокласс
:is(), который позволяет значительно сократить длинные записи селекторов. По сути он просто принимает список селекторов для выбора элементов HTML.Несколько примеров:
button:is(:hover, :focus) { background: green;}Меняет фон для кнопки если она имеет состояние
focus или hover.:is(thead, tfoot) tr :is(th, td) { background: red;}Выбирает все элементы
th и td внутри хедера и футера таблицы.:is(ul, ol, menu) > :is(ul, ol, menu) { background: yellow;}В данном примере мы выбираем все списки которые уже находятся в списках.
Собственно вот такая довольно полезная штуковина. Поддерживается на данный момент всеми основными браузерами, вот ссылка на caniuse. Удачи в экспериментах!
Следующий этап развития Веба
Представляю вашему вниманию перевод этой замечательной статьи, которая содержит интересный обзор истории развития веб-разработки с точки зрения используемой архитектуры.
Читать...
Представляю вашему вниманию перевод этой замечательной статьи, которая содержит интересный обзор истории развития веб-разработки с точки зрения используемой архитектуры.
Читать...