jimbateson
A Front End Designer from Manchester. With a passion for HTML, CSS, UX, accessibility, and performance.
Code ComputerloveManchester, UK
Pinned Repositories
a11yproject.com
The A11Y Project is a community-driven effort to make digital accessibility easier.
beginners-typescript-tutorial
An interactive TypeScript tutorial for beginners
cssgridgenerator
🧮Generate basic CSS Grid code to make dynamic layouts!
eleventy-starter
isveggiemanhere
Find the answer to the most important question every Wednesday and Saturday. Is veggie man here?
jamesbateson.co.uk
Personal website of James Bateson. A Front End Designer from Manchester.
jatalie-heights
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.
perf-budget
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/
speedlify
An instance of Zach Leatherman's Speedlify for me to keep track of performance metrics on my personal site and any relevant side projects.
today
The simple todo app that nobody asked for or needed. Built with Electron and Vue.
jimbateson's Repositories
jimbateson/jamesbateson.co.uk
Personal website of James Bateson. A Front End Designer from Manchester.
jimbateson/perf-budget
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/
jimbateson/today
The simple todo app that nobody asked for or needed. Built with Electron and Vue.
jimbateson/a11yproject.com
The A11Y Project is a community-driven effort to make digital accessibility easier.
jimbateson/beginners-typescript-tutorial
An interactive TypeScript tutorial for beginners
jimbateson/cssgridgenerator
🧮Generate basic CSS Grid code to make dynamic layouts!
jimbateson/eleventy-starter
jimbateson/isveggiemanhere
Find the answer to the most important question every Wednesday and Saturday. Is veggie man here?
jimbateson/jatalie-heights
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.
jimbateson/speedlify
An instance of Zach Leatherman's Speedlify for me to keep track of performance metrics on my personal site and any relevant side projects.
jimbateson/gbbo-2021
Side project. Playing with Astro and some SVG bits to build a GBBO info site.
jimbateson/gbbo-2022
Soggy bottom.
jimbateson/gbbo-2023
Alison.
jimbateson/govuk-frontend
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
jimbateson/graaf
A collection of pure CSS grids for designing your new projects
jimbateson/HTMHell
A collection of bad practices in HTML found on real websites.
jimbateson/intro-to-vue
Workshop Materials for my Introduction to Vue.js Workshop
jimbateson/jimbateson
jimbateson/jimbateson.github.io
Find the answer to most important question every Wednesday and Saturday. Is veggie man here?
jimbateson/nextjs-starter
jimbateson/pa11y-tool
A tool for running Pa11y against URLs in bulk
jimbateson/sass-mq
A Sass mixin that helps you compose media queries in an elegant way.
jimbateson/tim
A wake up and buy the domain type of idea. Technical task for my Code job interview ❤️
jimbateson/workshop-automated-a11y-testing
Materials for the Automated Accessibility Testing workshop
jimbateson/workshop-interactions-mechanics
Materials for the Coding Accessible Interactions & Mechanics workshop
jimbateson/workshop-manual-a11y-testing
Materials for the Manual Accessibility Testing Workshop
jimbateson/workshop-semantics-html-aria
Materials for the Semantic Markup with HTML & ARIA Workshop