Using a Mixin to Take the Math out of Responsive Font Sizes


Responsive Font Size (RFS) is an engine that automatically calculates and updates the font-size property on elements based on the dimensions of the browser viewport. If you’re thinking that sounds familiar, that’s because there is a slew of tools out there that offer various approaches for fluid...

How to Reverse a Video


One of my favorite media utilities is ffmpeg. This command line utility allows us to do some pretty amazing stuff like; Slice videos Convert video formats Modify video speed Combine audio and video Every once in a while I see a meme or funny video that reverses a video for effect. Since ffmpeg does...

Native Lazy Loading


IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as: <img src="celebration.jpg" loading="lazy" alt="..." /> Addy Osmani says...

Collective #506


World Draw * Native lazy-loading * El Grapho * Illustrated.dev * Hyper Editor * Animating SVG with CSS Collective #506 was written by Pedro Botelho and published on Codrops

AI-Based Video Preview from Cloudinary (Sponsored)


The early days of video on the web weren’t great. We started with custom browser plugins and codecs, then moved to Flash, and eventually we found our way HTML <video>. Once we solved the technology problem, we started using more video for content and advertising. The next problem...

Going Full-Time on Scotch.io After 5 Years!


This post will be short and sweet. No, I'm not going full-time on drinking some alcohol (part-time on that definitely). After 5 years of being a side project, Scotch.io will be

Community Coding For The Web


Open source barriers Right now, it's too hard to contribute to open source. This leads to a few things that are bad: People who have good ideas don't co

Creating an Extension Pack for Visual Studio Code


Extension Packs in Visual Studio Code are extremely useful when you want to install a collection of related extensions. In this article, let's walk through the steps of creating an Extension Pack s

Undefined: The Third Boolean Value


I wanted to implement a notification message in one of my projects, similar to what you’d see in Google Docs while a document is saving. In other words, a message shows up indicating that the document is saving every time a change is made. Then, once the changes are saved, the message becomes: “All...

Revisiting the Rendering Tier


Have you ever created a well-intentioned, thoughtful design system only to watch it grow into an ever-increasing and scary codebase? I've been working in sort of the opposite direction, inheriting the scary codebase and trying to create a thoughtful system from it. Here's Alex Sanders on the topic...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace