Search
Freak Flags
11.12.2019
I don't see image sprites used that much anymore, but it's still a good technique for reducing downloaded decorative image assets when you have multiple on a page. The big idea is combining all the graphics into one and then shifting around the size and background-position to reveal one at...
Making a Better Custom Select Element
11.12.2019
We just covered The Current State of Styling Selects in 2019, but we didn't get nearly as far and fancy as Julie Grundy gets here. There is a decent chunk of JavaScript that powers it, so I'm still very much eyeballing browsers' recent interest in giving us more powerful selects in (presumably)...
WordPress.com: One CMS, Infinite Possibilities
11.12.2019
(This is a sponsored post.)
Have you ever looked at a site and knew exactly what CMS powers it? You might see a distinctive design aesthetic that gives it away. Or maybe it's something even less obvious and even harder to articulate, but you know it when you see it.
That seems true with just about...
How Facebook Avoids Ad Blockers
9.12.2019
Dylan Paulus:
Facebook actually hides 'dummy' DOM nodes between the 'Sponsored' text. These values are entirely random characters, with a random number of DOM nodes between them. Invisible characters. At this point our CSS ad blocker is completely broken. There is no way for us to possibly code...
Music and Web Design
9.12.2019
Brad has a long history in music outside of being a web designer, and draws some interesting parallels. One is that he had reached for more complex music in an effort to become a better musician — and developers can do the same thing. The other is that the composition of music can be seen...
Motion Paths – Past, Present and Future
6.12.2019
Cassie Evans has a great intro to motion paths. That is, being able to animate an element along a path. Not just up/down/left/right, but whatever curvy/wiggly/weird path you want.
It's an interesting subject because there are so many different technologies helping to do it over time. SMIL...
Case Study: lynnandtonic.com 2019 refresh
6.12.2019
Lynn Fisher walks us step-by-step through the redesign process of her latest outstanding personal website. In this design, increasing the width of the browser window will cause the illustrations on the page crack to open and reveal more within them:
This case study reminded me that Lynn also has...
CSS Architecture for Modern JavaScript Applications
6.12.2019
There is a lot to like from Mike Riethmuller here:
The title. When you're building a website from JavaScript-powered components anyway, that is a moment to talk about how to do styling, because it opens some doors to JavaScript-powered styles that you probably wouldn't otherwise choose.
The...
Auto Layout lands in Figma
5.12.2019
Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That's particularly useful for buttons in a design system where you want to drop a button on the page and then keep...
Firefox 71: First Out of the Gate With Subgrid
5.12.2019
A great release from Firefox this week! See the whole roundup post from Chris Mills. I'm personally stoked to see clip-path: path(); go live, which we've been tracking as it's so clearly useful. We also get column-span: all; which is nice in case you're one of the few taking advantages of...
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...
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?...
Chainlink Initiates the Month with a Negative Note; Lost 4% Overnight
2.12.2019
Chainlink loses 4% in the last 24 hours and reached $2.15 LINK may continue to get the selling pressure from the market Chainlink (LINK) has upset its large base of investors as its price fell by a significant 4% over the last 24 hours. It has been through three major price variations over this...
Chainlink (LINK) Receives No Respite from the Sluggish Pressure
28.11.2019
Chainlink’s struggle continues for another day and loses 1.21% in one day The price trend of the last day shows huge volatility with three major price fluctuations Chainlink has entered into another day of sluggish growth. In the last 24 hours, it has decreased its price by 1.21%. It has been...
The Popeye Moment
25.11.2019
Frank Chimero is redesigning "in the open" and we should pay attention to it because (1) we should listen to anything Frank has to say because he's a great designer and writer and (2) working in public is awesome.
But the gut punch for me in this opening article is the way Frank pulls zero punches...
Highlights from Chrome Dev Summit 2019
22.11.2019
Ire Aderinokun has made another round-up summary of some things that piqued her attention during this year’s Chrome Dev Summit and there’s a lot of exciting news! There’s the :is selector (which Geoff wrote about a while back) as well as logical properties, updates to standard form elements,...
Build your own React
20.11.2019
Wowza! Rodrigo Pombo’s article about how to build React from scratch is fantastic, not only because it’s well written, but because of the outstanding interaction design: each line in the code examples ge highlighted and explored in further detail as you scroll down the page.
This makes it super...