And here is what @css (px values) and @CoderPad (rem values) look like when the default font size of the browser is “Very Large”

The advantage of rems/ems is scaling if the default font size is changed. Here is what @css (using px values) and @CoderPad (using rem values) look like at the default font size setting in Chrome twitter.com/0xADADA/status/15037…

@chipcullen @css css-tricks.com/css-tricks-is-joi…

BIG NEWS: @digitalocean acquires @css

css-tricks.com/css-tricks-is-joi…

@css I would love anchor links to different sections fo the newsletter.

Pulled the trigger and bought a membership for @css since I seem to have their guides open every other day. At $20 per year it’s a no brainer.

css-tricks.com/product/mvp-suppo…

TIL: you can shorten CSS gradients & remove redundant values by using a little “fixup trick”.

Thanks to @anatudor who shared it on @css. 🙇🏻‍♂️
(css-tricks.com/while-you-werent-…)

#devsheets

🔗 Codepen example: codepen.io/stefanjudis/pen/vYOjJ…
🔗 Fixup spec paragraph: drafts.csswg.org/css-images-3/#c… t.co/5UhShsxGvE

👋 Hey!

I’m looking for a new gig immediately in devrel or webperf engineering. A bit about me:

🤓 15 years as a front end developer.
📝 I’ve written for @alistapart, @smashingmag, @css, and @google.
📣 International speaker.

Interested? DMs open! jeremy.codes

@css Submitted this to Hacker News news.ycombinator.com/item?id=211…

@chriscoyier @csswizardry @frontzurich @css This spurred some quick Googling research

Using preconnect and dns-prefetch is redundant. preconnect will do the DNS lookup + connection stuff

But IE doesn’t support preconnect so dns-prefetch is a fallback there.

caniuse.com/#feat=link-rel-preco…
caniuse.com/#feat=link-rel-dns-p…

So I wrote a thing about SVG icons and Sass and keeping things maintainable and hey, look, it’s on @CSS: css-tricks.com/creating-a-mainta…

@round @chriscoyier @css dummyimage.com/1200/f00/00f.png&…