Metaphors We Web By
1.2.2022
Maggie Appleton gets into what is perhaps the foremost metaphor the web is founded on: paper.
Paper documents were the original metaphor for the web. […]
The page you’re reading this on still mimics paper. We still call it
…
Metaphors We Web By originally published...
Notes on Reverse-Scrolling Columns With CSS Scroll-Timeline
31.1.2022
Lemme do this one quick-hits style:
Mary Lou published a quintessentially-Codrops-y demo called Alternate Column Scroll.
The scrolling effect is powered by Locomotive Scroll, which we’ve coincidentally covered before.
Bramus has been exploring native CSS scrolling effects
…
Notes...
The Relevance of TypeScript in 2022
31.1.2022
It’s 2022. And the current relevance of TypeScript is undisputed. TypeScript has dominated the front-end developer experience by many, many accounts. By now you likely already know that TypeScript is a superset of JavaScript, building on JavaScript by adding …
The Relevance of TypeScript...
Easy Asset Access with the Cloudinary Media Library Browser Extension
31.1.2022
Readers of my blog will know that I’ve been banging the Cloudinary drum for years. Their awesome media capabilities allow users to optimally deliver images, video, and audio in any format and to any device. Performance, customization, flexibility, optimized delivery… Cloudinary makes...
The Optional Chaining Operator, “Modern” Browsers, and My Mom
30.1.2022
Jim Nielsen’s mom couldn’t open a website. Jim worked on confirming the issue and documented how he got to the bottom of it:
“[…] well it can’t be a browser issue. It’s not like my Mom is using Internet Explorer!
…
The Optional Chaining Operator, “Modern” Browsers,...
Git: Switching Unstaged Changes to a New Branch
28.1.2022
I’m always on the wrong branch. I’m either on master or main working on something that should be on a fix or feature branch. Or I’m on the last branch I was working on and should have cut a new …
Git: Switching Unstaged Changes to a New Branch originally published...
Demystifying TypeScript Discriminated Unions
27.1.2022
TypeScript is a wonderful tool for writing JavaScript that scales. It’s more or less the de facto standard for the web when it comes to large JavaScript projects. As outstanding as it is, there are some tricky pieces for the …
Demystifying TypeScript Discriminated Unions originally published...
Build, Ship, & Maintain Design Systems with Backlight
27.1.2022
(This is a sponsored post.)
Design systems are an entire job these days. Agencies are hired to create them. In-house teams are formed to handle them, shipping them so that other teams can use them and helping ensure they …
Build, Ship, & Maintain Design Systems with Backlight originally...
Collective #696
27.1.2022
Charm * Make Free Stuff * PHP in 2022 * Frontend Predictions for 2022 * clay.css
The post Collective #696 appeared first on Codrops
I Love You, Ringo
27.1.2022
Some things happen in your life at exactly the right time. It could be meeting the right person, discovering an open source project you go on to join, or even starting a blog when you’re bored with a job you don’t enjoy. All of those things happened to me at the right time and brought...
How to Cycle Through Classes on an HTML Element
26.1.2022
Say you have three HTML classes, and a DOM element should only have one of them at a time:
<div class="state-1"</div<div class="state-2"</div<div class="state-3"</div
Now your job is to rotate them. That is, cycle through classes …
How to Cycle Through Classes on...
Fancy CSS Borders Using Masks
26.1.2022
Have you ever tried to make CSS borders in a repeating zig-zag pattern? Like where a colored section of a website ends and another differently colored section begins — not with a straight line, but angled zig zags, rounded humps, …
Fancy CSS Borders Using Masks originally published...