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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта

Сделана на чистом CSS


🔗 Открыть код
Please open Telegram to view this post
VIEW IN TELEGRAM
Используете <script type="module" src="app.js">. Нужно заранее подтянуть сам модуль и его импортируемые зависимости. Какой хинт выбрать?
Anonymous Quiz
26%
<link rel="modulepreload" href="app.js">
39%
<link rel="preload" as="script" href="app.js">
18%
<link rel="prefetch" href="app.js">
17%
defer на <script>
⚙️ Деструктуризация в JavaScript

Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.


🔗 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки

Сделана на чистом CSS


🔗 Открыть код
Please open Telegram to view this post
VIEW IN TELEGRAM
Нужно ограничить сессионный cookie точным хостом (без поддоменов) и требовать HTTPS. Как правильно его установить?
Anonymous Quiz
12%
Имя __Host-session; Secure; Path=/; HttpOnly; без Domain
19%
Обычный cookie; SameSite=Strict; Domain=.example.com; Secure
30%
Имя __Host-session; Secure; Domain=example.com; Path=/; HttpOnly
⚙️ SRE на Frontend`е

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


🔗 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку

Сделана SCSS


🔗 Открыть код
Please open Telegram to view this post
VIEW IN TELEGRAM
1