Native <img> lazy-loading is now shipping to Safari 15.4! webkit.org/blog/12445/new… 🎉 for stronger cross-browser support.
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…
Пишем наивный полифил для промиса. Андрей Мелихов объясняет, как работают промисы, пошагово реализуя класс MyPromise. youtu.be/1qyT-5MYIMk
How to Convert Arrays to Human-Readable Lists: amitmerchant.com/how-to-convert…
amitmerchant.com
How to convert arrays to human-readable lists in JavaScript
Oftentimes, you might end up in situations where you have an array and you just want to deflate the entire array content in a human-readable form. Or more specifically in a list-like format.
Влияние на перфоманс избыточной ленивой загрузки. Рик Вискоми и Феликс Арнц разбирают популярную тему 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…
Сложные CSS-переходы. Темани Афиф показывает, как реализовать нестандартные анимации, применяя кривые Безье, кастомные свойства, комбинации простых переходов и Houdini. css-tricks.com/build-complex-…
Кодирование данных для POST-запросов. Джейк Арчибальд показывает различные способы передачи данных с клиента на сервер внутри POST-запросов. jakearchibald.com/2021/encoding-…
Справочное руководство по три-шейкингу. Атила Фассина показывает, каких правил нужно придерживаться для оптимизации сборки проекта в сторону более лёгковесных и производительных бандлов. smashingmagazine.com/2021/05/tree-s…
Добавление теней к SVG-иконкам. Джоэл Олаванле применяет CSS- и SVG-фильтры для решения задачи и сравнивает подходы. css-tricks.com/adding-shadows…
Ссылка для скачивания. Никита Дубко про атрибут 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…
United States Trends
- 1. GTA 6 11.2K posts
- 2. GTA VI 18.3K posts
- 3. Rockstar 47.7K posts
- 4. GTA 5 7,818 posts
- 5. Antonio Brown 4,596 posts
- 6. Nancy Pelosi 120K posts
- 7. Rockies 3,887 posts
- 8. #LOUDERTHANEVER 1,505 posts
- 9. Ozempic 16.9K posts
- 10. Paul DePodesta 1,954 posts
- 11. Justin Dean 1,358 posts
- 12. GTA 7 1,144 posts
- 13. Grand Theft Auto VI 40.2K posts
- 14. Luke Fickell N/A
- 15. Grisham 1,763 posts
- 16. Elon Musk 223K posts
- 17. $TSLA 54.7K posts
- 18. RFK Jr 28.6K posts
- 19. Oval Office 41.7K posts
- 20. Pete Fairbanks N/A
Something went wrong.
Something went wrong.