Modern Font Stacks, подборка современных системных шрифтов разных видов (гротески, антиквы, рукописные и др.) для оформления достойной типографики без накладных расходов на сторонние шрифты → https://modernfontstacks.com
🔥29👎6👍4
Web Skills, визуальный обзор навыков для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JavaScript до баз данных, UX-дизайна и работы в команде → https://andreasbm.github.io/web-skills/
🔥47👍10👎5😢1
ThumbHash, новый инструмент для генерации легковесных превью изображений: в сравнении с BlurHash даёт более натуральные и компактные результаты → https://evanw.github.io/thumbhash/
🔥49👍7👎4😢1
Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/
👍13👎4
Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → https://github.com/frehner/modern-guide-to-packaging-js-library
👍33🔥9👎6
Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → https://mattfrisbie.substack.com/p/spy-chrome-extension
🤯62👎9👍4
Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com
👍11👎4
Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → https://www.w3.org/International/questions/qa-personal-names
🤯28🔥9👎5👍2
PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com
🔥38👎6🤯3
Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → https://glebbahmutov.com/blog/trying-node-test-runner/
🔥39👎8👍3🤯2
Сбалансированные заголовки на чистом CSS: введение в новое свойство text-wrap, позволяющее оптимально расставить переносы строк во избежание висячих слов → https://developer.chrome.com/blog/css-text-wrap-balance/
🔥55🤯11👍10👎6
Современная вёрстка email-писем (без таблиц!): обзор текущего состояния email-клиентов, их возможностей и новых подходов к вёрстке писем → https://fullystacked.net/posts/modern-html-email/
👍49👎7😢1
Проблемы разработки изоморфных JS-библиотек: инженеры платформенной команды DoorDash делятся опытом разработки библиотек, работающих в Node.js и браузере → https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/
👍12👎8
Что нового в ES2023: обзор вошедших в свежий стандарт языка новинок вроде иммутабельных методов изменения и сортировки массивов → https://pawelgrzybek.com/whats-new-in-ecmascript-2023/
🔥36👍13👎4
Введение в CSS-маски: Ахмад Шадид объясняет основы использования масок в CSS и делится практическими примерами их применения → https://ishadeed.com/article/css-masking/
🔥23👍6👎3
CSS-медиафичи для улучшения доступности: Татьяна Фокина с обзором пользовательских настроек вроде отключения анимаций, которые стоит учитывать в вёрстке → https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/
👎14👍6🔥2
Ackee, self-hosted инструмент для сбора и просмотра веб-аналитики с фокусом на приватности → https://ackee.electerious.com
🔥17👍4👎4🤯2
Улучшаем UX кнопки «Назад»: Виталий Фридман делится практическими советами по реализации предсказуемого поведения как для браузерной кнопки «назад», так и для кастомных кнопок → https://www.smashingmagazine.com/2022/08/back-button-ux-design/
👍23👎4
Lightning CSS, очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack → https://lightningcss.dev/
👍16🔥7👎4😢1
Перевёрстка блока новостей Vox news на современном CSS: эксперимент Ахмада Шадида по применению гридов, медиавыражений от контейнера и других современных возможностей CSS → https://ishadeed.com/article/rebuild-featured-news-modern-css/
👍20👎3