Search
Why I Chose Angular to Build a URL Shortener
22.7.2022
URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a registration form or article) into a shorter version.
Behind the scenes, the long …
Why I Chose Angular to Build a URL Shortener originally published...
Roundup of Recent Document Outline Chatter
21.7.2022
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard.
First off, you should know …
Roundup of Recent Document Outline Chatter...
ECB’s Lagarde, Panetta See Digital Euro as More Efficient Payment Means Than Crypto
16.7.2022
Unbacked cryptocurrencies are not an efficient means of payment and stablecoins are vulnerable to runs, top officials at the European Central Bank have pointed out in a new article making the case for a digital euro. The executives have marked key objectives for the project which should provide...
How stroke-dasharray Patterns Work
15.7.2022
Say you have a line in SVG:
<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg
You can use the stroke-dasharray property in CSS to make dashes:
line {
stroke-dasharray: 5;
}
That 5 value is a relative unit based …
How stroke-dasharray Patterns...
Office Spaces
14.7.2022
I think it’s super timely that Jim Nielson wrote about his office space the other day. My family recently re-rooted in Colorado and I was up late last night setting up my desk and everything around it. So late, in …
Office Spaces originally published on CSS-Tricks. You should get...
React Hooks: The Deep Cuts
13.7.2022
Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate …
React Hooks: The Deep Cuts originally...
Technical Writing for Developers
11.7.2022
HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we …
Technical Writing for Developers originally published on CSS-Tricks. You should...
Single Element Loaders: Going 3D!
1.7.2022
For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...
How I Chose an Animation Library for My Solitaire Game
29.6.2022
There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build …
How I Chose an Animation Library for My Solitaire...
Help Shape the Future of CSS-Tricks!
28.6.2022
Hey, so it’s been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it feels that way to you, too. Now that we’re getting settled, we’re …
Help Shape the Future of CSS-Tricks!...
My Dumbest CSS Mistakes
28.6.2022
We all make mistakes in our code. It happens! I know if I had one of those “Days Since Last Mistake” signs hanging over my desk, a big ol’ goose egg would be hovering above me all the time. It …
My Dumbest CSS Mistakes originally published on CSS-Tricks. You should get...
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...
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...