Как свёрстана Figma: Ахмад Шадид разбирает интересные приёмы вёрстки на гридах и флексах, обнаруженные в панелях инструментов Figma → https://ishadeed.com/article/figma-css
👍48👎5
Effective Shell, бесплатная книга об эффективном использовании командной оболочки: от основ вроде навигации по системе до продвинутых техник вроде использования SSH → https://effective-shell.com
🔥25👎7👍3
Интерактивное руководство по основам типографики → https://www.learnui.design/tools/typography-tutorial.html
🔥28👍8👎6🤯4
Todo Tree, расширение для VS Code, которое находит все TODO- и FIXME-комментарии и показывает их в дереве файлов проекта → https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
👍71👎14🔥5
Как инженеры Sentry уменьшили свой JavaScript SDK на 29% → https://blog.sentry.io/2022/07/19/javascript-sdk-package-reduced
👍23👎9🔥4
Введение в индивидуальные CSS-свойства трансформаций: как они работают и как упрощают анимации → https://web.dev/css-individual-transform-properties/
👍19👎7
Привычные REST API — полная противоположность настоящего REST: что такое REST на самом деле и откуда взялось заблуждение о нём → https://htmx.org/essays/how-did-rest-come-to-mean-the-opposite-of-rest/
👎37👍26🤯4
Встречайте селекторы для зависимостей в NPM: команда NPM рассказывает о новом вдохновлённом CSS-селекторами способе анализа содержимого node_modules → https://github.blog/changelog/2022-08-03-introducing-the-new-npm-dependency-selector-syntax/
🔥29👎11👍9
Улучшаем прокрутку благодаря современному CSS: обширный обзор современных способов кастомизации как внешнего вида, так и поведения прокрутки в браузерах → https://blog.mayank.co/better-scrolling-through-modern-css
Для затравки: в современных браузерах предовтратить сдвиг страницы при блокировке скролла (например, при открытии диалога) можно одним CSS-свойством scrollbar-gutter ⚡️
Для затравки: в современных браузерах предовтратить сдвиг страницы при блокировке скролла (например, при открытии диалога) можно одним CSS-свойством scrollbar-gutter ⚡️
👍66👎10🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Бесконечная бегущая строка на HTML и CSS: Райан Мюллиган делится современным подходом к реализации аналога <marquee> → https://ryanmulligan.dev/blog/css-marquee/
👍77👎9
Нативный парсинг аргументов командной строки в Node.js 18: обзор новой функции parseArgs из node:util → https://2ality.com/2022/08/node-util-parseargs.html
👍61👎6
Чем плохи события готовности DOM вроде DOMContentLoaded и что использовать вместо них: объяснение и обзор альтернатив от Джейка Арчибальда и Кэсси Эванс → https://youtu.be/_iq1fPjeqMQ
👍24👎7🤯1
Инструмент для описания поддерживаемых браузеров Browserslist обзавёлся новым сайтом с возможностью визуализации и анализа конфигураций → https://browsersl.ist
🔥45👍8👎5
Архитектура ПО переоценена, простой и понятный дизайн недооценён: инженер из Skype и Uber объясняет, почему при проектировании систем стоит фокусироваться на простоте и здравом смысле вместо формальных паттернов и инструментов вроде UML → https://blog.pragmaticengineer.com/software-architecture-is-overrated/
👍63👎12🔥6
System font stack, шпаргалка с кодом для использования системных шрифтов в проекте → https://systemfontstack.com
👍40👎7🔥3
Две техники, помогающие в решении сложновоспроизводимых ошибок, возникающих, на первый взгляд, случайным образом → https://hindenbug.io/97e03ac02eb9
👍17👎6
Какие API недоступны при выключенных куках: Томас Штайнер обнаружил, что Chrome вместе с куками отключает доступ ко множеству браузерных API вроде localStorage → https://blog.tomayac.com/2022/08/30/things-not-available-when-someone-blocks-all-cookies/
Мораль истории: любые вызовы упомянутых в статье API оборачивайте в try/catch. Не лишним будет напомнить, что в приватном режиме Safari попытка записи в localStorage/sessionStorage завершается ошибкой и может при неаккуратном использовании привести к падению вашего приложения.
Мораль истории: любые вызовы упомянутых в статье API оборачивайте в try/catch. Не лишним будет напомнить, что в приватном режиме Safari попытка записи в localStorage/sessionStorage завершается ошибкой и может при неаккуратном использовании привести к падению вашего приложения.
👍40🤯18👎4😢4
Критический CSS? Не так быстро! Гарри Робертс объясняет, когда стоит заморачиваться с выделением критического CSS (очень редко!) и какие сложности при этом вас ждут → https://csswizardry.com/2022/09/critical-css-not-so-fast/
👍18👎3
Как устроен интернет: объяснение от самых основ устройства компьютерных сетей до истории развития самого интернета → https://explained-from-first-principles.com/internet
🔥45👎5👍4
Проектируем идеальный интерфейс выбора языка: Виталий Фридман на реальных примерах объясняет, как добиться хорошего UX в мультиязычных сайтах → https://www.smashingmagazine.com/2022/05/designing-better-language-selector/
👍20👎5