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

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

Canal cerrado

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

Mostrar más
6 299
Suscriptores
-124 horas
-87 días
-8630 días
Atraer Suscriptores
junio '26
junio '26
+3
en 2 canales
mayo '260
en 0 canales
Get PRO
abril '26
+4
en 0 canales
Get PRO
marzo '26
+6
en 1 canales
Get PRO
febrero '26
+6
en 3 canales
Get PRO
enero '26
+10
en 1 canales
Get PRO
diciembre '25
+72
en 9 canales
Get PRO
noviembre '25
+55
en 0 canales
Get PRO
octubre '25
+56
en 0 canales
Get PRO
septiembre '25
+51
en 0 canales
Get PRO
agosto '25
+65
en 0 canales
Get PRO
julio '25
+44
en 0 canales
Get PRO
junio '25
+44
en 0 canales
Get PRO
mayo '25
+71
en 0 canales
Get PRO
abril '25
+82
en 0 canales
Get PRO
marzo '25
+56
en 0 canales
Get PRO
febrero '25
+114
en 0 canales
Get PRO
enero '25
+102
en 0 canales
Get PRO
diciembre '24
+189
en 0 canales
Get PRO
noviembre '24
+166
en 1 canales
Get PRO
octubre '24
+201
en 0 canales
Get PRO
septiembre '24
+156
en 0 canales
Get PRO
agosto '24
+227
en 0 canales
Get PRO
julio '24
+217
en 0 canales
Get PRO
junio '24
+254
en 0 canales
Get PRO
mayo '24
+301
en 0 canales
Get PRO
abril '24
+332
en 0 canales
Get PRO
marzo '24
+388
en 0 canales
Get PRO
febrero '24
+282
en 0 canales
Get PRO
enero '24
+162
en 0 canales
Get PRO
diciembre '23
+263
en 6 canales
Get PRO
noviembre '23
+951
en 31 canales
Get PRO
octubre '23
+38
en 1 canales
Get PRO
septiembre '23
+356
en 0 canales
Get PRO
agosto '23
+542
en 0 canales
Get PRO
julio '23
+13
en 0 canales
Get PRO
junio '23
+15
en 0 canales
Get PRO
mayo '23
+27
en 0 canales
Get PRO
abril '23
+81
en 0 canales
Get PRO
marzo '23
+309
en 0 canales
Get PRO
febrero '23
+15
en 0 canales
Get PRO
enero '23
+33
en 0 canales
Get PRO
diciembre '22
+354
en 0 canales
Get PRO
noviembre '22
+1 251
en 0 canales
Get PRO
octubre '22
+35
en 0 canales
Get PRO
septiembre '22
+11
en 0 canales
Get PRO
agosto '22
+22
en 0 canales
Get PRO
julio '22
+69
en 0 canales
Get PRO
junio '22
+30
en 0 canales
Get PRO
mayo '22
+75
en 0 canales
Get PRO
abril '22
+60
en 0 canales
Get PRO
marzo '22
+630
en 0 canales
Get PRO
febrero '22
+470
en 0 canales
Get PRO
enero '22
+1 403
en 0 canales
Get PRO
diciembre '21
+3 816
en 0 canales
Fecha
Crecimiento de Suscriptores
Menciones
Canales
05 junio+1
04 junio0
03 junio+2
02 junio0
01 junio0
Publicaciones del Canal
👩‍💻 В коде слишком много операторов и условий? 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
Sin texto...
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
Sin texto...
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