Web design

26 Aug 2026

Contrast checker

Check foreground and background color contrast ratios against WCAG 2.1 accessibility guidelines. Test combinations for AA and AAA standards to help ensure readable, accessible design.

02 Oct 2021

Transitioning from graphic design to UI/UX

Graphic Design to UI/UX: A Comprehensive Guide to Transitioning

23 Aug 2019

The ABCs of Design Systems

The A-Z guide for operating your design system team

11 Mar 2018

Gulp for beginners

Gulp is a tool that helps you out with several tasks when it comes to web development. It's often used to do front end tasks

31 Jan 2018

Bootstrap 4 Code Snippets

Some code snippets to showcase what Bootstrap 4 has to offer.

30 Jan 2018

Gutenberg

Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web.

27 Nov 2017

How to Find Your Perfect Color Pairings

The color choosing workflow of designer Tobias Van Schneider.

22 Nov 2017

Smashing Magazine redesign

The Smashing Magazine website has been redesigned. Totally worth to go take a look...

30 Aug 2017

Full Page Screenshots in Browsers

It can be quite useful to get a "full page" screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire web site even if it needs to be scrolled around to see all of it.

20 Aug 2017

Remote Starter Kit

Get off to a flying start as a remote team with these mighty-fine tools that are tried and tested by the Hanno team. We’ll help you to power your team’s virtual collaboration and happiness.

18 Aug 2017

CSS and JS code coverage in Google Chrome

Find unused CSS and JS code with the new Coverage tab. When you load or run a page, the tab tells you how much code was used, versus how much was loaded. You can reduce the size of your pages by only shipping the code that you need.

08 Aug 2017

JavaScript for People Who Hate JavaScript

Zach Holman writes about his long history with JavaScript

08 Jul 2017

Why Graphic Designers Should Learn UX Design

More than ever, it seems UX design is top of mind for many organizations. The importance of good UX design continues to transform the design industry.

04 Jul 2017

Time-Saving, and Free Tools for Web Designers for 2017

20 Jun 2017

What Does a Well-Documented CSS Codebase Look Like?

In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation.

02 Jun 2017

Best Practices for Website Header Design

Everyone knows: there is not the second chance to make the first impression. In the sphere of digital products, this eternal truth works in terms of high competition and incredible diversity. No doubt, some zones of the webpage or mobile screen are particularly important and effective in this aspect. Today we are going to discuss one of them in deeper focus: the header of the website.

20 Feb 2017