en
Feedback
Фронтенд Гайд

Фронтенд Гайд

Closed channel

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. По всем вопросам: @arm9h4ik70 Реклама:

Show more
Russia96 533Technologies & Applications16 704
6 299
Subscribers
-124 hours
-87 days
-8630 days

Data loading in progress...

Similar Channels
Frontender Libs - обзор библиотек JS / CSS
7.8K
Frontender Libs - обзор библиотек JS / CSS
Dev House Jun Front
3.4K
Dev House Jun Front
Библиотека верстальщика
2.9K
Библиотека верстальщика
Макеты для HTML вёрстки сайтов || Assedo Studio
2.1K
Макеты для HTML вёрстки сайтов || Assedo Studio
Web разработка
2.0K
Web разработка
avatar
1
More channels
Tags Cloud
javascript26
css22
html13
flow12
api11
архитектура9
загрузка9
интерфейс9
preventdefault8
frontend7
script7
usecallback7
ввод7
строка7
программирование6
хук6
based5
dom5
фича5
фичи5
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
June '26
June '26
+3
in 2 channels
May '260
in 0 channels
Get PRO
April '26
+4
in 0 channels
Get PRO
March '26
+6
in 1 channels
Get PRO
February '26
+6
in 3 channels
Get PRO
January '26
+10
in 1 channels
Get PRO
December '25
+72
in 9 channels
Get PRO
November '25
+55
in 0 channels
Get PRO
October '25
+56
in 0 channels
Get PRO
September '25
+51
in 0 channels
Get PRO
August '25
+65
in 0 channels
Get PRO
July '25
+44
in 0 channels
Get PRO
June '25
+44
in 0 channels
Get PRO
May '25
+71
in 0 channels
Get PRO
April '25
+82
in 0 channels
Get PRO
March '25
+56
in 0 channels
Get PRO
February '25
+114
in 0 channels
Get PRO
January '25
+102
in 0 channels
Get PRO
December '24
+189
in 0 channels
Get PRO
November '24
+166
in 1 channels
Get PRO
October '24
+201
in 0 channels
Get PRO
September '24
+156
in 0 channels
Get PRO
August '24
+227
in 0 channels
Get PRO
July '24
+217
in 0 channels
Get PRO
June '24
+254
in 0 channels
Get PRO
May '24
+301
in 0 channels
Get PRO
April '24
+332
in 0 channels
Get PRO
March '24
+388
in 0 channels
Get PRO
February '24
+282
in 0 channels
Get PRO
January '24
+162
in 0 channels
Get PRO
December '23
+263
in 6 channels
Get PRO
November '23
+951
in 31 channels
Get PRO
October '23
+38
in 1 channels
Get PRO
September '23
+356
in 0 channels
Get PRO
August '23
+542
in 0 channels
Get PRO
July '23
+13
in 0 channels
Get PRO
June '23
+15
in 0 channels
Get PRO
May '23
+27
in 0 channels
Get PRO
April '23
+81
in 0 channels
Get PRO
March '23
+309
in 0 channels
Get PRO
February '23
+15
in 0 channels
Get PRO
January '23
+33
in 0 channels
Get PRO
December '22
+354
in 0 channels
Get PRO
November '22
+1 251
in 0 channels
Get PRO
October '22
+35
in 0 channels
Get PRO
September '22
+11
in 0 channels
Get PRO
August '22
+22
in 0 channels
Get PRO
July '22
+69
in 0 channels
Get PRO
June '22
+30
in 0 channels
Get PRO
May '22
+75
in 0 channels
Get PRO
April '22
+60
in 0 channels
Get PRO
March '22
+630
in 0 channels
Get PRO
February '22
+470
in 0 channels
Get PRO
January '22
+1 403
in 0 channels
Get PRO
December '21
+3 816
in 0 channels
Date
Subscriber Growth
Mentions
Channels
05 June+1
04 June0
03 June+2
02 June0
01 June0
Channel Posts
Фронтенд Гайд
👩‍💻 В коде слишком много операторов и условий? Snazzy Operator — делает операторы (=>, ===, &&, >= и другие) более выразительными и аккуратными за счёт специальных лигатур и стилизации. Код становится легче воспринимать визуально, особенно в больших файлах и сложных условиях.

2
🖇️ Хочется сразу видеть, какой цвет используется в коде? Colorize — подсвечивает все цветовые значения прямо в редакторе: HE
🖇️ Хочется сразу видеть, какой цвет используется в коде? Colorize — подсвечивает все цветовые значения прямо в редакторе: HEX, RGB, HSL, CSS-переменные и другие форматы. Вместо набора символов ты сразу видишь реальный цвет рядом с кодом. Удобно при работе с UI, темами и большими CSS/SCSS-файлами, где важно быстро ориентироваться в палитре проекта.
738
3
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них ран
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!
0
4
Кто в теме, поймет😂
Кто в теме, поймет😂
941
5
Переходим в MAX?
0
6
Сегодня исторический день для JavaScript! API Temporal API теперь доступен в Node.js. Наконец-то нормальный API для работы с
Сегодня исторический день для JavaScript! API Temporal API теперь доступен в Node.js. Наконец-то нормальный API для работы с датами. Прощай new Date("2026-04-28") Здравствуй Temporal.PlainDate.from("2026-04-28") ✓ Даты без странных таймзон ✓ Можно нормально прибавлять дни, месяцы и годы без багов ✓ Прощай, куча проблем с Date
1 305
7
Нужно быстро привести CSV-файл к читаемому виду? CSV to Table — позволяет отобразить содержимое CSV как таблицу прямо в VS Co
Нужно быстро привести CSV-файл к читаемому виду? CSV to Table — позволяет отобразить содержимое CSV как таблицу прямо в VS Code. Данные выравниваются по столбцам, становятся наглядными и удобными для анализа без открытия сторонних инструментов. Полезно при работе с выгрузками, логами и любыми табличными данными.
1 072
8
No text...
0
9
Совет по CSS: Единица измерения turn Иногда проще задать вращение с помощью единицы turn вместо deg, особенно когда нужно ука
Совет по CSS: Единица измерения turn Иногда проще задать вращение с помощью единицы turn вместо deg, особенно когда нужно указать значение больше 360 градусов (1 turn = 360 deg)
0
10
😍 QuickRef — компактная шпаргалка по JavaScript! Это удобный справочник, где собраны ключевые конструкции, методы и синтакси
😍 QuickRef — компактная шпаргалка по JavaScript! Это удобный справочник, где собраны ключевые конструкции, методы и синтаксис JS на одной странице. Здесь есть всё необходимое: переменные, функции, операторы, строки, массивы и базовые примеры кода для быстрого ориентирования. Формат максимально сжатый и практичный. 📌 Оставляю ссылочку: quickref.me
0
11
👩‍💻 Нужно быстро связать HTML и CSS? HTML to CSS autocompletion — подсказывает CSS-классы и id прямо при работе с HTML. Рас
👩‍💻 Нужно быстро связать HTML и CSS? HTML to CSS autocompletion — подсказывает CSS-классы и id прямо при работе с HTML. Расширение анализирует стили в проекте и предлагает существующие селекторы, чтобы не допускать опечаток. Удобно при верстке, особенно в больших проектах, где легко запутаться в названиях классов.
0
12
CEO Y Combinator выкатил свой сетап для Claude Code Это целая виртуальная команда из 10+ ролей, которая живёт внутри CLI. Теп
CEO Y Combinator выкатил свой сетап для Claude Code Это целая виртуальная команда из 10+ ролей, которая живёт внутри CLI. Теперь мы живем в реальности, где один человек гоняет 5–10 агентов параллельно: они пишут код, тесты, сами находят баги и фиксят их. У самого Гарри получается до 10–20к строк кода в день при работе «параллельно с CEO». По факту это превращает Claude в управляемый софтверный завод с ролями, процессами и гейтами.
0
13
👩‍💻 Нужно открыть PDF, не выходя из редактора? vscode-pdf — позволяет просматривать PDF-файлы прямо в VS Code: без сторонни
👩‍💻 Нужно открыть PDF, не выходя из редактора? vscode-pdf — позволяет просматривать PDF-файлы прямо в VS Code: без сторонних приложений и переключений между окнами. Можно быстро открыть документацию, спецификации или инструкции и держать всё в одном рабочем пространстве. Удобно, когда работаешь с проектами, где часто приходится обращаться к PDF.
0
14
NPM Visual Manager— это расширение для VS Code, которое позволяет управлять зависимостями через удобный UI вместо запуска ком
NPM Visual Manager— это расширение для VS Code, которое позволяет управлять зависимостями через удобный UI вместо запуска команд в терминале. → просмотр установленных и актуальных версий → установка пакетов прямо из интерфейса → обновление в один клик → простое удаление пакетов → поддержка массовых операций → работает прямо внутри VS Code Удобно, если не хочется каждый раз вручную вводить npm-команды 👍
0
15
Перестань вызывать redirect() внутри блока try/catch в Next.js Почему это проблема: Когда ты добавляешь redirect() из next/na
Перестань вызывать redirect() внутри блока try/catch в Next.js Почему это проблема: Когда ты добавляешь redirect() из next/navigation внутрь try/catch redirect() специально выбрасывает внутреннюю ошибку – именно так Next.js понимает, что нужно сделать редирект пользователя Но если redirect() находится внутри try, то catch перехватит эту ошибку, и редирект не произойдёт Как исправить: → Вынеси redirect() за пределы блока try/catch
0
16
Эта фича в VS Code чертовски недооценена 🤯 Можно добавить цветную рамку вокруг окна, чтобы было проще различать разные окна
Эта фича в VS Code чертовски недооценена 🤯 Можно добавить цветную рамку вокруг окна, чтобы было проще различать разные окна VS Code. Например, можно задать разные цвета, чтобы визуально отделить frontend и backend проекты при переключении между окнами и не путаться. → добавляет рамку вокруг окна → поддерживает hex, rgb, hsl и другие форматы → удобно при работе с несколькими проектами → можно использовать системные или кастомные цвета Чтобы включить: найди window.border в настройках, открой вкладку workspace и выбери значение вроде default, system или задай свой цвет
0
17
👩‍💻 Хочешь показать кусок кода так, чтобы он выглядел аккуратно? Polacode — делает скриншоты кода прямо из VS Code: с подсв
👩‍💻 Хочешь показать кусок кода так, чтобы он выглядел аккуратно? Polacode — делает скриншоты кода прямо из VS Code: с подсветкой синтаксиса, темой редактора и оформлением. Просто выделяешь код и получаешь готовое изображение для поста, документации или презентации.
0
18
No text...
0
19
Простой способ сделать градиентный текст в CSS Свойство background-clip определяет, как фоновое изображение или цвет должны б
Простой способ сделать градиентный текст в CSS Свойство background-clip определяет, как фоновое изображение или цвет должны быть обрезаны относительно границ текста. В данном случае установлено значение text, что означает, что фон должен быть обрезан по контуру текста. Также мы используем свойство -webkit-text-fill-color, чтобы сделать цвет текста прозрачным h1 { background-image: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
0
20
📂 Напоминалка по иммутабельным методам! Например, array.push() изменяет исходный массив, а [...array, item] — создаёт новый
📂 Напоминалка по иммутабельным методам! Например, array.push() изменяет исходный массив, а [...array, item] — создаёт новый без мутации. То же самое с sort(), reverse() и другими — у них есть безопасные аналоги вроде toSorted() и toReversed(). На картинке — 9 мутирующих методов и их иммутабельные альтернативы, которые стоит держать под рукой при работе с массивами. Сохрани, чтобы не забыть!
0
View all posts