Tag: javascript
-
Add Lazy Loading to Background Images with CSS
Photo by DALL·E (AI-generated illustration) Website speed isn’t just a technical detail — it’s a major factor in user experience and SEO performance. A slow-loading page can make visitors leave before they even see your content. Most developers already know how to lazy load regular images using the loading=”lazy” attribute.But here’s the catch: CSS background images don’t support native lazy loading.…
-
WordPress Infinite Scroll: No Plugins, Pure Code
Discover how to implement WordPress infinite scroll without plugins. Learn AJAX setup, lazy loading, and caching strategies for better performance. Address browser compatibility, pagination conflicts, and SEO concerns. Enhance user experience with hybrid solutions and customization options for your WordPress theme.
-
Splt – A text splitter that just f*cking works
Works with plain CSS and Javascript libraries.Explore the easiest text-splitting library around.
-
Codepen Challenges
Challenges are fun opportunities for leveling up your skills by building things. Each week, you’ll get a new prompt surrounding a monthly theme to riff on. The best Pens get picked and featured on the homepage!
-
Bricklayer.js
Bricklayer is a Lightweight and Independent Pinterest-like Cascading Grid Layout Library.
-
Packery – Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries.