It’s that time of year when Spoon Graphics gets a little older, with 2021 marking 14 years of tutorial creating, freebie sharing and article writing on what started as a blog that was attached to my portfolio website in 2007. Read more…
Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a Read more…
Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can Read more…
I’ve got a podcast that will be 10 years old this coming January! Most of those episodes have one or more guests (plus me and Dave). Despite fancy modern options for recording podcasts with guests, like Riverside.fm or Zencastr where Read more…
Raygun is an error and performance monitoring software for websites and mobile apps. In the case of websites, you install their JavaScript snippet onto your site, which takes 2 seconds, and now you’ve got monitoring in place. Why? Well now Read more…
Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers completely with list-style-type: none, and start styling from Read more…
This post was written for engineering managers, but anyone is welcome to read it. Let’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, Read more…
A custom property is most commonly thought of as a variable in CSS. .card { –spacing: 1.2rem; padding: var(–spacing); margin-bottom: var(–spacing); } Above, –spacing is the custom property with 1.2rem as the value and var(–spacing) is the variable in use. Read more…
I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet Read more…
Robert Nyman and Philip Jägenstedt: Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms. Read more…
