Those of us who’ve been web developers more than a few years have probably written code using more than one JavaScript framework. With all the choices out there — React, Svelte, Vue, Angular, Solid — it’s all but inevitable. One …
Building Interoperable Web Components That Even Work With React originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/building-interoperable-web-components-react/
There’s all kinds of ways to do that. Some more advisable and better-suited for certain situations than others, of course. We could do it directly in HTML:
Block patterns, also frequently referred to as sections, were introduced in WordPress 5.5 to allow users to build and share predefined block layouts in the pattern directory. The directory is the home of a wide range of …
How to Create Block Theme Patterns in WordPress 6.0 originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/how-to-create-block-theme-patterns-in-wordpress-6-0/
Nolan Lawson sparked some discussion when he described a noticeable shift away from single-page applications (SPAs):
Hip new frameworks like Astro, Qwik, and Elder.js are touting their MPA [multi-page application] with “0kB JavaScript by default.”
…
SPAs, Shared Element Transitions, and Re-Evaluating Technology originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/spas-shared-element-transitions-and-re-evaluating-technology/
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 the newsletter.
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 on CSS-Tricks. You should get the newsletter.
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 Clipping, Masks, and 3D originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/css-hover-effects-background-masks-3d/
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 the newsletter.
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 + CSS originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/a-perfect-table-of-contents-with-html-css/
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 Attribute originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/mastering-svgs-stroke-miterlimit-attribute/