Quick Tip: Clear VS Code Cache for Open Files

If you use VS Code, you might have enabled the setting for re-opening a previously open file next time the app launches. I do. I like that.
Hey, thanks for remembering, buddy! 🤗
But sometimes you really, really don’t want … Quick Tip: Clear VS Code Cache for…

Designing for Long-Form Articles

Designing a beautiful “article” is wrought with tons of considerations. Unlike, say, a homepage, a long-form article is less about designing an interface than it is designing text in a way that creates a relaxed and comfortable reading experience.
That’s … Designing for Long-Form Articles originally published…

Committing CSS Crimes

The time for CSS-Tricks is over. Now is the time for CSS Crimes!
In this current landscape of content service providers, users are often limited to expressing themselves in text, links, and images. Sanitization rules tend to strip out HTML, … Committing CSS Crimes originally published on…

Zooming Images in a Grid Layout

Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off.
Say you want to add some fancy hover effect to … Zooming Images in a Grid Layout…

Front-End vs. Back-End: The Complete Guide

When you first decide to begin your coding journey — and maybe even pursue a career in web development — it can be difficult to understand industry terms like front-end, back-end, and full-stack. What are these different web development roles?…
The post Front-End vs. Back-End: The Complete…

How I Added Scroll Snapping To My Twitter Timeline

CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. This feature has been supported in all modern browsers for over two years, … How I Added Scroll Snapping…

Actually, the San Francisco Typeface Does Ship as a Variable Font

Apple unveiled an expanded version of its San Francisco system font at WWDC 2022. Then, last month, Jim Nielsen zeroed in on the font’s variations, explaining how the font provides a spectrum of variations based on the width and weight… Actually, the San Francisco Typeface Does…

Converting Speech to PDF with NextJS and ExpressJS

With speech interfaces becoming more of a thing, it’s worth exploring some of the things we can do with speech interactions. Like, what if we could say something and have that transcribed and pumped out as a downloadable PDF?
Well, … Converting Speech to PDF with NextJS…

Developing a Sense of Mythology Around Your Designs

Using personal stories and experiences, designers should master the skill of developing mythology by crafting a narrative that captivates followers.
The post Developing a Sense of Mythology Around Your Designs appeared first on Speckyboy Design Magazine….

Implicit Grids, Repeatable Layout Patterns, and Danglers

Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle the content we throw at it?
The specific situation is when a layout grid expects … Implicit Grids, Repeatable Layout Patterns, and…