Фронтенд Гайд
7.44K subscribers
587 photos
297 videos
254 links
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов!

Все представлено в виде готового кода, бери и юзай в своем проекте.

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Как переносить «висячие» слова на следующую строку с помощью JavaScript

Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.
This media is not supported in your browser
VIEW IN TELEGRAM
Cards with inverted border-radius

Карточки товаров с интересным решением для кнопки
Как я масштабировал систему уведомлений трекера ошибок Хоук

Я пересобрал систему уведомлений в трекере Хоук: отказался от тупого спама, придумал фильтрацию важных событий, и сделал воркера, который не выжигает CPU при нагрузке. Всё по делу и с цифрами
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll Trigger Image Zoom

Страница с эффектом зума при скролле
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy wipe

Стильный текст с анимированным появлением
Гит, предпосылки его появления и современное использование в веб-разработке

Рассказываю, как отказ от BitKeeper подтолкнул Линуса Торвальдса написать git, почему «менеджер из ада» стал стандартом де-факто и как всё это связано с болью, опенсорсом и первыми коммитами
This media is not supported in your browser
VIEW IN TELEGRAM
Firefly Button

Кнопка с анимированным эффектом при наведении
Да, этот HTML и CSS старый, но всё ещё полезный

Собрал фичи HTML и CSS, которые появились 5+ лет назад, но до сих пор почти никто не использует. Хотя зря — они реально упрощают жизнь. Не туториал, а список напоминаний
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll-Driven Dock

Настраиваемая панель инструментов