WhoCanUse
4.12.2019
There are loads of microsites and developer tools for looking at color accessibility, including tools built right into browser DevTools. They often show you if a color passes AA or AAA WCAG guidelines. But color contrast is more complicated than that because there is a wide variety of vision...
The New Klim Type Website is Impossibly Lovely
4.12.2019
I’ve spent the last hour hunched over the new Klim Type foundry website with my arms outstretched as if it was a fire in a very dark cave. Klim Type makes and sells wondrous fonts — like Tiempos, and National 2 or Pitch — and this fresh redesign now showcases them in all their glory. Here’s...
Awesome Demos Roundup #11
4.12.2019
A hand-picked collection of fantastic web experiments from the past weeks.
Awesome Demos Roundup #11 was written by Mary Lou and published on Codrops
Dark Mode Favicons
4.12.2019
Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. <link rel="icon" href="/icon.svg">). And you can embed CSS within an SVG with a <style> element. That CSS can use a perfers-color-sceme media query, and as a result, a favicon that supports...
State of JavaScript 2019 Survey
3.12.2019
Well, hey, look at that — it's time for this year's State of JavaScript survey!
You have taken this survey last year. Or in 2017. Or in 2016. It's been going on for a little while now and it always lends interesting insights into things like the features developers are using, the popularity...
Save Big on An Event Apart for a Limited Time!
3.12.2019
(This is a sponsored post.)
If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo.
What if you were to receive something, hmm, more substantial?...
Save Big on An Event Apart for a Limited Time!
3.12.2019
(This is a sponsored post.)
If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo.
What if you were to receive something, hmm, more substantial?...
Masking GIFs with other GIFs
3.12.2019
The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one:
See the Pen
Masking gifs with other gifs......
Motion Paths – Past, Present and Future
3.12.2019
The ability to animate along a motion path is a really useful thing to have in your SVG animation toolkit. Let's explore a few ways to achieve this, including the upcoming CSS motion path module and the newly released GSAP3.
Motion Paths – Past, Present and Future was written by Cassie Evans...
Having a Little Fun With Custom Focus Styles
2.12.2019
Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself.
So you do a little research and find...
“Headless Mode”
2.12.2019
A couple of months ago, we invited Marc Anton Dahmen to show off his database-less content management system (CMS) Automad. His post is an interesting inside look at templating engines, including how they work, how CMSs use them, and how they impact the way we write things, such as loops.
Well...
Collective #570
2.12.2019
Bekk Christmas * Lighthouse CI * Blocks UI * Patchbay * Pico-8 Advent Calendar * Dealing with Ads in 2020
Collective #570 was written by Pedro Botelho and published on Codrops