15692
Годнота для фронтендеров и дизайнеров https://forweb.dev
Таблица совместимости JavaScript-рантаймов: список различных API со статусом их поддержки в Node.js, Deno, Bun, workerd и других рантаймах → https://runtime-compat.unjs.io
Читать полностью…
Вам не нужно модальное окно, просто используйте отдельную страницу: несколько соображений о проблемах UX при использовании модальных окон → https://youdontneedamodalwindow.dev
Читать полностью…
MDN Curriculum, учебный план по основам фронтенд-разработки со ссылками на проверенные ресурсы по каждой теме. От софт-скиллов и настройки окружения до JS-фреймворков и дизайна для разработчиков → https://developer.mozilla.org/en-US/curriculum/
Читать полностью…
Избавляемся от вложенности с отложенным завершением промисов: обзор нового метода Promise.withResolvers, который будет добавлен в ES2024 → https://pawelgrzybek.com/deferred-javascript-promises-using-promise-withresolvers/
Читать полностью…
Как инженеры Dropbox сократили размер JS-бандлов на 33%: история и сложности миграции с самописного легаси-бандлера на Rollup → https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent
Читать полностью…
12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода → https://moderncss.dev/12-modern-css-one-line-upgrades
Читать полностью…
TypeSpec, вдохновлённый Тайпскриптом лаконичный язык для описания API от Microsoft с возможностью генерации OpenAPI, JSON Schema, Protobuf и других форматов → https://typespec.io
Читать полностью…
Пишем свой JS-фреймворк, чтобы понять, как работают современные фреймворки: Нолан Лоусон разбирает общие концепции реактивности и отрисовки изменений DOM → https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/
Читать полностью…
Безопасные правила дизайна: подборка простых правил визуального дизайна, которые можно без опаски применять, если вы не дизайнер → https://anthonyhobday.com/sideprojects/saferules/
Читать полностью…
Простые и плавные анимации перехода с View Transitions API: введение в новый браузерный API, позволяющий анимировать трансформации DOM и даже переходы между страницами → https://developer.chrome.com/docs/web-platform/view-transitions
Читать полностью…
Будет ли в JavaScript добавлена нативная поддержка JSX? WebAssembly когда-нибудь заменит JavaScript? Почему нельзя просто сломать веб в угоду новым возможностям?
TC39 FAQ: полуофициальная подборка ответов (и возможность задать свой вопрос!) от делегатов комитета, стоящего за разработкой ECMAScript → https://github.com/tc39/faq/
Meta выложили в опенсорс StyleX, CSS-in-JS библиотеку, на которой работают Facebook, Instagram и WhatsApp → https://stylexjs.com
Ключевые особенности:
— framework-agnostic: можно использовать хоть с React, хоть с Angular
— размер конечного CSS-бандла выходит на плато даже при добавлении множества новых компонентов благодаря статическому атомарному CSS на выходе без рантайм-инъекций
— поддержка темизации
— API полностью покрыт типами TypeScript и Flow
monaspace, инновационное суперсемейство шрифтов для кода от GitHub: пять вариативных комбинируемых шрифтов с лигатурами и оптической компенсацией символов разного размера без потери моноширинности → https://monaspace.githubnext.com
Читать полностью…
JS minification benchmarks, актуальное сравнение популярных минификаторов (от esbuild до closure compiler) по скорости и эффективности работы → https://github.com/privatenumber/minification-benchmarks
Читать полностью…
WOFF покинул чат: если вы подключаете веб-шрифты в новом проекте в 2023 году, вероятно, вам не нужны никакие форматы, кроме WOFF2 → https://matthiasott.com/notes/woff-has-left-the-building
Читать полностью…
Что присходило с Node.js в 2023 году: верхнеуровневый обзор новостей проекта для тех, кто не следит за развитием Node.js в реальном времени → https://blog.rafaelgss.dev/nodejs-2023-year-in-review
Читать полностью…
Последняя безопасная возможность публично выразить протест против войны, против Путина и против фальшивых выборов → https://poldenprotivputina.org
17 марта в воскресенье (через неделю) последний день «выборов» в России. Мы призываем всех россиян присоединиться к акции «Полдень против Путина». Приходите на свой избирательный участок 17 марта в 12:00 по местному времени. Это безопасный и простой способ выразить своим присутствием несогласие с действующей властью, и заодно наладить контакты со своими соседями.
Если вы не можете прийти 17 марта в 12:00, выражайте протест, голосуя в удобное время за любого, кроме Путина. Можете испортить бюллетень, поставив отметки напротив нескольких кандидатов. Несмотря на фальсификации, ваш голос увидят члены избирательных комиссий и чиновники из администрации президента — других безопасных способов массово выразить несогласие с властью в РФ не осталось.
Бездействие — молчаливое согласие с происходящим. Промолчав сейчас, в будущем вам, возможно, будет уже не до фронтенда.
KeyUX, новая библиотека от Андрея Ситника для реализации горячих клавиш, навигации по меню стрелками и управления переходами фокуса. Минимум JS, работает через прогрессивное улучшение на основе разметки с ARIA-атрибутами → https://github.com/ai/keyux
Читать полностью…
Абсолютный минимум того, что каждый разработчик должен знать о Unicode: продолжение классической статьи Джоэла Спольски с учётом современных реалий от Никиты Прокопова → https://tonsky.me/blog/unicode/
Читать полностью…
Как в Grammarly добивались близкого к нативному UX браузерного расширения: история реализации механизма подчёркивания ошибок в текстовых полях, работающего на разных сайтах → https://www.grammarly.com/blog/engineering/making-grammarly-feel-native-on-every-website/
Читать полностью…
CSS Hooks, инструмент для написания инлайн-стилей с поддержкой псевдоклассов/медиавыражений, проверкой типов, минимальным рантаймом и поддержкой SSR → https://css-hooks.com
Читать полностью…
Что PWA умеют сегодня: прогрессивное веб-приложение, демонстрирующее все существующие на сегодняшний день возможности PWA → https://whatpwacando.today
Читать полностью…
Недостающий семестр вашего Computer Science образования: онлайн-курс MIT по прикладным инструментам программистов, которым обычно не учат в вузах. Командная строка, система контроля версий, отладчик, редакторы кода и многое другое → https://missing.csail.mit.edu
Читать полностью…
DeviceScript, платформа для программирования микроконтроллеров на TypeScript с фокусом на хорошем developer experience → https://microsoft.github.io/devicescript/
Читать полностью…
Исчерпывающее руководство по IndexedDB: Ник Мостовой из WhatsApp делится своим опытом работы с IndexedDB на протяжении 3+ лет → https://blog.xnim.me/indexeddb-guide
Читать полностью…
Итоги 2023 для CSS: обзор множества уникальных и долгожданных возможностей, появившихся в CSS в этом году. Архитектурные основы, работа с цветом, типографика, отзывчивая вёрстка, интерактивные анимации, стилизация нативных контролов → https://developer.chrome.com/blog/css-wrapped-2023
Читать полностью…
ESLint упраздняет правила для форматирования кода: официальная рекомендация — использовать специализированные форматтеры вроде Prettier → https://eslint.org/blog/2023/10/deprecating-formatting-rules/
Читать полностью…
Синтаксис относительного цвета в CSS: введение в новый синтаксис, позволяющий нативно делать цвета темнее/светлее/контрастнее и производить другие манипуляции над цветами без препроцессоров → https://developer.chrome.com/blog/css-relative-color-syntax/
Читать полностью…
За пределами NPM: обзор инструментов для более осознанного и эффективного поиска, выбора и оценки зависимостей для проекта → https://forweb.dev/en/blog/npm-tools/
Читать полностью…
Нативная поддержка .env-файлов в Node.js: в непримечательном релизе v20.6.0 добавили возможность задания переменных окружения из .env-файлов. Раньше эта задача решалась сторонним пакетом dotenv с 22 млн скачиваний в неделю → https://nodejs.org/en/blog/release/v20.6.0
Читать полностью…