Search
Great (and Free!) Web Development Books You Can Get Online
27.6.2022
Right after “Where is the best place to learn?” perhaps the most commonly asked question I hear from folks getting into code is “What web development books should I get to learn?” Well, consider this an answer to that question …
Great (and Free!) Web Development Books...
Single Element Loaders: The Bars
24.6.2022
We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in this third article of the series as we have the others …
Single Element Loaders: The Bars originally published on CSS-Tricks. You should...
Different Ways to Write CSS in React
22.6.2022
We’re all familiar with the standard way of linking up a stylesheet to the <head> of an HTML doc, right? That’s just one of several ways we’re able to write CSS. But what does it look like to style things …
Different Ways to Write CSS in React originally published on CSS-Tricks....
Single Element Loaders: The Dots
17.6.2022
We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, …
Single Element Loaders: The Dots originally published...
Conditionally Styling Selected Elements in a Grid Container
15.6.2022
Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever.
🧐…
Conditionally...
De-Mystifying IndieWeb on a WordPress Site
14.6.2022
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
13.6.2022
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
10.6.2022
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?
9.6.2022
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!
8.6.2022
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
7.6.2022
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
3.6.2022
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
1.6.2022
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
1.6.2022
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?
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...
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...