Coding fonts

Screenshot of Source Code Pro on Coding Fonts

Coding Fonts is a fabulous resource from CSS Tricks for selecting alternative fonts for your code editor.

While a few of the fonts are commercial, many are open source and/or free.

In Sublime Text 3, changing the font is as simple as downloading and installing the font then opening Preferences > Settings then adding the following line of code to the right-hand pane (within the file ‘Preferences.sublime-settings — User’):

"font_face": "NAME_OF_FONT",

Save the file and the font updates instantly.

Sorted CSS colours

Sometimes it’s the simplest ideas, right?

Those that know me from a web development perspective know how much I love CSS. Here’s another simple tool to add to my design toolbox.

Sorted CSS Colors [sic] by Mustafa Enes Ertarhanacı is an elegant tool to sort the named CSS colours in a way that shows related colours together. And that’s it.

Continue reading Sorted CSS colours

Transcending CSS Revisited

One of the most influential books I ever read about web development was Jeffrey Zeldman’s ‘blue beanie book’ Designing with Web Standards (2003). It truly changed the way I thought about and practiced web development.

Designing with Web Standards (Voices That Matter): Amazon.co.uk ...

The other book that influenced me a great deal was Andy Clarke’s Transcending CSS (2006)

The great news is that Andy Clarke has made the his updated version Transcending CSS Revisited: The Fine Art of Web Design available online to read for free. Or you can buy a PDF version for offline reading.

SEC digital calendar website is now mobile first

How the new SEC digital calendar website looks on a Google Pixel 2XL smartphone

This week I launched a mobile-first redesign of my SEC digital calendar website which is a resource for the Scottish Episcopal Church to enable anyone to integrate this year’s church calendar and lectionary with their digital calendar (e.g. Google Calendar).

Continue reading SEC digital calendar website is now mobile first