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

10 мая 2023 17:22

Изнанка нового сайта Next.js: один из разработчиков сайта делится деталями реализации интересных интерфейсных решений вроде анимаций и висячей пунктуации → https://rauno.me/craft/nextjs

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

08 мая 2023 11:37

Анимации, управляемые прокруткой: введение в новые нативные API для анимаций и демонстрация их возможностей → https://developer.chrome.com/articles/scroll-driven-animations/

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

03 мая 2023 16:09

Перевёрстка блока новостей Vox news на современном CSS: эксперимент Ахмада Шадида по применению гридов, медиавыражений от контейнера и других современных возможностей CSS → https://ishadeed.com/article/rebuild-featured-news-modern-css/

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

28 апреля 2023 18:50

Улучшаем UX кнопки «Назад»: Виталий Фридман делится практическими советами по реализации предсказуемого поведения как для браузерной кнопки «назад», так и для кастомных кнопок → https://www.smashingmagazine.com/2022/08/back-button-ux-design/

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

25 апреля 2023 11:55

CSS-медиафичи для улучшения доступности: Татьяна Фокина с обзором пользовательских настроек вроде отключения анимаций, которые стоит учитывать в вёрстке → https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/

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

24 апреля 2023 14:57

Что нового в ES2023: обзор вошедших в свежий стандарт языка новинок вроде иммутабельных методов изменения и сортировки массивов → https://pawelgrzybek.com/whats-new-in-ecmascript-2023/

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

18 апреля 2023 23:23

Современная вёрстка email-писем (без таблиц!): обзор текущего состояния email-клиентов, их возможностей и новых подходов к вёрстке писем → https://fullystacked.net/posts/modern-html-email/

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

13 апреля 2023 20:49

Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → https://glebbahmutov.com/blog/trying-node-test-runner/

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

07 апреля 2023 22:57

Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → https://www.w3.org/International/questions/qa-personal-names

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

06 апреля 2023 20:55

Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → https://mattfrisbie.substack.com/p/spy-chrome-extension

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

02 апреля 2023 19:58

Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/

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

31 марта 2023 00:27

Web Skills, визуальный обзор навыков для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JavaScript до баз данных, UX-дизайна и работы в команде → https://andreasbm.github.io/web-skills/

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

24 марта 2023 22:38

Работайте так, будто увольняетесь: контринтуитивный подход к работе, ведущий к профессиональному росту и улучшению рабочих процессов → https://jmmv.dev/2021/04/always-be-quitting.html

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

19 марта 2023 20:38

10 советов по улучшению CSS-анимаций: Джош Коллинсворт рассказывает, как сделать анимации более естественными и уместными → https://joshcollinsworth.com/blog/great-transitions

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

06 марта 2023 13:25

Введение в CSS Anchor Positioning, (пока что) экспериментальный API для привязки элементов на странице друг к другу с учётом прокрутки и границ вьюпорта → https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/

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

10 мая 2023 17:09

Улучшаем UX живой валидации форм: обзор приёмов, позволяющих ненавязчиво помочь пользователю избежать ошибок при заполнении форм → https://www.smashingmagazine.com/2022/09/inline-validation-web-forms-ux/

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

05 мая 2023 18:35

Правда о производительности CSS-селекторов: инженеры Microsoft Edge рассказывают, могут ли CSS-селекторы быть медленными и как отлаживать скорость их работы → https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance

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

02 мая 2023 12:41

Lightning CSS, очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack → https://lightningcss.dev/

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

25 апреля 2023 13:12

Ackee, self-hosted инструмент для сбора и просмотра веб-аналитики с фокусом на приватности → https://ackee.electerious.com

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

24 апреля 2023 22:06

Введение в CSS-маски: Ахмад Шадид объясняет основы использования масок в CSS и делится практическими примерами их применения → https://ishadeed.com/article/css-masking/

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

20 апреля 2023 20:24

Проблемы разработки изоморфных JS-библиотек: инженеры платформенной команды DoorDash делятся опытом разработки библиотек, работающих в Node.js и браузере → https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/

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

17 апреля 2023 17:36

Сбалансированные заголовки на чистом CSS: введение в новое свойство text-wrap, позволяющее оптимально расставить переносы строк во избежание висячих слов → https://developer.chrome.com/blog/css-text-wrap-balance/

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

11 апреля 2023 13:05

PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com

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

07 апреля 2023 22:49

Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com

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

05 апреля 2023 21:10

Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → https://github.com/frehner/modern-guide-to-packaging-js-library

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

31 марта 2023 15:39

ThumbHash, новый инструмент для генерации легковесных превью изображений: в сравнении с BlurHash даёт более натуральные и компактные результаты → https://evanw.github.io/thumbhash/

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

27 марта 2023 23:44

Modern Font Stacks, подборка современных системных шрифтов разных видов (гротески, антиквы, рукописные и др.) для оформления достойной типографики без накладных расходов на сторонние шрифты → https://modernfontstacks.com

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

23 марта 2023 17:54

Как устроен компилятор TypeScript: погружение во внутреннее устройство и механику работы компилятора от одного из разработчиков TypeScript → https://youtu.be/X8k_4tZ16qU

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

10 марта 2023 14:00

Rspack, новый бандлер от команды веб-инфраструктуры ByteDance, ориентированный на скорость (написан на Rust) и полную совместимость с лоадерами Webpack → https://www.rspack.dev

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

27 февраля 2023 16:38

ts-reset, набор тайпингов, исправляющий неточности и проблемы в стандартных тайпингах тайпскрипта → https://github.com/total-typescript/ts-reset