Kezz Bracey - Envato Tuts+ Profile

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.

kezzbracey.com/

Courses

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
Design & Illustration
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
Adobe XD to Code With Avocode 3
When you’re taking a design and turning it into a fully coded website, working with the same software that was used to create that design in the first place...
Kezz Bracey
6 Sep 2018
Web Design
2.4 hours
Code-Friendly Design With Adobe XD
When you’re creating a design intended to be handed off to a developer, it’s important that you understand some key factors so that your design translates...
Kezz Bracey
30 Aug 2018
Web Design
2.5 hours
Simple Service Workers for Offline Web Pages
The awesome Service Worker API gives you a way to create fallbacks for your web pages so that when your visitors lose their connection, either while going...
Kezz Bracey
23 Jul 2018
Web Design
43 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 One-Page Website With Froont (No Coding Required!)
In this course you’ll be guided through building a one-page website from scratch, without writing a single line of code. This is made possible through...
Kezz Bracey
15 May 2018
Web Design
1.4 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
WordPress Themes: Things to Check Before You Buy
So you’ve found a beautiful WordPress theme. It has a fantastic style, and it seems just right for your project. But how do you know if it’s just as good...
Kezz Bracey
1 Mar 2018
Web Design
1.5 hours
Switching From Font Icons to SVG
Using SVG to handle the icons in your website designs can provide a number of advantages over using icon fonts. In this course, you'll learn what those...
Kezz Bracey
26 Jan 2018
Web Design
38 minutes
5 SVG Text Projects for Web Designers
SVG has brought some versatile methods into the mix that allow you to create text styles previously only possible within a dedicated graphics application. In...
Kezz Bracey
22 Jan 2018
Web Design
1.6 hours
How to Use a Custom Campaign Monitor Template
Campaign Monitor and Envato Elements combine perfectly to help you create customized email campaigns. In this Coffee Break Course, you’ll learn how to take a...
Kezz Bracey
16 Jan 2018
Web Design
22 minutes
Branding on a Budget With Elements and Affinity
In this course we'll take you through the entire process of creating a print and web branding package for a new business. And the best part is that we'll be...
Kezz Bracey
18 Dec 2017
Design & Illustration
2.2 hours
Gravit Designer Quick Start
Gravit Designer is a completely free vector design application. It’s available in the browser as well as on Linux, Mac, ChromeOS and Windows, making it...
Kezz Bracey
17 Nov 2017
Design & Illustration
2.1 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
10 CSS3 Projects: UI and Layout
In this course you’ll be creating ten UI and layout projects that will help you learn some of the awesome new design techniques that CSS3 brings to the...
Kezz Bracey
19 Jul 2017
Web Design
3.5 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
Web Design
2.7 hours
A Visual Guide to “em” and “rem” Units
em and rem are flexible, scalable units of measurement that give you a specific set of benefits when used to size your layouts and typography. Making...
Kezz Bracey
9 May 2017
Web Design
59 minutes
Up and Running With Grav CMS
Grav is a flat-file CMS, meaning you get a fast, sophisticated and flexible CMS without ever having to worry about databases. There are no complicated...
Kezz Bracey
3 Mar 2017
Web Design
1.5 hours
Up and Running With AMP
The Accelerated Mobile Pages (AMP) Project is a plug-and-play package of website optimization techniques created by Google to help speed up the web. In this...
Kezz Bracey
9 Feb 2017
Web Design
1 hour
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
Grids and Layout Tricks With “postcss-ant”
In this course you’ll to learn how to use one of the most powerful, yet clean and bloat-free grid systems currently available: postcss-ant. It was created by...
Kezz Bracey
16 Dec 2016
Web Design
1.2 hours
Build a Blog With Craft CMS
In our two previous courses, Up and Running With Craft CMS and Building Landing Pages With Craft CMS, we created a solid foundation on the essentials of...
Kezz Bracey
9 Nov 2016
Web Design
1.6 hours
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
Up and Running With Craft CMS
Craft CMS is a system which is rapidly becoming the “go to” for web professionals. With it, you can create robust, flexible and customizable websites that...
Kezz Bracey
1 Sep 2016
Web Design
46 minutes
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
Create a Foundation for Apps Controller Using AngularJS
Foundation for Apps was created by Zurb to provide the same head start for web app design that their incredibly popular Foundation Framework already offers...
Kezz Bracey
25 Apr 2016
Code
1.1 hours
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
Bolt CMS Theme Development
In this course you’ll learn how to create a theme for the increasingly popular Bolt CMS. You’ll be taking some provided CSS and JS and using the versatile...
Kezz Bracey
7 Mar 2016
Web Design
1.8 hours
Affinity Photo With Photoshop Workflows
If you're making the switch to Affinity Photo but you still need to work with Photoshop as well, there is plenty of scope to do so. Through a high-quality...
Kezz Bracey
29 Jan 2016
Photo & Video
14 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
Photo & 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 & Video
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
Affinity Photo Personas
Affinity Photo brings with it a standout concept in the world of design software: "Personas". With personas you can effectively switch Affinity Photo from...
Kezz Bracey
8 Jan 2016
Photo & Video
15 minutes
Ghost Theme Development: Beyond the Basics
Since its release, Ghost has been steadily adding to its toolkit of functionality theme developers can dip into. In this course, you’ll learn how to leverage...
Kezz Bracey
7 Oct 2015
Web Design
32 minutes
10 CSS3 Projects: Branding and Presentation
In this course you’ll be using CSS3 to complete ten branding and presentation projects, from a personal business card to a PowerPoint-style presentation....
Kezz Bracey
5 Jun 2015
Web Design
2.6 hours
Up and Running With Foundation for Apps
In this course you’ll learn all the essentials of working with Zurb’s “Foundation for Apps” framework. Along the way we’ll build a complete interface for a...
Kezz Bracey
31 Mar 2015
Web Design
2.6 hours
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
Responsive Web Design Revisited
In this course you’ll get up to speed with the very latest in Responsive Web Design. First you’ll learn what “responsive” really means today, and how a new...
Kezz Bracey
15 Dec 2014
Web Design
2.3 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
Bombproof Web Design
Are your websites bombproof? Today’s Internet is a minefield of technology mixing and matching, where a single website can be viewed in hundreds of...
Kezz Bracey
1 Sep 2014
Web Design
2.6 hours

Tutorials

Alternatives to Google Tools for Web Designers
We’ll be going through some of the Google products, services and tools used in web design, talking about why alternatives can be of benefit in each case, and...
Kezz Bracey
6 Nov 2019
Web Design
Top 5 Figma Plugins for Color Management
In this post I’m going to take you through what I think are the top 5 color management plugins for Figma.
Kezz Bracey
30 Sep 2019
Web Design
Firefox vs. Firefox Developer Edition: What’s the Difference?
In this quick tip I’ll explain the differences between regular Firefox and Firefox Developer Edition. I’ll show you where you can download it and cover the...
Kezz Bracey
24 Sep 2019
Web Design
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 or element, and how to know which combination is the right...
Kezz Bracey
19 Sep 2019
Web Design
Set Up a Secure, Performant WooCommerce Site With Kinsta
Kinsta is a managed WordPress hosting provider, and in this tutorial we’ll see how to use their tools to set up a secure, performant store, based on the...
Kezz Bracey
21 Aug 2019
Web Design
Animate an Icon With SVGator, Figma and Envato Elements
In this tutorial we’ll be taking an SVG based icon from Envato Elements, doing some preparatory modifications in Figma, then animating it using SVGator....
Kezz Bracey
15 Jul 2019
Web Design
Find Out Why Your CSS Isn’t Working! New Firefox DevTools Features
In this article you’ll see how to use two new features available now in Firefox Nightly DevTools to help you find out what’s wrong with your CSS.
Kezz Bracey
26 Jun 2019
Web Design
WordPress Gutenberg Editor: Quick Start Tutorial
In this tutorial I’m going to give you a quick start for working with the WordPress Gutenberg editor.
Kezz Bracey
4 Apr 2019
Web Design
Create an Animated SVG Logo for International Women’s Day 2019
To mark International Women's Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag...
Kezz Bracey
8 Mar 2019
Web Design
14 Firefox Developer Tools You Might Not Know About
In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools.
Kezz Bracey
1 Mar 2019
Web Design
Which of Figma’s Pricing Tiers is Right for You?
Figma is a free-to-use design application, but it also offers added features for paying subscribers. Let’s take a look at the differences between Figma’s...
Kezz Bracey
25 Feb 2019
Web Design
How to Use Animated Scene Transitions in Open Broadcaster (OBS)
In this tutorial, learn the finer points on switching between scenes in Open Broadcaster, including setting up transition effects, working in studio mode,...
Kezz Bracey
29 Jan 2019
Photo & Video