Name: James Bateson
Type: User
Company: Code Computerlove
Bio: A Front End Designer from Manchester. With a passion for HTML, CSS, UX, accessibility, and performance.
Location: Manchester, UK
Blog: https://jamesbateson.co.uk/
James Bateson's Projects
The A11Y Project is a community-driven effort to make digital accessibility easier.
An interactive TypeScript tutorial for beginners
๐งฎGenerate basic CSS Grid code to make dynamic layouts!
Side project. Playing with Astro and some SVG bits to build a GBBO info site.
Soggy bottom.
Alison.
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
A collection of pure CSS grids for designing your new projects
A collection of bad practices in HTML found on real websites.
Workshop Materials for my Introduction to Vue.js Workshop
Find the answer to the most important question every Wednesday and Saturday. Is veggie man here?
Personal website of James Bateson. A Front End Designer from Manchester.
A less than regular personal walking blog. The first site I built using Eleventy and Tailwind CSS (quite an early version). Soon to be replaced by https://walks.jamesbateson.co.uk.
Find the answer to most important question every Wednesday and Saturday. Is veggie man here?
A tool for running Pa11y against URLs in bulk
Define a performance budget for a page, then run the built url against it. Created from Brad Frosts awesome codepen and article - https://codepen.io/bradfrost/pen/EPQVBp/ - https://bradfrost.com/blog/post/performance-budget-builder/
A Sass mixin that helps you compose media queries in an elegant way.
An instance of Zach Leatherman's Speedlify for me to keep track of performance metrics on my personal site and any relevant side projects.
A wake up and buy the domain type of idea. Technical task for my Code job interview โค๏ธ
The simple todo app that nobody asked for or needed. Built with Electron and Vue.
Materials for the Automated Accessibility Testing workshop
Materials for the Coding Accessible Interactions & Mechanics workshop
Materials for the Manual Accessibility Testing Workshop
Materials for the Semantic Markup with HTML & ARIA Workshop