Super cool new CodePen feature alert! You’ve probably seen a bunch of “interactive” demos that let you changed values on the fly from a UI panel embedded directly in the demo. Jhey’s demos come immediately to mind, like this one: CodePen Embed Fallback That’s a tool called TweakPane doing the work. There’s another one called […]
Playing With CodePen slideVars Read More »
I’ve recently refreshed the animated graphics on my website with a new theme and a group of pioneering characters, putting into practice plenty of the techniques I shared in this series. A few of my animations change appearance when someone interacts with them or at different times of day. The colours in the graphic atop
Smashing Animations Part 8: Theming Animations Using CSS Relative Colour Read More »
Author’s Note: There are already wonderful recaps of the Web Directions Developer Summit I spoke at in November 2025. So, rather than offering another one, I decided to capture my experience at the conference in a stream-of-consciousness style that details my battles with stage fright and imposter syndrome. I haven’t seen this style used on
Postcard From Web Directions Dev Summit, 2025 Read More »
New year … and so many new tools to be happy about. This month’s list is teeming with fun options as well as things to help speed up or enhance your workflows and creativity. Here’s what’s new for designers. Dessix.io We’re kicking off 2026 with a new tool for designers that helps you plan and
Exciting New Tools for Designers, January 2026 Read More »
As the new year begins, I often find myself in a strange place — reflecting back at the previous year or looking forward to the year ahead. And as I speak with colleagues and friends at the time, it typically doesn’t take long for a conversation about career trajectory to emerge. So I thought I’d
UX And Product Designer’s Career Paths Read More »
AI search is reshaping first impressions. Discover why websites matter less, how zero-click search influences brand perception, and what strategies win in 2026. Continue reading How First Impressions Now Happen Inside Google’s AI on SitePoint.
How First Impressions Now Happen Inside Google’s AI Read More »
What if your favorite brand could change its logo, colors, and voice in real time — just for you? Generative branding is turning static identities into living, adaptive systems that evolve with context, mood, and audience. It’s the biggest shift in design since the logo itself — and it’s rewriting what “brand consistency” even means.
Your Brand Just Evolved: The Rise of AI-Generated Identities Read More »
This article is a sponsored by Penpot Imagine that your Penpot file contains a full icon set in addition to the design itself, which uses some but not all of those icons. If you were to ask an AI such as Claude or Gemini to export only the icons that are being used, it wouldn’t
Penpot Is Experimenting With MCP Servers For AI-Powered Design Workflows Read More »
Now, I know what you’re thinking. Yet another CSS pseudo-class… But I think this suggestion is rather cool. Earlier this year, it was proposed to add a new pseudo-class, :drag, that would enable developers to apply styles when an element is being actively dragged by the user. Currently, CSS lacks a mechanism to detect drag interactions,
Future CSS: :drag (and Maybe ::dragged-image?) Read More »
Has work felt “different” to you? You show up, do your work, fix what needs fixing, and get the job done, but the excitement isn’t quite the same anymore. Maybe the work has become too routine, or maybe you’ve grown in a way your role hasn’t kept up with. You catch yourself thinking, “I’ve been
Pivoting Your Career Without Starting From Scratch Read More »
