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

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

کانال بسته

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

نمایش بیشتر
6 299
مشترکین
-124 ساعت
-87 روز
-8630 روز
جذب مشترکین
ژوئن '26
ژوئن '26
+3
در 2 کانال‌ها
مه '260
در 0 کانال‌ها
Get PRO
آوریل '26
+4
در 0 کانال‌ها
Get PRO
مارس '26
+6
در 1 کانال‌ها
Get PRO
فوریه '26
+6
در 3 کانال‌ها
Get PRO
ژانویه '26
+10
در 1 کانال‌ها
Get PRO
دسامبر '25
+72
در 9 کانال‌ها
Get PRO
نوامبر '25
+55
در 0 کانال‌ها
Get PRO
اکتبر '25
+56
در 0 کانال‌ها
Get PRO
سپتامبر '25
+51
در 0 کانال‌ها
Get PRO
اوت '25
+65
در 0 کانال‌ها
Get PRO
ژوئیه '25
+44
در 0 کانال‌ها
Get PRO
ژوئن '25
+44
در 0 کانال‌ها
Get PRO
مه '25
+71
در 0 کانال‌ها
Get PRO
آوریل '25
+82
در 0 کانال‌ها
Get PRO
مارس '25
+56
در 0 کانال‌ها
Get PRO
فوریه '25
+114
در 0 کانال‌ها
Get PRO
ژانویه '25
+102
در 0 کانال‌ها
Get PRO
دسامبر '24
+189
در 0 کانال‌ها
Get PRO
نوامبر '24
+166
در 1 کانال‌ها
Get PRO
اکتبر '24
+201
در 0 کانال‌ها
Get PRO
سپتامبر '24
+156
در 0 کانال‌ها
Get PRO
اوت '24
+227
در 0 کانال‌ها
Get PRO
ژوئیه '24
+217
در 0 کانال‌ها
Get PRO
ژوئن '24
+254
در 0 کانال‌ها
Get PRO
مه '24
+301
در 0 کانال‌ها
Get PRO
آوریل '24
+332
در 0 کانال‌ها
Get PRO
مارس '24
+388
در 0 کانال‌ها
Get PRO
فوریه '24
+282
در 0 کانال‌ها
Get PRO
ژانویه '24
+162
در 0 کانال‌ها
Get PRO
دسامبر '23
+263
در 6 کانال‌ها
Get PRO
نوامبر '23
+951
در 31 کانال‌ها
Get PRO
اکتبر '23
+38
در 1 کانال‌ها
Get PRO
سپتامبر '23
+356
در 0 کانال‌ها
Get PRO
اوت '23
+542
در 0 کانال‌ها
Get PRO
ژوئیه '23
+13
در 0 کانال‌ها
Get PRO
ژوئن '23
+15
در 0 کانال‌ها
Get PRO
مه '23
+27
در 0 کانال‌ها
Get PRO
آوریل '23
+81
در 0 کانال‌ها
Get PRO
مارس '23
+309
در 0 کانال‌ها
Get PRO
فوریه '23
+15
در 0 کانال‌ها
Get PRO
ژانویه '23
+33
در 0 کانال‌ها
Get PRO
دسامبر '22
+354
در 0 کانال‌ها
Get PRO
نوامبر '22
+1 251
در 0 کانال‌ها
Get PRO
اکتبر '22
+35
در 0 کانال‌ها
Get PRO
سپتامبر '22
+11
در 0 کانال‌ها
Get PRO
اوت '22
+22
در 0 کانال‌ها
Get PRO
ژوئیه '22
+69
در 0 کانال‌ها
Get PRO
ژوئن '22
+30
در 0 کانال‌ها
Get PRO
مه '22
+75
در 0 کانال‌ها
Get PRO
آوریل '22
+60
در 0 کانال‌ها
Get PRO
مارس '22
+630
در 0 کانال‌ها
Get PRO
فوریه '22
+470
در 0 کانال‌ها
Get PRO
ژانویه '22
+1 403
در 0 کانال‌ها
Get PRO
دسامبر '21
+3 816
در 0 کانال‌ها
تاریخ
رشد مشترکین
اشارات
کانال‌ها
05 ژوئن+1
04 ژوئن0
03 ژوئن+2
02 ژوئن0
01 ژوئن0
پست‌های کانال
👩‍💻 В коде слишком много операторов и условий? 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
بدون متن...
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
بدون متن...
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