Frontend

18.05.2026

Как сделать liquid glass меню на CSS как в iPhone

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

Читать подробнее ->

5 минут чтения

50 просмотров

Frontend

09.03.2026

Шпаргалка по семантическим тегам HTML

Шпаргалка по семантическим HTML-тегам для начинающих и практикующих веб-разработчиков. Разбираем основные структурные, текстовые и мультимедийные теги HTML5: <header>, <section>, <article>, <nav>, <figure> и другие. В статье — таблицы с примерами использования, пояснения по SEO и советы по написанию понятной и доступной верстки.

Читать подробнее ->

3 минут чтения

62 просмотров

Frontend

22.05.2021

Отступ для якоря от верхнего края экрана на чистом css

Как сделать отступ для якорной ссылки от верхнего края экрана. Разбираем простой способ смещения якорей через CSS для сайтов с фиксированной шапкой и навигацией.

Читать подробнее ->

1 минут чтения

28 просмотров

Frontend

22.04.2021

Chrome как удалить куки одного сайта

Как удалить cookies только для одного сайта в Google Chrome через DevTools.
Пошаговая инструкция по очистке данных сайта без сброса cookies и авторизации во всём браузере.

Читать подробнее ->

1 минут чтения

23 просмотров

Frontend

22.10.2020

Автоматическое создание минимизированных CSS и JS файлов в PhpStorm

Настраиваем автоматическую минификацию CSS и JavaScript-файлов в PhpStorm с помощью File Watchers. Показываю установку Node.js, настройку CSSO и UglifyJS, а также автоматическое создание .min.css и .min.js файлов при сохранении.

Читать подробнее ->

2 минут чтения

24 просмотров

Frontend

23.08.2020

Обновление страниц в Chrome с помощью плагина LivePage при измении html, css файлов

Настраиваем автоматическое обновление страниц в Google Chrome через расширение LivePage. Показываю установку расширения из GitHub и настройку автообновления HTML и CSS при разработке сайтов.

Читать подробнее ->

2 минут чтения

28 просмотров

Frontend

18.12.2019

Подсветка синтаксиса кода в Битрикс с помощью Highlight.js

Подключаем подсветку синтаксиса кода в Битрикс с помощью Highlight.js. Показываю установку библиотеки, подключение через Asset API и автоматическую замену тегов <pre> для корректной подсветки примеров кода в блоге.

Читать подробнее ->

2 минут чтения

26 просмотров

Frontend

22.11.2019

Выравнивание элементов по центру с помощью Flexbox

Разбираем выравнивание элементов по центру с помощью Flexbox. Показываю, как быстро центрировать блоки по горизонтали и вертикали через display:flex, align-items и justify-content.

Читать подробнее ->

1 минут чтения

12 просмотров

Frontend

08.02.2019

Как скопировать html вместе со стилями css?

Разбираем расширение CSS Used для Chrome. Показываю, как быстро получить HTML и все CSS-стили выбранного элемента сайта вместе с дочерними блоками прямо из DevTools.

Читать подробнее ->

2 минут чтения

50 просмотров

Frontend

20.11.2018

Стилизация checkbox средствами CSS

Разбираем стилизацию checkbox средствами CSS без JavaScript. Показываю, как скрыть стандартный чекбокс, создать собственный через псевдоэлемент и добавить красивую анимацию выбора.

Читать подробнее ->

2 минут чтения

33 просмотров

Frontend

20.09.2018

css какой элемент выходит за пределы экрана?

Если при адаптивной верстке появляется горизонтальная прокрутка и какой-то элемент выходит за границы экрана — есть простой способ быстро найти проблему. Показываю полезный CSS-трюк для поиска элементов, ломающих верстку.

Читать подробнее ->

1 минут чтения

71 просмотров

Frontend

12.08.2018

Плавная прокрутка до якоря в html

Разбираем HTML-якоря и плавную прокрутку страницы через JavaScript и jQuery. Показываю создание якорей, настройку scroll animation и плавный переход к нужному блоку сайта.

Читать подробнее ->

2 минут чтения

13 просмотров

Frontend

04.05.2018

Live Edit в PhpStorm — автоматическое обновление страницы при изменении файлов

Настраиваем автоматическое обновление страницы в PhpStorm с помощью Live Edit и расширения JetBrains IDE Support для Chrome. Показываю пошаговую установку, запуск режима отладки и решение проблемы, когда Live Edit не работает.

Читать подробнее ->

2 минут чтения

27 просмотров

Frontend

28.04.2018

Автообновление страницы при верстке через BrowserSync

BrowserSync помогает ускорить верстку сайта: он автоматически обновляет страницу в браузере после изменения HTML, CSS или PHP-файлов. В статье показываю, как установить Node.js, поставить BrowserSync и запустить автообновление страницы для локального проекта.

Читать подробнее ->

2 минут чтения

27 просмотров