Robot in a circle with crimson background
James McGrath
Front End Architect
  • Posts
  • Snippets
  • About
  • Contact
  • Archive
  • Categories
  • Tags
LinkedIn icon GitHub icon Twitter icon RSS icon

James McGrath

Archive
2025
  • 26 Jul CSS only responsive typorgraphy
  • 19 Jul Thoughts on writing PRDs and SRSs with AI assistance
  • 16 Jul Focus Styling: From :focus to :focus-visible
  • 27 Jun Alert Types: Notes for Better UX, Decision-Making and Accessibility
  • 26 Jun Give your Ai assistant a map of your project
  • 23 Jun Vibe Coding an Alt Text Generator
2023
  • 02 Oct Array of elements from Svelte each block
  • 25 Sep How to calculate vw and vh
  • 13 Sep Hidden until found
  • 28 Aug Scaling SVG clip paths.
2022
  • 24 Apr Fly in animation on scroll with CSS and JavaScript
2021
  • 24 Jul How to add multiple pagination to swiper.js
  • 02 Jul Switch to user preferred color scheme in Nuxt and Vuetify
  • 22 Mar Positioning the underline in text with CSS
  • 09 Mar Reusing pages in different routes in Nuxt
  • 08 Feb How I got my hosting costs to $0
2020
  • 17 May Find an item in an array of objects
  • 18 Apr Convert an accessible hamburger button to vue
  • 09 Feb Prepend and Append to v-html in vue.js
  • 02 Feb Changing pseudo elements with CSS Custom Properties
  • 27 Jan Running JS from a string without eval
2019
  • 04 Nov Persistent Font Resizer with vanilla JS
  • 28 Sep Single div flags