Just How Long Should Alt Text Be?
27.5.2022
I teach a class over at the local college here in Long Beach and a majority of the content is hosted on the Canvas LMS so students can access it online. And, naturally, I want the content to be as …
Just How Long Should Alt Text Be? originally published on CSS-Tricks. You should get...
Collective #713
27.5.2022
Create a 3D Scroll Gallery with GSAP * CSS object-view-box * Sherpa * OptimizeImages
The post Collective #713 appeared first on Codrops
Beautify GitHub Profile
26.5.2022
It wasn’t long ago that Nick Sypteras showed us how to make custom badges for a GitHub repo. Well, Reza Shakeri put Beautify GitHub Profile together and it’s a huuuuuuge repo of different badges that pulls lots of examples …
Beautify GitHub Profile originally published...
Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D
26.5.2022
We’ve walked through a series of posts now about interesting approaches to CSS hover effects. We started with a bunch of examples that use CSS background properties, then moved on to the text-shadow property where we technically didn’t use …
Cool CSS Hover Effects That Use Background...
Customizing Color Fonts on the Web
26.5.2022
Myles C. Maxfield on the WebKit Blog published a nifty how-to for color fonts. It comes on the heels of what Ollie wrote up here on CSS-Tricks the other day, and while they cover a lot of common …
Customizing Color Fonts on the Web originally published on CSS-Tricks. You should get...
A Perfect Table of Contents With HTML + CSS
25.5.2022
Earlier this year, I self-published an ebook called Understanding JavaScript Promises (free for download). Even though I didn’t have any intention of turning it into a print book, enough people reached out inquiring about a print version that …
A Perfect Table of Contents With HTML...
Mastering SVG’s stroke-miterlimit Attribute
24.5.2022
So, SVG has this stroke-miterlimit presentation attribute. You’ve probably seen it when exporting an SVG from a graphic editor program, or perhaps you find out you could remove it without noticing any change to the visual appearance.
After a good …
Mastering SVG’s stroke-miterlimit...
First Look At The CSS object-view-box Property
23.5.2022
Ahmad Shadeed — doing what he always does so well — provides an early look at the object-view-box property, something he describes as a native way to crop an image in the browser with CSS.
The use case? Well, …
First Look At The CSS object-view-box Property originally published...
UI Interactions & Animations Roundup #24
23.5.2022
A hand-picked collection of the hottest and most creative animations from the past couple of weeks.
The post UI Interactions & Animations Roundup #24 appeared first on Codrops
Dialog Components: Go Native HTML or Roll Your Own?
23.5.2022
As the author of a library called AgnosticUI, I’m always on the lookout for new components. And recently, I decided to dig in and start work on a new dialog (aka modal) component. That’s something many devs like to …
Dialog Components: Go Native HTML or Roll Your Own? originally published...
Creating an Infinite Distorted Slider with PixiJS and Bézier Curves
23.5.2022
A coding session where you'll learn how to recreate the infinite distorted slider from Yuto Takahashi's website using PixiJS.
The post Creating an Infinite Distorted Slider with PixiJS and Bézier Curves appeared first on Codrops
CSS :optional
22.5.2022
A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an <input>‘s value. Targeting required...