FrontEndDev
28.7K subscribers
2.22K photos
22 videos
7.43K 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
ESLint теперь официально поддерживает линтинг CSS

https://eslint.org/blog/2025/02/eslint-css-support/
🔥57🤯9👍7
Конкуренция за пропускную способность сети

Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса

https://www.debugbear.com/blog/bandwidth-competition-page-speed
8👍4🔥1
Компонент звездного рейтинга на чистом CSS

Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.

https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
🔥7🤩2🤔1
Умельцы запустили DOOM на типах TypeScript

На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯

https://www.youtube.com/watch?v=0mCsluv5FXA
🔥20😱9👍3👎3🤡2
Реклама Typescript

Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.

https://2ality.com/2025/03/typescript-sales-pitch.html
👍83🔥1
Введение в View Transitions API

Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице

https://css-tricks.com/toe-dipping-into-view-transitions/
👍131🔥1
Оцениваем размер пакета с pkg-size

Информация о размере пакета, его зависимостях и экспортируемых функциях. Удобно, чтобы глянуть перед установкой.

https://pkg-size.dev/
👍7🔥31
Функции в CSS

Уже сейчас вы можете попробовать работу с CSS функциями в Chrome Canary под экспериментальным флагом. Чуть подробнее об аргументах, проверке типов и возвращаемых значениях — в статье.

https://css-tricks.com/functions-in-css/
9🔥9👍2🤯2🤮2
Продвинутая обработка ошибок в JavaScript

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

https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error
1👍1022
Forwarded from Web Stack
CSS Grid или Flexbox

Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки.

https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/
👍14🔥3🤔1
Объединения и пересечения объектных типов в TypeScript

Улучшаем типизацию и упрощаем работу с объектами в TS

https://2ality.com/2025/03/object-type-union-intersection.html
👍511🔥1
Относительные цвета в CSS

Интерактивное руководство от Ахмада Шадида

https://ishadeed.com/article/css-relative-colors/
8👍5🏆2
React-scan

Инструмент для автоматического определения перфоманс проблем в вашем React приложении.

Документация: https://github.com/aidenybai/react-scan

Демо: https://www.youtube.com/watch?v=3EnathFYgz8
🔥1662😁2🤔2
Друзья, уже идёт подготовка и приём докладов на FrontendConf 2025 😎

Если вы хотите стать спикером FrontendConf 2025, но сомневаетесь в актуальности темы своего доклада и хотите задать вопросы – подключайтесь на онлайн-встречу с Программным комитетом конференции!

📌 13 марта в 19:00 Мск

Участие бесплатное, нужно только зарегистрироваться здесь.
Ждем всех желающих! ✌️
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍1
NodeJS ввел поддержку TypeScript. Что это значит для Deno?

Об особенностях и отличиях поддержки TS в NodeJS и Deno

https://deno.com/blog/typescript-in-node-vs-deno
71👍1
QuickJS Sandbox 2.0

Встраиваемый JavaScript движок, позволяющий запускать JS код в изолированном окружении

https://sebastianwessel.github.io/quickjs/
8👍4🔥1
Долгое время тема денег в IT была под негласным запретом. Все сообщество примерно понимало, в каком диапазоне кто зарабатывает, но даже в курилках такие вопросы было не принято обсуждать.

Сейчас с этим стало проще, сообщество становится более открытым, но теперь встает другой вопрос: «Как зарабатывать больше и не овертаймить?».

Ответ на этот вопрос есть в канале «Выше вилки», который ведут 2 сеньора — Илья Шишков, разработчик в Сбертехе (11 лет работал в Яндексе, сделал онлайн-курсы «Пояса по С++») и Павел Филонов, владелец ML-агентства, ex-Kaspersky.

Ребята бесплатно делятся конкретными переговорными приемами, которые помогают вырасти в доходе без переработок.

Вот несколько постов, которые перевернут ваше представление о зарплатных переговорах:
Как получить прибавку +25% и +50% на одном месте работы?
Как найти тот размер повышения, который справедлив, реален и стоит отстаивать до конца?
«Хочу зарабатывать х2 от того, что получаю сейчас на двух работах»
Как быть, если начальник — арбузер🤷🏻‍♂️
Язык мой — враг мой. Почему кандидату не стоит называть свои зарплатные ожидания?

Подпишитесь на канал https://t.iss.one/above_the_range, чтобы стать мастером зарплатных переговоров.

Реклама. Рекламодатель ИП Шишков И.И. ИНН: 575206903941, erid: 2Vtzqx83Qib
👍4
Исправляем проблемы с Largest Contentful Paint с помощью LCP Subpart

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

https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/
👍7🔥21🤔1
Оборачиваем React приложение в Docker

Пошаговый туториал включающий настройку Dockerfile, сборку приложения и запуск контейнера + разбор частых проблем.

https://dev.to/parthprajapatispan/how-to-dockerize-a-react-app-a-step-by-step-guide-for-developers-57ki
👍20👎32🔥2💩2🥱1
Что такое WebLLM?

Или как лингвистические модели могут работать на клиентской стороне в бразуере.

https://techhub.iodigital.com/articles/what-is-webllm
6👍51