frontips.ru

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

Благодарю за ваши ответы в опросе выше! Продолжу писать преимущественно практические статьи

Пока очередная статья в процессе написания, предлагаю, время от времени, публиковать бесплатные, но качественные макеты Figma для практики/портфолио

Поддерживаете ли вы данную идею?

---

Первый макет от https://figmango.com/

Приветствую!

Продолжаю писать небольшие практические статьи по кейсам, которые встречаются в текущем проекте

В этот раз посмотрим, как сделать простой Preloader при загрузке страниц

Ссылка на статью - https://frontips.ru/kak-sdelat-prostoj-preloader-pri-zagruzke-stranic/

Всем привет! ✋🏻

В новой статье посмотрим, как можно просто и быстро создавать и использовать символьные SVG-спрайты

https://frontips.ru/sozdayom-i-ispolzuem-simvolnyj-svg-sprajt/

---

Всем хороших выходных! ☕️

Всем привет!

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

Статья доступна по ссылке ниже

https://frontips.ru/variant-modalnyh-okon-na-javascript/

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

По одной из идей уже написал небольшую практическую статью, где рассмотрим создание вертикального адаптивного слайдера с превью на основе плагина Swiper

Статья доступна по ссылке ниже

https://frontips.ru/variant-vertikalnogo-slajdera-s-prevyu-na-osnove-swiper/

---

Благодарю за интерес к моему каналу/блогу!

Привет всем подписавшимся!

Новая статья уже в процессе написания. Пока что вы можете ознакомится с уже имеющимися статьями, в которые я вложил много времени и труда.

Мой блог, как и этот канал, достаточно молодые (около 3-4 месяцев), но уже имеются положительные отзывы, и это вдохновляет продолжать писать и развивать проект!

Давайте развиваться вместе! ;)

​​Написал небольшую практическую статью, в которой рассмотрим, как плавно изменять высоту блока при отображении и скрытии, если конечная высота блока не известна

https://frontips.ru/plavnoe-izmenenie-vysoty-bloka-bez-jquery/

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

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

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

—-

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

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

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

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

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

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

---

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

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

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

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

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

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

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

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

---

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

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

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

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

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

https://frontips.ru/search

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

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

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

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

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

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

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

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

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

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

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

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