Search

Nalezeno "Newsletter": 1520

De-Mystifying IndieWeb on a WordPress Site


Well, sheesh. I opened a little can of worms when sharing Miriam’s “Am I on the IndieWeb yet?” with a short post bemoaning my own trouble getting on the IndieWeb train. But it’s a good can of worms. I think … De-Mystifying IndieWeb on a WordPress Site originally...

Useful Tools for Visualizing Databases on a Budget


A diagram is a graphical representation of information that depicts the structure, relationship, or operation of anything. Diagrams enable your audience to visually grasp hidden information and engage with them in ways that words alone cannot. Depending on the type … Useful Tools...

Single Element Loaders: The Spinner


Making CSS-only loaders is one of my favorite tasks. It’s always satisfying to look at those infinite animations. And, of course, there are lots of techniques and approaches to make them — no need to look further than CodePen to … Single Element Loaders: The Spinner originally published...

Am I on the IndieWeb yet?


Can’t smash the Like button hard enough for what Miriam Suzanne has to say on the challenging technical hurdles of implementing Webmentions: The first round required several online services along with HTML & JS changes to my static site, just to verify my … Am...

Let’s Make a QR Code Generator With a Serverless Function!


QR codes are funny, right? We love them, then hate them, then love them again. Anyways, they’ve lately been popping up again and it got me thinking about how they’re made. There are like a gazillion QR code generators out … Let’s Make a QR Code Generator With a Serverless...

Building Interoperable Web Components That Even Work With React


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...

Please Give Me Some Space


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: <pWe go from one line...<br<brdown a couple more.</p But that’s … Please Give Me Some Space originally...

How to Create Block Theme Patterns in WordPress 6.0


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...

SPAs, Shared Element Transitions, and Re-Evaluating Technology


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,...

Just How Long Should Alt Text Be?


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...

Beautify GitHub Profile


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


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...

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