I’ve been using Sass variables for quite a while, so I’m interested to see how native CSS variables (AKA CSS custom properties) compare to preprocessor variables.
Philip Walton does a great job of explaining the difference between native and preprocessor variables. He also outlines some potential uses in his post. I like that he calls out “CSS custom properties” as being the more accurate (and in my opinion, more intuitive) term …
CSS preprocessors are fantastic tools, but their variables are static and lexically scoped. Native CSS variables, on the other hand, are an entirely different kind of variable: they’re dynamic, and they’re scoped to the DOM. In fact, I think it’s confusing to call them variables at all. They’re actually CSS properties, which gives them an entirely different set of capabilities and allows them to solve an entirely different set of problems.
Pretty cool stuff—don’t miss the helpful CodePen demos he made to accompany the post. (1 & 2)
Paravel was thrilled to collaborate with Etsy and Vector Media Group to create shareyourshop.etsy.com—a fun little photo-generating web app that Etsy shop owners can use in their holiday promotions.
Etsy provided overall guidance as well as some stellar graphics for the layout and photo template itself. Having such great assets and brand guidelines in place made working with Etsy a joy. Vector Media Group built the tool itself, extending our front-end code. We’ve worked with them numerous times in the past, and it’s always a pleasure.
Happy 8-Bit Day! To celebrate, the team at Microsoft has built a clever little easter egg into the homepage—visit microsoft.com and enter in the Konami Code to reveal some 8-bit glory. It’s great to see Microsoft doing fun stuff like this. Similar to the revival of their 1994 homepage, it’s another treat from folks who truly love the web.
The cyclical “should designers code” debate wears me out, but Stephen Hay’s post is a great read in and of itself. I like that he gravitates towards the value of prototyping:
As designers for the web,[…] you are researching, structuring, adapting, testing, laying out, wireframing, setting type for, composing, and [fill in the blank]ing something that people will read, interact with, love, hate, tell others about, and perhaps take with them everywhere they go. And the medium is right in front of you, every day, so you as a designer for this medium have the opportunity to use it to prototype what you’re designing.
Prototyping is about asking reality for feedback.
Dan Matutina of Plus 63 is easily one of my favorite illustrators. He’s got such a unique style, and I’m always thrilled to see what he’s up to. As an avid F1 fan who is excited to watch Formula E evolve, seeing Dan’s work on these Qualcomm Formula E posters made my day. If anyone has a spare copy of one of these, let me know. I’d love to frame one for my office.