FrontEndDev
29.8K subscribers
2.08K photos
19 videos
7.28K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

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

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
CSS Multi-Column Layout

Возможности CSS для создания макетов с колонками, как в газетах или журналах. Основные свойства, преимущества, ограничения и практические примеры применения Multi-Column Layout.

https://css-tricks.com/revisiting-css-multi-column-layout/
Интерактивная игра для изучения CSS anchor positioning

40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.

https://anchoreum.com/#ru
ESLint теперь официально поддерживает линтинг CSS

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

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

https://www.debugbear.com/blog/bandwidth-competition-page-speed
Yandex B2B Tech запустила тестирование SourceCraft — новой платформы для разработки

Она включает в себя AI-ассистента, который помогает автодополнять код, а также CI/CD-инструменты, эластичный Git (на базе S3) и удобную навигацию. В будущем также появится нативная интеграция с сервисами Yandex Cloud. По сути SourceCraft – пространство, где можно писать, тестировать, хранить и развёртывать код без лишних сложностей.

Платформа уже доступна в Technical Preview. Оставьте заявку и протестируйте новый уровень разработки.

sourcecraft.dev
Компонент звездного рейтинга на чистом CSS

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

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

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

https://www.youtube.com/watch?v=0mCsluv5FXA
Реклама Typescript

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

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

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

https://css-tricks.com/toe-dipping-into-view-transitions/
🚀Приглашаем на бесплатный урок «Bun – быстрый альтернативный рантайм для Node.js» от онлайн-курса Node.js Developer 05 марта 20:00 (мск).

Что будет на вебинаре?
1️⃣Разбор возможностей Bun: быстрый сервер, менеджер пакетов и тестирование.
2️⃣Сравнение Bun с Node.js: плюсы, минусы, производительность.
3️⃣Практическое применение Bun в реальных проектах.

Кому вебинар будет полезен?
- Фронтент,
- Фуллстэк,
- Бэкенд разработчикам на Node.js
- И других языках для web'а.

Что узнают участники вебинара?
Как использовать Bun для запуска серверов и выполнения JavaScript-приложений.
Как переходить с Node.js на Bun и какие сценарии использования подходят лучше всего.

Успейте зарегистрироваться на бесплатный вебинар 05 марта 20:00 (мск). Запись ограничена: https://otus.pw/VP09/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Оцениваем размер пакета с pkg-size

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

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

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

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

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

https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error
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/
Объединения и пересечения объектных типов в TypeScript

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

https://2ality.com/2025/03/object-type-union-intersection.html
📕Открытый урок по API и JavaScript для начинающих разработчиков JavaScript, Fullstack и тем, кто знаком с основами HTML и CSS

На открытом уроке 11 марта в 20:00 мск мы узнаем всё о том, как быстро и эффективно войти в Fullstack-разработку.

📗В результате вы:
- Узнаете, как быстро создать веб-приложение, работающее с реальными данными;
- Изучите основные методы использования JavaScript для обновления интерфейса без перезагрузки страницы;
- Освоете практические навыки для подключания к API, получения и отображения данных, а также научитесь превращать базовую HTML-страницу в полноценное интерактивное веб-приложение.

👉 Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://otus.pw/jEYE/

📙 Все участники открытого урока получат скидку на курс "Fullstack Developer"

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Относительные цвета в CSS

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

https://ishadeed.com/article/css-relative-colors/
React-scan

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

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

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

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

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

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

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

https://deno.com/blog/typescript-in-node-vs-deno