ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/
1👍89👎2
e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev
К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.
К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.
🔥65👍10👎1
У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css
🔥57👍13👎6🤯3
Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
👍48🔥6👎1
Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек → https://component-party.dev
🔥56🤯3👎1
Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/
👍25👎1🔥1
Difftastic, генератор структурных диффов, учитывающий форматирование и синтаксис языка для более удобного сравнения фрагментов кода → https://difftastic.wilfred.me.uk
🔥40👍7👎2
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Wrapped 2024, обзор нововведений в CSS за прошедший год от команды Chrome DevRel → https://chrome.dev/css-wrapped-2024/
🔥42👍7👎1
Vim для React-разработчиков: бесплатный курс для освоения основ работы в Vim с упором на практические сценарии работы фронтенд-разработчиков → https://vimforreactdevs.com
🔥36🤯21👎13👍1😢1
ts-blank-space, инструмент для компиляции TypeScript в JavaScript от Bloomberg, работающий быстрее популярных инструментов (tsc, babel и др.) благодаря отказу от трансформации AST в пользу подмены аннотаций типов пробелами → https://bloomberg.github.io/ts-blank-space/
🔥35🤯19👍5👎3
Пишем движок компоновки и отрисовки флексбокс-раскладок на канвасе → https://tchayen.com/how-to-write-a-flexbox-layout-engine
🤯39🔥9👍6👎2
Рендеринг онлайн-досок Confluence как по маслу: инженеры Atlassian рассказывают о сложностях реализации фронтенда интерактивной онлайн-доски → https://www.atlassian.com/blog/atlassian-engineering/rendering-like-butter-a-confluence-whiteboards-story
🔥25👍2👎1
Новые возможности веба для применения в 2025: обзор недавних фич, уже поддерживаемых современными браузерами → https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/
👍47👎1
Исправляем некрасивый перенос иконок с помощью text-wrap: balance: неочевидный трюк, работающий не только с текстом, но и любыми инлайн-блоками → https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/
🔥84👍9👎1
Temporal на подходе: обзор нового API для работы со временем и датами в JavaScript, приуроченный к появлению первых экспериментальных реализаций в браузерах → https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/
👍40🔥7👎1🤯1
Современный способ разработки серверов на JS: совместимый между рантаймами, более быстрый и удобный для тестирования → https://marvinh.dev/blog/modern-way-to-write-javascript-servers/
🔥15👍11👎5
This media is not supported in your browser
VIEW IN TELEGRAM
Динамический эффект прожектора: применяем CSS-маски, кастомные свойства и немного JS для создания интересного эффекта → https://www.jomaendle.com/blog/focus-zoom-at-property
🔥24👎2👍1
ESLint Plugin De Morgan, ESLint-плагин для упрощения логических выражений согласно правилам де Моргана → https://github.com/azat-io/eslint-plugin-de-morgan
👍58🔥29👎1
pkg-size, инструмент для анализа влияния NPM-пакетов на размер локальных node_modules и на размер бандла при сборке → https://pkg-size.dev
🔥27👍6👎1
ESLint теперь официально поддерживает линтинг CSS: несколько готовых правил, поддержка кастомного синтаксиса и другие подробности → https://eslint.org/blog/2025/02/eslint-css-support/
🔥49👍23🤯7👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Отказываемся от JS-библиотек для анимаций: руководство по созданию анимированного меню на View Transitions → https://www.builder.io/blog/view-transitions
👍29🔥6👎3