jimbateson / jamesbateson.co.uk Goto Github PK

Now I'm using my brand yellow quite prominently, I'm a little concered that it could cause cognitive accessibility issues due to it's 'warning' connotations.

Look at adding a 'calm' colour toggle like the one here: https://www.autism.org.uk/

This means that when trying to show code using {{ something }} it does not show when I publish the article!

I like the style of Smashing Magazines 🐱

I've now been lucky enough to give a few small public talks. It might be nice to feature these on my homepage. Could just have images and then maybe link to videos if I have them.

I think it's about time for a bit of a redesign of this site. A chance to do a few things:

• Put into practice some of skills I've developed during my first year at Code
• Refresh the design of the site a little (been over a year now I think)
• Explore some of the advancements Netlify have made since I last updated the site
• Chance to practice some design skills thinking about accessibility (usability) and inclusivity
• Look at changing my stack up
• Take a look through the backlog of issues and action any that are still relevant

https://catalin.red/svg-favicon-light-dark-theme/

Investigate quite a noticeable FOUT

Added some bodge hotfixes but still not perfect. In particular check light/dark mode and code samples.

Using the Netlify Subfont plugin has greatly reduced the size of the font files, and added a nicer font loading strategy. However, for some reason all the fonts are loaded twice, meaning quite a few more requests than are needed.

As I'm not back running more often and using Strava, I'd like to bring some of that data to my site. I was thinking the following:

• Lastest run details
• Total distance for week/year
• Total time for the year
• Total elevation for the year

This seems to take a few seconds to load in at time.

No big issue, but there are some newer asset prioritisation techniques since I last looking at this, so could maybe be improved a touch.

a) not sure this is needed b) is it a bit presumptive c) am I overthinking this?

• HTML email modules
• Accessibility statements
• Learnings from an accessibility audit
• AAA conference
• Accessibile tab pattern learnings
• Doing some speaking
• Life/goal updates

Some are using headings, some just a strong element (not semantic). I need to normalise this.

Kind of related to #480

Appears to have gone rogue and a small vertical overflow shows on hover.

Would be nice to have a little useful links summary section at the bottom of relevant article/journey items. Could add these in the CMS and then just not render the section if none added.

Use browserframe.com

Should be pulling two example journal posts

Would like a nice sharing card when sharing an article/link to my site etc.

I've written a few article for the Code blog and one for the HTMHell advent calendar. Would be nice to have these featured on my homepage.

I find the current one I use a bit stale, and it's frustrating setting it each time.

Found this nice looking plugin with minimal dependencies - https://github.com/manustays/eleventy-plugin-generate-social-images

Speedlify build no longer seems to be happening! Something must have changed in the setup.

These should sit inline, however, they are dropping onto the next line

Currently doesn't wrap and overflows with no scroll

My Nelify CMs workflow is great and works well for me. However, it can be quite slow and I've also recently been made aware that it's quite inaccessible (my bad for not testing/realising this). So maybe it's time to look at an alternative.

Having recently added a small Today writeup, it's become clear that these pages need a more generic structure and purpose. Started to feel confused between tutorial and showcasing. These pages should be more about showing the project off, screenshots, etc.

Incorrect font-family names and the spacing elements look strange in dark mode

Is it too bland?!

Prevent the jump in page size they cause

I was originally using a Netlify build plugin for this, however, it now seems to be causing build errors. So digging into a manual approach would be nice.

On my Mac (Firefox Nightly) there seems to be an issue with the Service Worker loading the fonts when they are on the Netlify servers. The fallback fonts (mainly the serif headings) don't look great, so add something like Georgia as a fallback for headings.