Jan_24 Vol_01.1

We curate web design resources.

Website of the week:

A simple programming productivity trick: leave work unfinished to reach flow
4 simple programming habits that transformed my productivity
https://read.engineerscodex.com/p/simple-software-engineering-habits

CSS Animations with No-Code
Animotion lets you create CSS animations visually, by dragging, resizing, rotating, clipping and more, including a keyframes editor, a collection of ready-to-use animations and 29 built-in easings
https://cssanimotion.pages.dev/ 

The `hanging-punctuation` property in CSS
The hanging-punctuation property in CSS is almost a no-brainer. The classic example is a blockquote that starts with a curly-quote. Hanging that opening curly-quote into the space off to the start of the text and aligning the actual words is a better look.
https://chriscoyier.net/2023/11/27/the-hanging-punctuation-property-in-css/ 

67 Weird Debugging Tricks Your Browser Doesn't Want You to Know
A list of useful, not-obvious hacks to get the most out of your browser’s1 debugger. Assumes an intermediate-level-or-higher understanding of the developer tools.
https://alan.norbauer.com/articles/browser-debugging-tricks 

The Generalist Career Flow To Mastery
We dive into: The 4 Archetypes of a Generalist, a framework for squiggly career progression, I'll then spin these into real-world examples of what a *delightful* generalist career flow could look like.
https://www.generalist.world/blog/the-generalists-career-flow-to-mastery

Some Favorite Things:

Codepen Fav:

IG Inspiration: