Web design

Web design

Creating motion can be tricky. Too much and it's distracting. Too little and a design feels flat. Ambient animations are the middle ground - subtle, slow-moving details that add atmosphere without stealing the show. Unlike timeline-based animations, which tell stories across a sequence of events, or interaction animations that are triggered when someone touches something, ambient animations are the kind of passive movements you might not notice at first. But, they make a design look alive in subtle ways.

I agree with Berners-Lee's diagnosis. But regulation is not the cure. The web's decline is not merely a design failure; it is also an economic one. Design choices follow incentives, and those incentives have been distorted by fiat money and the advertising model it props up. Cheap credit from the fiat-fuelled venture capital system pushed Silicon Valley away from hacker-led engineering and toward surveillance-driven profit extraction.

While orange and green might make a fetching palette, it spells bad news for accessibility, meaning there's much to be learned from Ms Swift's design flaw. You can employ the best designers or opt for the best website builder, but without accessibility at the forefront of your design, you risk alienating a huge audience. By today's standards, aesthetics and accessibility need to work in tandem, and sadly, Taylor's website misses the mark.

Images in long-form content can (and often should) do more than illustrate. They can shape how people navigate, engage with, and interpret what they're reading. They help set the pace, influence how readers feel, and add character that words alone can't always convey. So, how do you use images to add personality, rhythm, and even surprise someone along the way? Here's how I do it.

I never thought I'd write a piece criticising Taylor Swift. I've been a devoted fan since becoming enraptured by her Eras Tour movie. And while my musical tastes normally veer towards post-rock, punk and metal, her pandemic opuses Evermore and Folklore reached parts of my heart I never knew pop could touch. So I genuinely believed Taylor could do no wrong. But unfortunately, her latest website is a masterclass in how not to design for inclusion.

At some point, I think all web designers circle around to the thought that if design software was only more like the web itself that it would be better for it. We would gain efficiency in that there may not need be much translation at all between design and the finished product. Time and quality suffer during the translation required now.

Any audio that automatically plays for more than 3 seconds must include a mechanism to pause or control the audio's volume without affecting system volume.

The design of therapywarsaw.com is driven by a live generative system, creating a digital threshold that visually embodies the principles of psychotherapy.

AI-powered web browsers are transforming internet interactions by integrating conversational assistants, allowing users to automate workflows and retrieve information using natural language.

CSS has grown from a language solely focused on presentation to one that incorporates logical functionalities, including features like container queries and the if() function, blurring the lines between styles and logic.

Figma's prospectus mentions AI more than 150 times, characterizing it both as a creative accelerant and a potential threat.

Keeping things simple is key to making SVGs that are optimised and ready to animate. Tools like Adobe Illustrator convert bitmap images to vectors, but the output often contains too many extraneous groups, layers, and masks. Instead, I start cleaning in Sketch, work from a reference image, and use the Pen tool to create paths.

Although combining Flexbox and CSS Grid can be complex, nesting is possible. You can create a flex container and add a grid container inside it.