AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to other formats like JPG, JPEG, PNG, and WebP. Version 1.0.0 of the AVIF specification was finalized in February 2019 and released by Alliance for Open Media to the public.
Today, we bring you a collection of the most exquisite and intricate fonts that are perfect for creating visually stunning designs.
Font performance optimization is a set of web development techniques that make fonts load faster and render more smoothly. They involve practices such as thoughtful font selection, the use of performant font formats, self-hosting, optimized @font-face declarations, font display strategies, and more.
One warm, Italian, summer day in August 1907, Vilfredo Pareto noticed something odd in his garden — some pea pods produced more peas than others, no matter what he did. Being a curious polymath, he inspected the peas closely and concluded that roughly 20% of pods produced 80% of the produce.
Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re browsing Amazon, and the products displayed feel like they were picked just for you. This isn’t just a happy coincidence — it’s machine learning-powered AI working behind the scenes to create a personalized experience just for you. In today’s digital world, where user experience (UX) can make or break…
It’s amazing to witness the speed at which CSS keeps evolving. While the past decade has been all about building a solid foundation for layout (Flexbox, Grid) and syntax (variables) the future promises to be about going much further than most of us ever dreamed of.
In today’s fast-paced digital world of instant gratification, users expect to find what they need quickly and efficiently. Poor navigation can cripple your website or app, driving users away and costing you valuable conversions. This is where navigation UX comes in, serving as a silent guide, enabling users to achieve their objectives quickly and intuitively.
When I stumbled into web design in 1998, we had 13 or 15 inch CRT monitors and a resolution of 1024×768 was already a lot. A font size of 10 pixels slapped hard onto the <body> and everything looked classy.
Whether you’re new to CSS or have years of experience, you’ve likely encountered pseudo-classes. The most commonly recognized pseudo-class is probably :hover, which allows us to style an element when it’s in the hover state, such as when a mouse pointer hovers over it.
Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.
