JavaScript Scope and Closures
I wrote on not so long ago called Practical SVG. Fortunately for us both, SVG isn’t the most fast-moving technology out there, so reading this book now and using what you learn is just as useful now as it ever was.
Saving SVG with Space Around It from Illustrator
Instead of using custom properties to style whole portions of a website’s interface I think we should use them to customize and modify tiny components. Here’s why.
All About React Router 4
Nicky Case’s games are a damn treasure in this world. Most importantly, they are fun and compelling to play. They also make gameplay the vehicle for education on tricky, intricate, and important issues. Issues that would be much harder to learn about by just reading. They are also a masterclass in design: clear calls to action, clear onboarding, meaningful interactions and animations, and good copy.
Playing with Shadow DOM
A bit of a wordy title, huh? What is server side rendering? What does it have to do with routing and page transitions? What the heck is Nuxt.js? Funnily enough, even though it sounds complex, working with Nuxt.js and exploring the benefits of isn’t too difficult. Let’s get started!… Read article “Simple Server Side Rendering, Routing, and Page Transitions with Nuxt.js”
Glue Cross-Browser Responsive Irregular Images with Sticky Tape
I was similarly excited learning about Macros in Nunjucks. Then:
Form Validation – Part 4: Validating the MailChimp Subscribe Form
It can be quite useful to get a “full page” screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire website even if it needs to be scrolled around to see all of it. You could take individual screenshots of the visible area and use a photo editing program to stitch them together, but that’s a pain in the … Read article “Full Page Screenshots in Browsers”
Oh No! Our Stylesheet Only Grows and Grows and Grows! (The Append-Only Stylesheet Problem)
What caught me was the fact that I can name these lines. … Read article “Naming Things is Only Getting Harder”
Aspect Ratio Boxes
I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz’s Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave’s Ol’ Padded Box.
CSS Radial Gradient
Manton Reece and Brent Simmons have just published their thoughts on JSON Feed which is a new standard for making a feed, like a collection of blog posts. The format itself is similar to RSS and Atom but since it’s in JSON it’s easier to read and a lot more familiar to developers:
Tracing the History of CSS Fonts
Selecting a parent element based on children is lonnng awaited. The crown jewel of that is :has(). I wonder if that’s getting closer.… Read article “The `:focus-within` Pseudo Class”