Turning simple shapes into complex shapes
SVGs are math that looks unnecessarily complicated. Let me walk you through how to build a complex icon from a few circles and lines.
Read full articleAll articles in “Design”
These are my articles on trends in design and how to improve your design skills. Explore some of the other categories as well while you’re here.
Fonts that make you go “agh!iIl1”
This nonsense test string reveals some of the main differences when comparing typefaces, like their weight and related characteristics.
Read full articleGet better at design by breaking some designs
If good artists copy and great artists steal, why shouldn’t new artists destroy? Break some designs to learn the details that make them work.
Read full articleThe constraints behind consistent icons
As I am drawing many more icons for my upcoming set, I follow a few constraints to ensure they all look like they belong together.
Read full articleIntroducing Lovelicons
I am working on a set of 200+ icons that will be free for personal use. The paid version will include benefits that I have not defined yet.
Read full articleThe easiest way to build a Dark Mode
Media queries are essential for doing Responsive Design. They can test for many features beyond browser width. We can use one of them to build a dark mode.
Read full articleHow the poop emoji broke my website
A few emoji included in a font are responsible for Firefox not showing syntax highlighting in my code snippets.
Read full articleMy design turned out worse than I thought
What looks good in a design tool doesn’t necessarily look good in a browser. Working in both at the same time helps you catch those mistakes early.
Read full articleFree alternatives to FontAwesome
A coherent and high quality icon set can level up a design. FontAwesome is good, but there are alternatives.
Read full articleBooks for getting better at design
Design is not only about visuals. Start here to take your first steps into becoming a better designer.
Read full articleThe iPad got the best pointer
Apple is adding mouse support to iPadOS. The thinking that went into the UX of the iPad’s new pointer is a fascinating evening watch.
Read full articleFat marker sketches are the better mockups
Before we spend too much time on the details, we need to figure out the overall structure of a design.
Read full articleEvolution, not revolution
The latest version of my website is an improvement over the previous one, not a completely different thing.
Read full articleBookmarking the greats
By looking at what others have done before us, we can find combinations of their ideas that work for us.
Read full articleUnexpected usecases
I had my expectations of how software is used challenged last week when talking to the CTO of a med-tech startup.
Read full articleStress-test your layouts in disco mode
Talking about mobile-, tablet- and desktop-layouts worked well when the lines between those classes were well-defined.
Read full articleUse dad jokes to get better at design
We can design better pages and screens if we use real data when creating our mockups. I released a Sketch-plugin that replaces texts with dad jokes.
Read full articleDesign with ugly data
Many mockups break when we replace their lorem ipsum with real data. By using imperfect images and texts in them, we can design more robust layouts.
Read full articleThe Inter typeface family
Variable fonts are about to fix some of the performance issues caused by adding many custom fonts to our sites.
Read full articleWrite like Hemingway
Writing is best when it is easily understood by readers. Everything I write goes through an extensive editing phase to improve its readability.
Read full articleDrawing sweet icons for you
I am often creating custom icons for my projects. Because many share a similar style, I will assemble them into a free icon pack.
Read full articleOn trends in design
Trends make defining a product’s visual appearance easier, but they also make it harder for you to stand out.
Read full article