Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Courses

The Ultimate Guide to Slider Revolution
Learn how to use Slider Revolution in our comprehensive guide. With beginner to advanced lessons included, it's the only Slider Revolution tutorial you'll...
Kezz Bracey
6 Mar 2020
Web Design
2.4 hours
Advanced Typography Design in Figma
This course is the second in a two-part series on designing web typography using the Figma UI design tool. In the last course (Web Typography Basics in...
Kezz Bracey
24 Sep 2019
Web Design
2.1 hours
Web Typography Basics in Figma
In this course you’ll learn how to design web typography for a website using Figma. Throughout the coming lessons you’ll implement an extensive repertoire of...
Kezz Bracey
20 Aug 2019
Web Design
2.3 hours
Up and Running With OnlyOffice Presentations
OnlyOffice Presentations is a full-featured, powerful presentation creation application that gives you a massive degree of freedom in how you use it. It can...
Kezz Bracey
25 Jul 2019
Business
1.4 hours
Up and Running With PixiJS
PixiJS is a 2D graphics rendering JavaScript library that lets you create stunning visual effects in a flexible and performant manner, giving you new ways to...
Kezz Bracey
11 Jun 2019
Web Design
2.1 hours
Building Gutenberg Template Layouts Without JavaScript
In this course, we’ll go through a method of creating a custom Gutenberg block-driven layout in a WordPress theme, without using a single line of JavaScript....
Kezz Bracey
15 Apr 2019
Web Design
1.5 hours
Figma to HTML: Code Up a Single-Page Design
In this course, we’ll take a one-page design for a travel website in Figma and go through the process of converting it into HTML. In the process, we’ll...
Kezz Bracey
10 Apr 2019
Web Design
1.9 hours
Create a Themeable Site Design in Figma
Figma is a superb vector-based tool for interface design. As part of its suite of functionality it includes a “styles” system, whereby various colors,...
Kezz Bracey
11 Feb 2019
Web Design
1.4 hours
Customize a Template With VisBug
VisBug is a browser extension for Chrome that allows you to make point-and-click changes to the look of any website, all from within the browser. In this...
Kezz Bracey
23 Jan 2019
Web Design
58 minutes
VisBug Quick Start
Project VisBug is a new extension for Chrome (and soon Firefox) that allows you to make almost any change to a site’s visuals you need to, all within the...
Kezz Bracey
18 Jan 2019
Web Design
48 minutes
Responsive Design in Adobe XD
XD is Adobe’s contribution to the world of design mockup software. In Adobe XD, as with any concept design tool, it’s important to illustrate how your...
Kezz Bracey
5 Dec 2018
Web Design
1.5 hours
Using Figma for SVG Design
Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust...
Kezz Bracey
19 Nov 2018
Web Design
38 minutes
Up and Running With Variable Fonts
Variable fonts are the next big thing in web typography. They allow for more creativity and design freedom than web designers have ever had with type before....
Kezz Bracey
20 Jun 2018
Web Design
1.6 hours
Build a Classic Five-Page Website
The "five-page static website” is the bread and butter of web design. Even though it doesn’t have the ubiquitous presence online it once did, only if you are...
Kezz Bracey
6 Apr 2018
Web Design
2.2 hours
Optimize Your Website Without AMP
AMP is Google’s collection of plug-and-play code that helps optimize sites to load and run faster. It works, but its use is controversial, and there are many...
Kezz Bracey
15 Sep 2017
Web Design
1.7 hours
Linux for Web Design
Considering using Linux but not sure if it’s viable for web design? Well, happily the answer is “Yes”, and in this course you’ll learn why that’s the case. ...
Kezz Bracey
17 Aug 2017
Web Design
2.2 hours
Affinity Designer Quick Start
Affinity Designer is an amazing new app for Mac which is taking the design world by storm. Designers everywhere are reporting that they’re dropping their old...
Kezz Bracey
1 Jun 2017
Design & Illustration
2.7 hours
A Visual Guide to CSS Animation
It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In this course you’ll learn how to create CSS...
Kezz Bracey
17 Jan 2017
Web Design
49 minutes
WordPress Secure Setup Guide
WordPress is, generally speaking, a relatively easy system to install and have ready to work on in a short space of time. However, it’s also easy to...
Kezz Bracey
21 Sep 2016
Web Design
1.5 hours
Building Landing Pages With Craft CMS
In this course you’ll build on everything you learned in Up and Running With Craft CMS and develop a landing page from the ground up. You’ll be setting up...
Kezz Bracey
13 Sep 2016
Web Design
1.3 hours
Start Here: Learn CSS Colors and Backgrounds
In this installation of our “Start Here” series, you’re going to breathe some life into the site you’ve been creating by using CSS colors and backgrounds. ...
Kezz Bracey
7 Jul 2016
Web Design
38 minutes
Start Here: Learn CSS Layout
Now that you’ve learned the essentials of typography in the previous “Start Here” course, you’re ready to move on to the next fundamental element of web...
Kezz Bracey
17 Jun 2016
Web Design
60 minutes
Start Here: Learn CSS Typography
If you’re a budding web designer and you’re ready to learn CSS, then start here! If there’s one kind of styling which is arguably more important than any...
Kezz Bracey
24 May 2016
Web Design
1 hour
Start Here: Learn HTML Basics
The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it works,...
Kezz Bracey
6 May 2016
Web Design
48 minutes
The Complete Guide to CSS Positioning
CSS positioning is arguably the most fundamental skill in web design; it powers layouts and hence forms the foundation of everything inside those layouts....
Kezz Bracey
21 Apr 2016
Web Design
36 minutes
Affinity Photo Quick Tips
Affinity Photo has a lot of really cool little features that you might not spot right away. In this course, we'll take you through four top-notch tips that...
Kezz Bracey
22 Jan 2016
Video
7 minutes
Affinity Photo Live Filters and Inpainting
Two fantastic features in Affinity Photo are "Live Filter Layers" and the Inpainting tool. With "Live Filter Layers" you can apply any of several filters to...
Kezz Bracey
15 Jan 2016
Photo
11 minutes
Web App to Mac App With NW.js
If you're used to developing with web technologies, it's hard to go back to developing with OS-specific languages and APIs. What's worse, if you want to...
Kezz Bracey
13 Jan 2016
Code
22 minutes
WordPress Theme Creation With Underscores
Underscores starter theme, by the makers of WordPress themselves, is designed to give you a “1000 hour head start” on WordPress theme creation. This course...
Kezz Bracey
29 Jan 2015
Web Design
2.2 hours
Top-Speed HTML Development With Jade
If you’re not using Jade, you’re missing out on some of the fastest HTML you’ll ever write, as well as boilerplate templating methods that will slash your...
Kezz Bracey
10 Nov 2014
Web Design
2.3 hours
Become a CSS Superhero With Stylus
Stylus is one of the three leading CSS preprocessors that make CSS easier and more powerful than ever before, sharing the league with Sass and LESS. In...
Kezz Bracey
9 Sep 2014
Web Design
2.6 hours

Tutorials

39 Awesome Affinity Designer Textures, Assets, & Resources (Free & Premium!)
Dig into these 39 fantastic Affinity Designer assets for your next project. We'll also cover Affinity assets free to try and the best Affinity Designer...
Kezz Bracey
10 Jun 2025
Design & Illustration
How to Record Your Screen for Free With Open Broadcaster Software (OBS)
Learn how to install and set up Open Broadcaster Software for Linux, Mac and PC. In this OBS screen recording tutorial, we go through an abridged,...
Kezz Bracey
31 Jul 2024
Video
SVG Viewport and viewBox (For Complete Beginners)
In this quick tutorial we’re going to break down exactly what viewport and viewBox are in SVG.
Kezz Bracey
20 Jun 2024
Web Design
How to Get Best-Quality Screen Recording Video in OBS Studio
Learn how to configure your video and output parameters in Open Broadcaster Studio to suit screen recording. These are the OBS best recording settings.
Kezz Bracey
27 May 2024
Video
What is Figma?
Figma is an interface design application that runs in the browser–but it’s actually much more than that. I would go so far as to say it’s probably the best...
Kezz Bracey
2 Jan 2024
Web Design
A to Z of Affinity Designer: Tips, Tricks, and Hacks!
In this A to Z of Affinity Designer tutorial, I'm going to show you 26 of Affinity Designer's standout features, unique strengths, useful tools, and tips...
Kezz Bracey
24 Nov 2023
Design & Illustration
A to Z of Procreate: Tips, Tricks, and Hacks!
In this post we'll share Procreate tutorials for beginners, the top Procreate tricks, and many Procreate hacks so you can take advantage of this popular app.
Kezz Bracey
13 Nov 2023
Design & Illustration
How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
In this tutorial we’ll see what the srcset and sizes attributes can do, how to use them with an img or picture element, and how to know which combination is...
Kezz Bracey
27 Jun 2023
Web Design
How to Use the HTML “base” Tag
The base tag in HTML is a relatively little known element, but it enables you to do two things: set any URL you choose as the base for all relative URLs, and...
Kezz Bracey
3 May 2023
Web Design
How to Hand Code SVG
In this tutorial we’re going to cover all the fundamentals of coding SVGs by hand. You’ll learn how to hand code SVG through practice, creating six simple...
Kezz Bracey
21 Apr 2023
Web Design
Affinity Designer Quick Start Course
What is Affinity Designer? It's an award-winning graphics application with tons of uses! Learn how to use Affinity Designer in this quick start course.
Kezz Bracey
23 Dec 2022
Design & Illustration
How to Edit HTML in a WordPress Theme
In this tutorial you’ll learn how to edit HTML in WordPress so you can modify themes with whatever customizations you like. Let’s go!
Kezz Bracey
21 Nov 2021
Web Design