Native <img> lazy-loading is now enabled in Safari Tech Preview! 😍 Use <img loading=lazy> to natively lazy-load images: bit.ly/stp-135 - looking forward to this coming to Safari stable.
Pure CSS Infinity Slinky ✨
For @BraydonCoyer's @css_art challenge 💪
Works in light and dark mode 🌞🌝
Powered with the Properties API ✨
The CSS tip? Mimic a repeated animation-delay by generating keyframes with a CSS preprocessor 🤓
👉 codepen.io/jh3y/pen/WNXBd… via @CodePen
Полезные React-хуки. Ифеани Дике на примерах объясняет, как работают встроенные в библиотеку React хуки и зачем они нужны.
smashingmagazine.com/2021/11/useful…
Конфетные призрачные кнопки на CSS. Ана Тюдор подробно показывает, как сверстать кнопки с общим градиентом для текста и границ и прозрачным фоном.
css-tricks.com/css-ing-candy-…
Пользовательские хуки с контекстом в React. Женя Барабанов в переводе на Хабре объясняет, для чего могут понадобиться хуки с контекстом, а когда лучше использовать обычные хуки.
habr.com/p/576960/
Укрощаем режимы наложения: difference и exclusion. Ана Тюдор разбирается, как работают режимы наложения, и применяет их на практике. В переводе на CSS-live.
css-live.ru/tricks/ukroshh…
Влияние на перфоманс избыточной ленивой загрузки. Рик Вискоми и Феликс Арнц разбирают популярную тему twentytwentyone для WordPress, замеряя перфоманс страниц с добавленным ко всем изображениям атрибутом loading=lazy.
web.dev/lcp-lazy-loadi…
Содержание страницы. Бен Фрейн обновляет свой компонент 2015 года, который отображает навигацию по заголовкам страницы с подсветкой текущего раздела.
benfrain.com/building-a-tab…
Новинки Firefox 90: поддержка приватных свойств и методов класса в JS, конические градиенты в canvas, фикс экранирования данных при отправке POST-форм, метод at() для массивов и строк и другие.
Рут Джон hacks.mozilla.org/2021/07/gettin…
Марат Таналин tanalin.com/blog/2021/07/f…
Использование специфичности :where() для сброса CSS. Моджтаба Сейеди предлагает подход для написания CSS-библиотек, при котором разработчикам будет легче доопределять поведение по умолчанию.
css-tricks.com/using-the-spec…
Рефакторинг CSS: введение. Адриан Бис рассказывает, как анализировать текущую кодовую базу CSS и в какой момент принимать решение о необходимости её рефакторинга или переписывания.
smashingmagazine.com/2021/07/refact…
Кодирование данных для POST-запросов. Джейк Арчибальд показывает различные способы передачи данных с клиента на сервер внутри POST-запросов.
jakearchibald.com/2021/encoding-…
Справочное руководство по три-шейкингу. Атила Фассина показывает, каких правил нужно придерживаться для оптимизации сборки проекта в сторону более лёгковесных и производительных бандлов.
smashingmagazine.com/2021/05/tree-s…
Ссылка для скачивания. Никита Дубко про атрибут download для ссылок и хитрый трюк на Canvas, который поможет пользователям сохранить обычный JPEG из необычных WebP и AVIF прямо на лету.
web-standards.ru/articles/downl…
Новые форматы графики в CSS с помощью обновлённой функции image-set. Олли Уильямс напоминает про удобную вставку ретиновой графики прямо в стилях и рассказывает о новой возможности указывать тип и подключать разные форматы, как в <picture>.
css-tricks.com/using-performa…
Всё, что можно положить в тег <head>. Репозиторий HEAD Джоша Бухеи теперь по-русски: от кодировки и подключения ресурсов до соцсетей, иконок и специальных режимов отображения.
Пост на Хабре habr.com/p/563894/
Русскоязычный форк github.com/htmlacademy/HE…
595K Followers 176 FollowingSharing links, news, and humor about JS, TypeScript, and related front-end stuff 💛
Not affiliated with Oracle or Larry Ellison.
937 Followers 1 Following🥇Школа №1 по качеству IT-образования по независимым рейтингам 2019.
🗓Обучаем с 2011 года.
👨🏻💻Ваш проводник в мир современных технологий.
324K Followers 749 FollowingЭто Зеркало, проект части бывшей команды TUT.ВY Публикуем самые важные новости о Беларуси. Решаем вместе с вами насущные проблемы.
16K Followers 3 FollowingДля каждого, кто хочет окунуться в мир вёрстки и программирования. Обучаем веб-разработке и меняем жизни ✨
По всем вопросам — https://t.co/W4y5SUxlSK