How to use before and after elements for styling, and nth child selectors.

Customising your own social media icons - but are these amendments legal?

"Responsive, A11Y, dependency-free. Tiny (~3KB). Easy integration with React, Angular and Vue."

During my latest cleanout, I've come across the notebook I took to Braga 4 years ago. Find out what is inside...

What to do when your Javascript works beautifully in Chrome, but is ignored by Internet Explorer.

How to convert a bitmap image to a vector graphic, compatible with the 3D modelling software Tinkercad.

How I recovered my old blog from the Wayback Machine, and how it has evolved over the years.

Summary of Amazon's free training day, covering the technical essentials required to use their Web Services.

A free training course giving an overview of Amazon Web Services in 6 hours.

A super effective way to increase your fluency in Chinese.

A quick overview of how I added links to my social media pages in the footer of this blog.

Using some beautiful Google font pairings by Lou Levit for inspiration.

A tiny little guide to explain how to add a favicon to the Sanity/Gatsby blog.

A little collection of FREE educational tools for kids during lockdown.

Following up on the last post about styling lists for web - how to get lovely looking bullets consistently in email!

How to add custom bullet points to your lists with CSS, including coloured ticks, arrows or icons.

Creating and submitting a form to Hubspot with multiple stages.

How to add YouTube video embed functionality to portable text component in a gatsby site.

A selection of free resources for anyone looking to teach themselves to code.

An early Christmas present to myself - an iPad Air, Apple pencil and Procreate.

How I went about adding code blocks to existing portable text blocks on this sanity/gatsby site.

An update on a few design changes implemented on this blog - along with a list of "to do's" for the near future!

The first update to the template blog - adding pages that displayed blog posts by category tag.

It's so nice to have just one version of an image, and just let Sanity.io handle the rest.

Less of a hassle when you're out and about and want to fix something quickly.

Structured content as fuel for creative exploration of new technology.

Portable Text is a structured content approach to rich text with some pretty nifty capabilities.

Congratulations to me! I now have a blog powered by Gridsome and Sanity.io.

A little positive post about our access to tools for learning, and how to turn lockdown into an opportunity for growth.

Introducing myself, a Creative Developer at Pure360. Playing a crucial part within the Professional Services department...

Learn how to setup a super simple blog using GitHub and Vercel to deploy.

This post came with the template, but it's super useful to leave up. Learn how to add new posts and tweak the theme to your liking.

Get some inspiration in your inbox! For everyone in the digital and design industries.

A little about my time at MirrorConf2017, in the beautiful Braga, Portugal.

Announcing my degree results and an overview of the awards I received!

Using Phaser to create a finished, playable game based on the previous storyboards.

A quick visual plan of the gameplay of my simple tile game.

An overview of the conference and speakers from this amazing event.

Creating a social media buzz surrounding the new project.

Initial survey for my new allotment planner project.

Evaluating the launch of the new website, after it has been live for 4 weeks.

Project proposal, outlining what I intend to achieve, the physical and learning outcomes and my measures of success.

Selecting a new project for my degree's final major assessment.

An overview of talks and speakers at this very special event.

A summary of all the work completed on this project so far, and a plan for the site launch.

Storyboarding a film concept, and the finished video.

Anita Gunn's School of Dance website is now live!

Scoping and proposal for BOSH run's new website.

Overview of project, feedback from client and renewed competitor analysis.

Conducting a navigation stress test on the website prototype.

Favicons, contact form functionality, domains and multi-device testing.

Providing parental consent forms and instructions for updates.

How I used Google Map Maker to embed a map on the client's website.

Introduction to Skeleton CSS, and it's benefits for a quick and easy responsive layout.

A few examples of some stand-out digital portfolios, from people in the tech industry.

Using Adobe InDesign to create an interactive CV.

Using a mood board to create designs for the group showcase.

Setting the next project - an animated group showcase!

A summary of the event held for Brighton women in tech.

Sorting the content of the site into a logical structure.

Quick WordPress plugins for an easy portfolio website.

A quick reference guide to social media image dimensions in 2015.

Why does everyone see colour slightly differently, and why should I care as a designer?

The importance of colour in this project, to convey movement, fun and elegance.

What can I gain from mapping my target audience, creating a persona and a scenario?

Setting out the main goals of the project and an evaluation of main competitors.

Defining the scope of the project, tasks required and a project timeline.

Don't you want to know what this article says?

When users are faced with the tasks they want to achieve, is it clear where they need to go to complete this?

Evaluating the project based on feedback, and a summary of how it went.

How to convey a sense of clarity through web design.

Using a wireframe to create a simple, clickable prototype for testing.

Beginning the visual and prototyping phase of the project.

Techniques to help define the Information Architecture of a project.

A summary of project requirements, based on the MoSCoW method.

Next steps of the project using Microsoft Visio.

How I used these methods to learn about my target audience and focus my goals.

A review of the data collected from my cultural probe.

Expert analysis using HCI principles, heuristics, and user-centered design.

An overview of the items included in my cultural probe.

Initial meeting with client and concept development.

How to collect only beneficial data.

Understanding the ethos of the company is vital...

4 things to consider before you share an article online.

A short overview of the processes and techniques I've learned during this project.

Prototyping the vest and app from last weeks idea generation.

A free app for experimenting with colours and choosing colour schemes.

Three examples of infographic CVs and how to create your own.

Using a variety of techniques to get the best creative ideas.

A short video and summary of the role of the application layer in the OSI model.

The beginning of a new project, with research and initial ideas generation.

Gathering useful feedback on my location-based game.

A collection of helpful blog posts, tutorials and code that can help you create an online portfolio.

Putting together the narrative game, and getting to grips with ARIS.

Character design and storyboarding for my narrative game.

The advantages and disadvantages of scripting languages in 1 minute.

A short, animated video on the topic of Operating Systems.

First-look location research, and investigating the game layer...

The beginning of a new project: a location based game for children.

Pages worth staying on Facebook for...

How is technology is portrayed in Hollywood and how accurate is it?

Developing different designs from the same storyboard and the same initial ideas.

Really awesome, completely unnecessary and very playful...

Expanding on last week's Creative Design Lab.

I took inspiration from existing material aimed at children.

Embrace the seemingly irrelevant.

How technology has made this impossible beauty available to everyone.

Learning techniques to work creatively is invaluable.

Are you loyal to one brand in particular?

This app receives a thumbs up from me!

My first thoughts after a week using my new Fitness Tracker.

It’s not. I’m going to start off by saying it most definitely isn’t free.

Theme Park starts off just as fun as I remember, but does it match up to it's 1994 original?

It shouldn’t be great, but it is.

It’s always handy to have access to information on your phone, and finally Blackboard are catching up!

Everybody loves Lego... and now it's in the digital world too!

Instantly addictive and weirdly therapeutic...

What apps do you keep on your home screen? What is your favourite?

Try it, or don’t, but I can’t be held responsible for any time lost by downloading this app.

Generate your own personalised avatar quickly and easily with this app!

Where in the world are people tweeting f***?

The war between high-street and online rages on, but which side will you choose?

A fantastic idea for an app, but the reality of it leaves a lot to be desired.

Would you be happy about this data being collected?

Can technology reduce the amount of time we spend waiting on the phone?

Why has Wikipedia and other social media been in the news lately?

An eye-opening short film about the place readily available technology is having on our lives. And maybe a short rant, by me.

My new MacBook Pro 2013 is definitely an investment...

First post - the start of a new thing! Why am I creating this blog and what will it contain?