As the author of a library called AgnosticUI, I’m always on the lookout for new components. And recently, I decided to dig in and start work on a new dialog (aka modal) component. That’s something many devs like to … Dialog Components: Go Native HTML…
Inline Image Previews with Sharp, BlurHash, and Lambda Functions
Don’t you hate it when you load a website or web app, some content displays and then some images load — causing content to shift around? That’s called content reflow and can lead to an incredibly annoying user experience for … Inline Image Previews with Sharp, BlurHash, and Lambda…
Avoiding Design by Committee
Most people have an idea of the perfect solution to their design problem. The downside is that so does everyone else with the same problem.
The post Avoiding Design by Committee appeared first on Speckyboy Design Magazine. …
Looking for outstanding Multipurpose WordPress Themes? Read this
When it comes to building websites there is probably some truth to the saying that you are only as good as the tools you have. Design experience and an ability to write code can make up for some shortcomings. But what you really want is…
An Interactive Starry Backdrop for Content
I was fortunate last year to get approached by Shawn Wang (swyx) about doing some work for Temporal. The idea was to cast my creative eye over what was on the site and come up with some … An Interactive Starry Backdrop for Content originally…
Improving Icons for UI Elements with Typographic Alignment and Scale
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even … Improving Icons for UI…
Creating Style Variations in WordPress Block Themes
Global styles, a feature of the block themes, is one of my favorite parts of creating block themes. The concept of global style variations in WordPress were introduced in Gutenberg 12.5 which would allow theme authors to create alternate … Creating Style Variations in WordPress…
Cool Hover Effects That Use CSS Text Shadow
In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow … Cool Hover Effects That…
A CSS Slinky in 3D? Challenge Accepted!
Braydon Coyer recently launched a monthly CSS art challenge. He actually had reached out to me about donating a copy of my book Move Things with CSS to use as a prize for the winner of the challenge — … A CSS Slinky in 3D?…
COLRv1 and CSS font-palette: Web Typography Gets Colorful
According to Toshi Omagari, the author of Arcade Game Typography, the world’s first multi-colored digital font was created in 1982 for a never-released video game called Insector. Multi-colored fonts, sometimes called chromatic type, are still relatively rare on the … COLRv1 and CSS font-palette: Web…