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

26 May 2023 14:56

Пишем собственный JS-бандлер: Кристоф Наказава объясняет общие принципы работы бандлеров на примере написания собственного бандлера → https://cpojer.net/posts/building-a-javascript-bundler

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

23 May 2023 13:30

Cворачиваемые вложенные списки без JS: современное руководство по вёрстке деревьев на HTML/CSS с хорошей семантикой и полноценной навигацией с клавиатуры → https://iamkate.com/code/tree-views/

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

19 May 2023 16:58

Что нового в разработке веб-интерфейсов в 2023 году: обзор наиболее интересных и полезных свежих браузерных API и возможностей CSS, представленных на Google I/O → https://developer.chrome.com/blog/whats-new-css-ui-2023

Вдогонку 52 видео с веб-трека Google I/O → https://www.youtube.com/playlist?list=PLOU2XLYxmsIJGxIV8Lt8gF_79Z334LQ6h

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

15 May 2023 16:17

Почему большая DOM плохо влияет на быстродействие, как измерять размер DOM и какие подходы использовать для предотвращения проблем → https://web.dev/dom-size-and-interactivity/

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

10 May 2023 17:09

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

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

05 May 2023 18:35

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

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

02 May 2023 12:41

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

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

25 April 2023 13:12

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

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

24 April 2023 22:06

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

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

20 April 2023 20:24

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

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 — фронтенд, дизайн, программирование

23 January 2018 09:50

Шпаргалка по выравниванию в CSS в разных режимах компоновки, от обычных блоков до гридов — http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/

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

22 January 2018 19:52

25 бесплатных скринкастов по CSS-гридам от Уэса Боса при поддержке Mozilla Firefox — https://cssgrid.io/

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

24 May 2023 15:52

Сокращение Total Blocking Time в Википедии: Николас Рэй рассказывает, как пара простых исправлений позволила уменьшить фризы интерфейса в больших статьях → https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/

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

22 May 2023 11:41

Верстаем письма на React: инженеры Yelp рассказывают, как они адаптировали для разработки писем привычные их фронтендерам инструменты вроде React и Storybook → https://engineeringblog.yelp.com/2022/07/writing-emails-using-react.html

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

18 May 2023 20:23

Веб-аутентификация нового поколения с WebAuthn, passkeys и аппаратными ключами: Владимир Прус разбирается в новых API для аутентификации в вебе без классических паролей и делится выводами о границах их применимости → vladimir.prus/next-gen-web-authentication-59f487ea340" rel="nofollow">https://medium.com/@vladimir.prus/next-gen-web-authentication-59f487ea340

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

10 May 2023 17:22

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

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

08 May 2023 11:37

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

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

03 May 2023 16:09

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

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

28 April 2023 18:50

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

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

25 April 2023 11:55

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

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

24 April 2023 14:57

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

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/

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

23 January 2018 09:09

Подробный разбор и сравнение преимуществ и недостатков JavaScript-фреймворков, от самых популярных до экзотических — https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

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

22 January 2018 07:34

«Веб-стандарты» №104: уточнение про селектор matches, гриды для бизнеса, нейровёрстка (или как машины вас не заменят), согласие по main, общие JS-модули, шортики и уважение — https://soundcloud.com/web-standards/episode-104