FrontEndDev
28.6K subscribers
2.24K photos
22 videos
7.44K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Пара вещей про href в ссылках, о которых вы, возможно, не догадывались

Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным.

https://blog.jim-nielsen.com/2025/href-value-possibilities/
🔥17😴21👍1🎃1
Pattern Monster: 300+ настраиваемых SVG паттернов

Простой онлайн-генератор SVG шаблонов, которые можно использовать в качестве фона без сильного влияния на время загрузки сайта.

https://pattern.monster/
10👍2🔥2
Генератор заглавной картинки для Github профиля

Простой генератор, чтобы разнообразить вашу страницу на Github.

https://leviarista.github.io/github-profile-header-generator/
81👍1
Получи грант за свое мини-приложение от VK Mini Apps 🎯

Придумал игру, сервис или фичу, от которой все друзья скажут «Вау»?
Во втором этапе VK Dev Grants разработчики могут получить по 150 000₽ за мини-приложение и по 800 000₽ в финале конкурса.

🛠 Менторы — есть.
🚀 Продвижение — есть.
💰 Гранты на каждом этапе — тоже есть.

Игры, соцсервисы, инструменты для блогеров — твори как хочешь. Главное — сделать и показать результат.

📅 Участвовать можно в любой момент, хоть в одиночку, хоть с командой.

📌 Подай заявку до 5 октября.
👍7👎7💩6🤡4🌚2🤣21
Простое и понятное введение в SVG

Джош Комю объясняет основы SVG — от простых форм (<circle>, <rect>) до анимаций и inline-примитивов, которые работают как полноценные DOM-элементы, управляемые через CSS и JavaScript.

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
10🔥4👍2
5 полезных CSS функций

5 примеров с применением CSS-функции @function — от отрицания значений и создания полупрозрачных цветов до адаптивной типографики и условного скругления углов. Эти функции делают CSS более выразительным и динамичным. Работает с Chrome версии 139.

https://una.im/5-css-functions/
2🔥5👍21
Введение в Intl API

Intl API — встроенный браузерный инструмент для локализации, который позволяет нативно форматировать даты, числа, списки, относительное время, правилa множественного числа и даже отображение имён языков и регионов. Вместо тяжёлых сторонних библиотек, Intl предлагает лёгкие, быстрые и стандартизированные решения для адаптации интерфейса к разным культурным особенностям.

https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/
15👍7🔥4
На SourceCraft от Яндекса стартовали прием заявок на грантовую программу и конкурс репозиториев. Это шанс для разработчиков не только заявить о своем проекте, но и получить поддержку.

Платформа недавно ввела многоуровневые рейтинги и теперь участники смогут собирать оценки, которые влияют на видимость проекта и шансы в грантовом отборе.

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

Информация об организаторе Акции, о правилах проведения Акции, количестве призов, сроках, месте и порядке их получения размещена по ссылке
👍52
Hyvector

Современный веб редактор для SVG.

https://www.hyvector.com/
❤‍🔥7👍31
Релиз Nuxt 4.0

Новая структура app, переработанная поддержка TypeScript, более умные useAsyncData и useFetch.

https://blog.logrocket.com/nuxt-4-0-whats-new-what-to-expect/
👍13❤‍🔥3🔥21
Smart Layouts. CSS Day - 06.06.2025

Концепция Smart Layouts, которую представил Ахмад Шаид на выступлении на CSS Day 2025 — адаптивные CSS-макеты, которые сами «принимают умные решения» благодаря современным возможностям: clamp(), :has(), container queries и другим.

https://ishadeed.com/article/smart-layouts-talk-css-day/
11👍3👎1👏1
Зовем на стажировку по Frontend-разработке

Т-Банк предлагает студентам и начинающим специалистам попробовать себя в роли frontend-разработчика. Стажеры будут решать реальные бизнес-задачи и получат шанс попасть в штат.

Что ждет на стажировке:

— Работа над пользовательской стороной сервисов и приложений.
— Плавное погружение в задачи, помощь ментора и команды.
— Удобный формат: от 20 до 40 часов в неделю, удаленно или в офисе.
— Возможность совмещать с учебой, сессией и экзаменами.
— Официальное оформление, оплата и рабочая техника.
— Доступ к базе знаний с курсами и вебинарами.

Узнайте больше и успейте пройти отбор до 26 августа
👍3👎1
WebSocket DevTools

Инструмент для Chrome DevTools, позволяющий в реальном времени отслеживать WebSocket-соединения: просматривать сообщения, перехватывать и блокировать их, а также симулировать ответы клиента и сервера.

https://github.com/law-chain-hot/websocket-devtools
9❤‍🔥4🔥1
20 частых антипаттернов в React и как их исправить

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

https://habr.com/ru/articles/937656/
❤‍🔥2