![Why I Chose Angular to Build a URL Shortener](https://www.cdn5.niftycent.com/d/D/O/Y/G/q/a/why-i-chose-angular-to-build-a-url-shortener.webp)
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 on CSS-Tricks. You s
![Roundup of Recent Document Outline Chatter](https://www.cdn5.niftycent.com/d/k/K/3/z/Q/j/roundup-of-recent-document-outline-chatter.webp)
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 …
![Logical Properties for Useful Shorthands](https://www.cdn5.niftycent.com/d/D/y/L/j/B/q/logical-properties-for-useful-shorthands.webp)
Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, …
![How stroke-dasharray Patterns Work](https://www.cdn5.niftycent.com/d/D/Z/0/0/J/d/how-stroke-dasharray-patterns-work.webp)
Say you have a line in SVG:
You can use the stroke-dasharray
property in CSS to make dashes:
line {
stroke-dasharray
![Office Spaces](https://www.cdn5.niftycent.com/d/1/N/K/5/q/j/office-spaces.webp)
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 original
![React Hooks: The Deep Cuts](https://www.cdn5.niftycent.com/d/e/7/p/r/p/6/react-hooks-the-deep-cuts.webp)
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 published on
![In Praise of Shadows](https://www.cdn5.niftycent.com/d/1/R/E/d/V/5/in-praise-of-shadows.webp)
Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay …
In Praise of Shadows originally published on
![Technical Writing for Developers](https://www.cdn5.niftycent.com/d/k/J/L/5/B/q/technical-writing-for-developers.webp)
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
![Collective Nouns for the Web](https://www.cdn5.niftycent.com/d/D/y/L/R/n/0/collective-nouns-for-the-web.webp)
Melanie Sumner has this super-specific collection of web-related nouns for describing a group or set of something. You know how there’s a school or fish or a herd of cows? Same sort of thing, but for funny web jargon.
Things …
![Single Element Loaders: Going 3D!](https://www.cdn5.niftycent.com/d/1/x/2/6/x/v/single-element-loaders-going-3d.webp)
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 all six faces of a cube. But maybe we can get away …