Практикуем БЭМ, CSS Transforms, CSS Grid, CSS переменные

https://frontips.ru/3d-effekt-kartochek-na-css/

Что такое Git, регистрируемся на GitHub, для чего нужен GitHub Desktop, установим и рассмотрим его базовое использование

https://frontips.ru/ustanovka-github-desktop-i-ego-bazovoe-ispolzovanie/

Зачем HTML-верстальщику Node.js и рассмотрим установку по шагам

https://frontips.ru/node-js-zachem-verstalshchiku-i-kak-ustanovit/

Что такое Gulp? Как его установить? Как им пользоваться?

https://frontips.ru/ispolzuem-gulp-dlya-uskoreniya-processa-verstki/

Знакомимся с Pug - синтаксис и базовые возможности

https://frontips.ru/pug-shablonizator-i-preprocessor-html/

Знакомимся со Stylus - синтаксис и базовые возможности

https://frontips.ru/stylus-preprocessor-css/

Как просто и корректно подключить веб-шрифты

https://frontips.ru/podklyuchaem-veb-shrifty/

Напишем простое и универсальное аккордеон меню на jQuery

https://frontips.ru/akkordeon-menyu-na-jquery/

Как скрывать Header при прокрутке страницы вниз и отображать при прокрутке вверх

https://frontips.ru/skryvaem-pokazyvaem-header-pri-prokrutke/

С нуля напишем индикатор прокрутки страницы на чистом JavaScript.

https://frontips.ru/indikator-prokrutki-na-javanoscript/

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

https://frontips.ru/plagin-dlya-otobrazheniya-razmerov-okna-brauzera/

Рассмотрим основы адаптивной вёрстки, что такое область просмотра (viewport), как использовать media запросы и некоторые не самые очевидные нюансы

https://frontips.ru/osnovy-adaptivnoj-vyorstki/

Навигация - одна из основных составляющих сайта. Она должна быть доступна и удобна для использования на любом устройстве. Рассмотрим логику и некоторые примеры адаптивной навигации

https://frontips.ru/adaptivnaya-navigaciya/

Некоторые события в браузере происходят с очень высокой частотой. Количество событий при движении курсора, прокрутке страницы, изменении размеров окна браузера, зажатой клавиши и так далее может достигать 100 раз в секунду. Функции, вызываемые при такой частоте событий, создают большую нагрузку на браузер и производительность падает. Как оптимизировать данный процесс?

https://frontips.ru/povyshaem-proizvoditelnost-pri-resize-scroll/

Хорошая практика для удобства пользователя реализовывать закрытие динамического элемента не только при клике на кнопку, но и при клике вне этого элемента

https://frontips.ru/kak-otsledit-klik-vne-elementa/

Добавил на сайт самописный поиск на Vue.

Мгновенный поиск с подсветкой по названию статьи, описанию и ключевым словам

Получилось довольно неплохое решение для статического блога

https://frontips.ru/search

Приветствую всех подписавшихся!

Новая статья про свойство z-index уже доступна. Приятного чтения.

---

Свойство z-index c первого взгляда кажется простым, и это не далеко от истины, но чтобы полноценно разобраться в его работе, необходимо узнать о такой концепции, как контекст наложения (stacking context)

https://frontips.ru/svojstvo-z-index-i-kontekst-nalozheniya/

Всех с наступающими праздниками!

Давайте в следующем году развиваться вместе ;)

Максимально уютный плейлист на предстоящие праздники.

Приятного прослушивания!

https://frontips.ru/spotify-cozy-lofi/

​​​​​​Всем привет!

Добавил на сайт тёмную тему и установил её по-умолчанию.

Подробнее про создание тёмной темы писал в статье по ссылке ниже

https://frontips.ru/css-peremennye-kak-sdelat-temnuyu-temu/

---

Переключить тему можно в выпадающем меню, нажав на иконку лампочки.

Первая статья в 2021 году уже доступна. Приятного чтения!

—-

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

https://frontips.ru/pozicionirovanie-elementov-svojstvo-position/

Практическая статья по созданию адаптивных вкладок (tabs), используя JavaScript уже доступна. Приятного чтения!

https://frontips.ru/variant-adaptivnyh-vkladok-tabs-na-javanoscript/