Hello and happy new year! It’s 2023, and Windows 11 is finally a mature operating system that most people would be happy to use. Sun Valley has finally arrived, and it’s all about a lon…
Three years ago I came across an interesting paper written up by a Microsoft employee, Kent Sullivan, on the process and findings of designing the new user interface for Windows 95. The web page ha…
If you use sprites with transparency in your game — and you most likely do for the UI at least — you’ll probably want to pay …
In early 2016 I eventually decided it was my turn to take part in this project. I decided my job was going to be presenting the potential and the beauty inside these sketches. I selected those that I found most interesting and genuine and diverse, then rendered them as if they were real. I became the executor of these…
If you're curious about rainbows, colorimetry, gamma encoding, and experiments run in the late 1920s, then this is the post for you!
LEGO interface panels are beautiful, iconic, and great for learning interface design basics. I bought 52 of them from BrickLink to explore the design, layout and organisation of complex interfaces.
SaaS Landing page inspiration is usually "pretty" but not conversion/result driven so in this article, I compiled the best SaaS Landing pages examples I've seen and broke-down their secrets for conversions!
Personal blog of John Novak
So, let’s just walk through the whole thing, end to end. Here’s a twelve-step program for understanding game design.
This interactive post will show you how to build your own fleet of space invaders by mixing geometry with randomness and a splash of color.
In my opinion, the UI design of Windows peaked in the late 1990s. The classic, utilitarian icons from Windows 98 just look amazing.
A guide to visual aesthetics, written by a nerd
I'm a weirdo - I fully admit that. As part of my home working set up, I use a vertical monitor. I read and write a lot of long documents - and this form factor suits me perfectly. I've been doing this for a long time. It is a natural part of my workflow. For anything longer than an email, it's the perfect orientation…
Tech and fashion logos are becoming increasingly similar, all of them using sans serif fonts. Why do they do that? And why it doesn't make sense.
Why you are animating more often than you should.
Rendering text, how hard could it be? As it turns out, incredibly hard! To my knowledge, literally no system renders text “perfectly”. It’s all best-effort, although some efforts are more important than others.
The moving image below is only 49Kb and has an incredibly high resolution. It's similar to a GIF but instead of showing moving images, it shows moving SVGs!
This article explores how to render realistic skies and atmospheres in real time in the browser with shaders, from simple sky domes, to entire planets using shaders, raymarching, Rayleigh and Mie scattering, and ozone absorption.
All too often mobile forms make use of dropdown menus for input when simpler or more appropriate controls would work better. Here's several alternatives to drop...
An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.
Adam Silver – interaction designer – London, UK
A detailed brain dump about how to go about starting web design for startups. Including design process, inspiration and required reading.
Dragons Abound produces maps in SVG, which is a vector graphics format. Vector graphics have a lot of features (such as lossless zoom) tha...
