Tag: javascript
-
Add Lazy Loading to Background Images with CSS
—
in Web designPhoto 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
—
in Web designDiscover 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
—
in Web designWorks 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
—
in Web designBricklayer is a Lightweight and Independent Pinterest-like Cascading Grid Layout Library.
-
Packery – Gapless, draggable grid layouts
—
in Web designPackery 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.