This is a longer description about your blog.
Responsive design is not a new concept on the web. For many years we have utilised media queries to adapt web pages across screen sizes and devices. Yet, in true engineer fashion, most people took a very systematic approach to this. Standardised breakpoints The most common of these is to pick 3-4 common device sizes to focus on and create a set of consistent breakpoints. These are usually named…
It has been a long while since I posted anything to this blog! Recently I've put some time into it, cleaned up the cob-webs and updated the design. Now I just need some juicy content, and first up is CSS! CSS has come such a long way in the last couple of years and is still evolving. It can take new features a while to get integrated into new browsers though. So you have to wait for them to have…
Firstly I’d like to say a big hello and welcome back! I know it’s been a while but I’m back with a new design, which I really love as well as a new tech stack behind the scenes which I’d like to tell you a little more about. Some background Before we dive in though, a little background. The previous version of this website was built with Gatsby.js which is pretty awesome and I'm glad I took the…
Sometimes all you need is a simple web page. You might be creating a prototype or throwing together a landing page to gauge interest for a new product. Setting up environments and builds can take up unnecessary time when you can just use any text editor to write a simple HTML & CSS web page and run it straight in the browser! However, if that page needs a gallery you usually end up finding a…
Technology is always changing and evolving and the same goes for programming and web development. I feel like almost every week I find out about a new framework, library or API that can be used to make your websites and apps a little more powerful and easier to build. I think everyone has a handful of go-to tools that you refer to every time you start a new project but it’s important to keep…
Do you like colouring books? Are you getting a little bored and running out of things to do at home? Well, I have created some digital colouring pages that you can colour with code. There is a lot going on in the world right now so I wanted to share something lighthearted and fun. Something everyone can take part in and share with their friends and family online. The concept came to me last year…
Recently I’ve been working a lot with Storybook as we are using it to document our evolving design system at work. If you haven’t heard of Storybook before, it’s a tool that lets you easily create and document UI components. It started out solely focused on React but they have added support for many other frameworks including Angular and Vue as well as just plain HTML. When we first adopted react…
CSS is my favourite language. That statement can be seen as quite controversial but it’s been true ever since I started web development. I think it’s very powerful and important but can sometimes be overlooked. Because of my love for CSS, I often find myself trying to create CSS versions of things. So I thought I would share a way to create CSS spinner animations. A lot of the time loading…
The STEM learning organisation in the UK is the largest provider of education and careers support in science, technology, engineering and mathematics (STEM). The organisation allows people who work in those fields to become STEM ambassadors and offer training and resources so that you can help introduce young people to STEM subjects and get them inspired for their future career. It’s run on a…
I’m a big fan of an origin story. Reading about how a person started their career or how a product went from idea to reality is really inspiring to me, so I thought I should make my first post on this blog about my origin story and how I ended up here. When I was younger I would always be changing my mind on what I wanted to be when I grew up, as I think most kids do. The one thing I knew for sure…