​​🤫PowerShell: обход и визуализация HTML-дерева из файла

В этой статье автор расскажет, почему HTML-дерево состоит из узлов разных типов, и почему корневой узел обладает именем #document, а ещё вы узнаете как метод DescendantNodes реализует обход дерева в глубину, который называют NLR.

Читать...

​​🧑🏼‍💻Введение в SVG-анимации для верстальщиков

В этой статье мы рассмотрим SVG-анимации с разных сторон, посмотрим на актуальное состояние дел, возможности и сопутствующие инструменты.

Читать...

​​👤Как мы научили тексты на вебе жить по правилам

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

Читать...

​​⚡️Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

В данной статье автор рассмотрит решение небольшой задачи: как сделать максимально возможный размер шрифта динамического текста в его родительском контейнере.

Читать...

​​🧐Почему figcaption не заменяет alt

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

Читать...

​​😍Стили заголовков в CSS: градиенты

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

Читать...

​​🚀Как плагин Emmet помогает ускорить работу с программным кодом

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

Читать...

​​👤Надежный способ сокрытия ссылок сайта от поисковых роботов

В этой статье автор расскажет, какой есть способ надежного сокрытия внешних ссылок на сайте от поисковых систем, и почему самый странный метод сокрытия ссылок — это закрытие конкретных страниц от индексации при помощи мета тегов или в файле robots.txt.

Читать...

​​🔥Новинки CSS и UI: I/O 2023

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

Читать...

​​😐Больше контроля над селектором :nth-child() с помощью синтаксиса of S

В этой статье автор расскажет, как с помощью селектора псевдокласса :nth-child() можно выбирать элементы в DOM по их индексу, и почему S логика An+B применяется только к тем элементам, которые соответствуют заданному списку селекторов S.

Читать...

​​😎Как выбрать библиотеку стайлинга и заменить несколько дизайн-систем на одну. Часть 1

В этой статье автор расскажет, почему работать со стилями стало приятнее с появлением препроцессоров, и почему логичным продолжением развития работы с CSS-in-JS стал переход к CSS-in-TS и его реализация в библиотеке stitches.dev.

Читать...

​​🕸Будущее интернета: как работают протоколы HTTP/3, QUIC и зачем они нужны?

В этой статье автор расскажет об эволюции протокола HTTP, транспортном протоколе QUIC, преимуществах и недостатках HTTP/3, и поделиться мнением о будущем интернета благодаря HTTP/3.

Читать...

​​🗓JavaScript и HTML: делаем простой календарь за 5 минут

В этом материале мы создадим виджет с помощью HTML, CSS и JavaScript.

Читать...

​​🚀Встречайте Dev Mode в Figma

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

Читать...

​​😎Треугольник Серпинского — Canvas, JS

В этом статье мы напишем рекурсивный алгоритм отрисовки данного известного фрактала в canvas с помощью JS.

Читать...

​​😎Шаблоны селекторов в автотестах Cypress: две полезные шпаргалки

В этой статье автор поделиться двумя полезными шпаргалками для выбора элементов в автотестах Cypress.

Читать...

​​👤Module Federation — что скрывается под кажущейся простотой

В этой статье будет рассказано, что такое module federation, в каких ситуациях его стоит использовать, как настроить продакшен сборку, а не только локальную, ну и какие проблемы вас могут ждать.

Читать...

​​🧑🏼‍💻JavaScript. Работа с буфером, Ctrl+C Ctrl+V

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

Читать...

​​😈XSS с мутациями: как безопасный код становится зловредным и при чем здесь innerHTML

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

Читать...

​​🚀HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community

В этой статье мы будем рассматривать ускорение работы страницы только с помощью файлов HTML и CSS.

Читать...

​​🚀Чёрная магия трансформов, или об оптимизации анимаций на CSS

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

Читать...