Bookmarks

A list of code smells in CSS from Harry Roberts. Mostly agree with the ones listed, however I find some of the sentiments too strong (too much "never do this")

Massive list of resources for web design. Everything from accessibility to UX patterns

Short & simple practical introduction to CSS Grid

Great article on a "stretchy" navigation with submenus that expands/contracts based on viewport height (see demos for a better explanation). I can see this being useful for file tree UIs too

Nice article walking through usages of viewport height (vh) and viewport width (vw) units in CSS. Some useful explanatory examples

Always a sucker for Swiss Alps maps 😍 Climbed a handful for these :)

Another piece by @b0rk on job descriptions and how to write good ones. See another one of my links for the job description she ended up writing

Some simple CSS layout classes, mostly using flexbox

Collection of (SVG based) patterns for use in hero UIs as a background

Demo showing CSS columns property, allowing newspaper-like columns with a couple of lines of CSS

Interesting tool to "write a letter" using HTML/CSS. Uses contenteditable & nice styling to format a "letter"

Utility site to view curated simple gradients. Useful for headers/hero UI patterns

Really great post on how to make a great team by @b0rk. Truthfully, it's more about being a great team member than being a manager and creating the team.

Invaluable post on the reflog and how to recover commits lost with git reset --hard

Good blog post on creating your own create-react-app style tooling package

Really impressed with Typora markdown editor:

Automated memory leak unit testing in JS

Uses the web User Timing API to record JS performance and send to Google Analytics

Better JS timing library. console.time() and console.timeEnd() have slight perf issues themselves. Integrates with console timing tab graphs

Made with the fantastic sweaterify by @kosamari