Open redesign

by Michael Scharnagl

I wanted to update the design for this site for years but whenever I started, other projects came in the way. I have at least 10 unfinished designs which will never go live. That’s why I am starting an open redesign now.

Planned improvements (in random order)

  • Make it fast, then make it even fasterLoad JavaScript async – pretty happy with the performance now.
  • Improve Accessibility – Fixed labels for forms, Made svg logo accessible by adding a title attribute, changed heading structure, fixed bad contrast for code element – marking this as done is probably wrong as I am sure here and there is eg. an alt description not perfect but all the main things are fixed.
  • Add last updated at for technical articles
  • Service Worker integration – 13.11.2015 – Basic implementation is live: Code and article
  • Push notification integration with WordPress – 18.11.2015 – Initially I thought it might be a great idea to offer notifications every time I post a new article but that’s what RSS is for. You should only show notifications if it’s important and urgent which is not the case for a new post.
  • Responsive ImagesOn by default in all newer posts
  • Add to homescreen – 13.11.2015 – Code
  • Use em instead of px – 01.01.2016 – Commit
  • Add logo animation – 19.11.2015 – Commit
  • Add code highlighter as an enhancement – added prismjs (commit)

You can find the code of the WordPress Theme on Github. If you have any other ideas for improvements or found a bug feel free to open an issue.

I will write about some improvement along the way. If there is anything you would like to see integrated or anything you would like me to write about, let me know on twitter or write me an email.

Articles about it

Add Service Worker for WordPress
Syntax highlighting as an enhancement

Michael Scharnagl

Portrait Michael Scharnagl

Follow me: @justmarkup

Subscribe to RSS: /feed

A freelance front-end developer focusing on HTML5, CSS, progressive enhancement and web performance.