This is a really intriguing book that combines design theory and programmingâlearn about contrast, colour, and shapes, with each lesson supported by code examples.
It’s still a work in progress but the whole thing is online for free. Yay for web books!
A plug-in for Sketch that allows you to simulate colour blindnesses and check colour contrasts.
I only just wrapped my head around the idea of variable fonts and now here’s colour fonts to really mess with my mind.
SmörgÄsbord Studio created a design system for the Welsh government, including the typeface Cymru Wales Sans from Colophon.
The accompanying video lists the design principles:
- Elevate our status
- Surprise & inspire
- Change perceptions
- Do good things
- Be unmistakably Wales
Kevin writes a plea on Ev’s blog for better contrast in web typography:
When you build a site and ignore what happens afterwardsâââwhen the values entered in code are translated into brightness and contrast depending on the settings of a physical screenâââyouâre avoiding the experience that you create. And when you design in perfect settings, with big, contrast-rich monitors, you blind yourself to users. To arbitrarily throw away contrast based on a fashion that âlooks good on my perfect screen in my perfectly lit officeâ is abdicating designersâ responsibilities to the very people for whom they are designing.
A handy Chrome extension to simulate different kinds of visual impairment.
A nice tool for choosing colour palettes that look good and are also accessible.
Here, have some colour palettes.
This is quite beautiful in its simplicity: the hexadecimal colour value of the current time.
A cute and fun way to put together a colour palette.
Gorgeous colour-processed images from NASA probes. I could stare at the fountains of Enceladus all day.
A really nice site dedicated entirely to making the web a better place for the colourblind.
Samantha put together this handy one-page site to explain Style Tiles as part of her South by Southwest presentation.
Hexadecimal colours and their corresponding dictionary definitions. Cute.
A very useful tip for creating cohesive colour palettes.
A cute little tool to help refine colour palettes.
A lovely idea, nicely implemented: time-conditional CSS.
A handy tool for generating colour palettes from images.
The wonderfully detailed analysis of a colour questionnaire.
A very nice colour picker from the brilliant Dmitry Baranovskiy.