For Web — фронтенд, дизайн, программирование

29 January 2024 15:43

TypeSpec, вдохновлённый Тайпскриптом лаконичный язык для описания API от Microsoft с возможностью генерации OpenAPI, JSON Schema, Protobuf и других форматов → https://typespec.io

For Web — фронтенд, дизайн, программирование

12 January 2024 14:20

Пишем свой JS-фреймворк, чтобы понять, как работают современные фреймворки: Нолан Лоусон разбирает общие концепции реактивности и отрисовки изменений DOM → https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/

For Web — фронтенд, дизайн, программирование

02 January 2024 15:10

Безопасные правила дизайна: подборка простых правил визуального дизайна, которые можно без опаски применять, если вы не дизайнер → https://anthonyhobday.com/sideprojects/saferules/

For Web — фронтенд, дизайн, программирование

27 December 2023 17:51

Простые и плавные анимации перехода с View Transitions API: введение в новый браузерный API, позволяющий анимировать трансформации DOM и даже переходы между страницами → https://developer.chrome.com/docs/web-platform/view-transitions

For Web — фронтенд, дизайн, программирование

18 December 2023 19:21

Будет ли в JavaScript добавлена нативная поддержка JSX? WebAssembly когда-нибудь заменит JavaScript? Почему нельзя просто сломать веб в угоду новым возможностям?

TC39 FAQ: полуофициальная подборка ответов (и возможность задать свой вопрос!) от делегатов комитета, стоящего за разработкой ECMAScript → https://github.com/tc39/faq/

For Web — фронтенд, дизайн, программирование

12 December 2023 14:42

Meta выложили в опенсорс StyleX, CSS-in-JS библиотеку, на которой работают Facebook, Instagram и WhatsApp → https://stylexjs.com

Ключевые особенности:
— framework-agnostic: можно использовать хоть с React, хоть с Angular
— размер конечного CSS-бандла выходит на плато даже при добавлении множества новых компонентов благодаря статическому атомарному CSS на выходе без рантайм-инъекций
— поддержка темизации
— API полностью покрыт типами TypeScript и Flow

For Web — фронтенд, дизайн, программирование

10 November 2023 18:14

monaspace, инновационное суперсемейство шрифтов для кода от GitHub: пять вариативных комбинируемых шрифтов с лигатурами и оптической компенсацией символов разного размера без потери моноширинности → https://monaspace.githubnext.com

For Web — фронтенд, дизайн, программирование

11 October 2023 13:15

JS minification benchmarks, актуальное сравнение популярных минификаторов (от esbuild до closure compiler) по скорости и эффективности работы → https://github.com/privatenumber/minification-benchmarks

For Web — фронтенд, дизайн, программирование

22 September 2023 17:45

WOFF покинул чат: если вы подключаете веб-шрифты в новом проекте в 2023 году, вероятно, вам не нужны никакие форматы, кроме WOFF2 → https://matthiasott.com/notes/woff-has-left-the-building

For Web — фронтенд, дизайн, программирование

07 September 2023 13:32

Опорная архитектура Node.js-приложений: рекомендации группы инженеров из IBM и Red Hat по разработке и эксплуатации Node.js-приложений → https://nodeshift.dev/nodejs-reference-architecture/

For Web — фронтенд, дизайн, программирование

14 August 2023 14:47

Миграция миллионов строк кода Stripe на TypeScript: мотивация к переезду на TS, сложности, процесс и впечатления после переезда → https://stripe.com/blog/migrating-to-typescript

For Web — фронтенд, дизайн, программирование

29 July 2023 17:23

Новые единицы измерения вьюпорта в CSS: решение для вёрстки, учитывающей скрытие адресной строки в мобильных браузерах → https://ishadeed.com/article/new-viewport-units/

For Web — фронтенд, дизайн, программирование

25 January 2018 16:40

Как определить, что старые стили нигде не используются? Гарри Робертс предлагает ставить на фон прозрачную картинку и следить за её скачиваниями — https://csswizardry.com/2018/01/finding-dead-css/

For Web — фронтенд, дизайн, программирование

25 January 2018 09:25

Data Literacy Lessons, коллекция небольших уроков статистики для избежания распространённых ошибок при работе с данными — https://data-literacy.geckoboard.com/

For Web — фронтенд, дизайн, программирование

24 January 2018 09:38

Cафия Абдалла читает исходники Node.js и описывает интересные части кода стандартных модулей: querystring, os, EventEmitter, fs, child process, Buffer, console, path и другие — https://blog.safia.rocks/search/node-module-deep-dive

For Web — фронтенд, дизайн, программирование

22 January 2024 17:54

Что PWA умеют сегодня: прогрессивное веб-приложение, демонстрирующее все существующие на сегодняшний день возможности PWA → https://whatpwacando.today

For Web — фронтенд, дизайн, программирование

03 January 2024 14:18

Недостающий семестр вашего Computer Science образования: онлайн-курс MIT по прикладным инструментам программистов, которым обычно не учат в вузах. Командная строка, система контроля версий, отладчик, редакторы кода и многое другое → https://missing.csail.mit.edu

For Web — фронтенд, дизайн, программирование

29 December 2023 13:40

DeviceScript, платформа для программирования микроконтроллеров на TypeScript с фокусом на хорошем developer experience → https://microsoft.github.io/devicescript/

For Web — фронтенд, дизайн, программирование

20 December 2023 12:16

Исчерпывающее руководство по IndexedDB: Ник Мостовой из WhatsApp делится своим опытом работы с IndexedDB на протяжении 3+ лет → https://blog.xnim.me/indexeddb-guide

For Web — фронтенд, дизайн, программирование

18 December 2023 19:07

Итоги 2023 для CSS: обзор множества уникальных и долгожданных возможностей, появившихся в CSS в этом году. Архитектурные основы, работа с цветом, типографика, отзывчивая вёрстка, интерактивные анимации, стилизация нативных контролов → https://developer.chrome.com/blog/css-wrapped-2023

For Web — фронтенд, дизайн, программирование

13 November 2023 13:59

ESLint упраздняет правила для форматирования кода: официальная рекомендация — использовать специализированные форматтеры вроде Prettier → https://eslint.org/blog/2023/10/deprecating-formatting-rules/

For Web — фронтенд, дизайн, программирование

26 October 2023 14:04

Синтаксис относительного цвета в CSS: введение в новый синтаксис, позволяющий нативно делать цвета темнее/светлее/контрастнее и производить другие манипуляции над цветами без препроцессоров → https://developer.chrome.com/blog/css-relative-color-syntax/

For Web — фронтенд, дизайн, программирование

09 October 2023 13:02

За пределами NPM: обзор инструментов для более осознанного и эффективного поиска, выбора и оценки зависимостей для проекта → https://forweb.dev/en/blog/npm-tools/

For Web — фронтенд, дизайн, программирование

18 September 2023 15:54

Нативная поддержка .env-файлов в Node.js: в непримечательном релизе v20.6.0 добавили возможность задания переменных окружения из .env-файлов. Раньше эта задача решалась сторонним пакетом dotenv с 22 млн скачиваний в неделю → https://nodejs.org/en/blog/release/v20.6.0

For Web — фронтенд, дизайн, программирование

29 August 2023 23:12

Идеального вьюпорта не существует: исследование Set Studio, показывающее, что разнообразие вьюпортов делает бессмысленной жёсткую привязку к определённым брейкпойнтам → https://viewports.fyi

For Web — фронтенд, дизайн, программирование

31 July 2023 20:06

driver.js, библиотека для пошагового знакомства пользователей с продуктом: без зависимостей, работает с любым фреймворком, написана на TypeScript → https://driverjs.com

For Web — фронтенд, дизайн, программирование

26 January 2018 09:55

Почему Реакта и Редакса недостаточно при разработке крупных приложений и как конечные автоматы могут помочь разработчикам интерфейсов, Красимир Цонев на Smashing Magazine — https://www.smashingmagazine.com/2018/01/rise-state-machines/

For Web — фронтенд, дизайн, программирование

25 January 2018 15:35

Основы React.js, вводный курс из 12 видео от Романа Якобчука и Ильи Кантора — http://learn.javascript.ru/screencast/react

For Web — фронтенд, дизайн, программирование

24 January 2018 10:56

Подборка малоизвестных браузерных API и возможностей JS: операторы pipeline/void/запятая, атомики, i18n, dataset, лейблы для блоков кода — https://air.ghost.io/js-things-i-never-knew-existed/

For Web — фронтенд, дизайн, программирование

23 January 2018 11:33

Как сверстать аналог графа активности на Гитхабе с помощью CSS-гридов, руководство Ире Адеринокун — https://bitsofco.de/github-contribution-graph-css-grid/