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.

Courses

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

Figma General and Miscellaneous Tips
To wrap up our series of Figma tips and tricks, here are three quick tips which fall into the “miscellaneous” category.
Kezz Bracey
10 Dec 2018
Web Design
Figma Handoff and Testing Tips
Smooth collaboration with developers is a huge part of what Figma offers designers, so in this collection of tips and tricks we’ll be looking at handoff and...
Kezz Bracey
29 Nov 2018
Web Design
Figma Layout Tips
When working with layouts in Figma (which will be often) you’ll need to be comfortable with resizing, measurements, spacing, alignment, and masking. Here are...
Kezz Bracey
28 Nov 2018
Web Design
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
26 Nov 2018
Web Design
Figma Component Tips
Figma allows us to design with components; repeatable objects which behave according to sets of rules which we define. Let’s run through some tips and tricks...
Kezz Bracey
21 Nov 2018
Web Design
Figma Vector Tips
Vectors are an important part of any UI or prototyping design application, and Figma has its own powerful set of vector tools. Here are some quick tips and...
Kezz Bracey
19 Nov 2018
Web Design
Figma Image Tips
Figma offers a range of shortcuts and controls for importing images, placing them on the canvas, and modifying them once they’re in position. Let’s take a look!
Kezz Bracey
14 Nov 2018
Web Design
Figma Properties Tips
Objects in Figma can have a range of properties applied to them. In this part of our Figma tips and tricks series we’ll look at ways to work with properties,...
Kezz Bracey
12 Nov 2018
Web Design
Figma Project, Page & Artboard Tips
Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work with Figma projects, pages, and artboards.
Kezz Bracey
7 Nov 2018
Web Design
Figma Frame Tips
Frames allow you to combine layers together under a single parent. Unlike groups, frames in Figma have explicitly set dimensions (much like an HTML iframe)....
Kezz Bracey
5 Nov 2018
Web Design
Figma On Canvas Tips
Welcome to more Figma tips and tricks! This time we’ll be looking at five things to help you when you’re working directly on Figma’s canvas.
Kezz Bracey
1 Nov 2018
Web Design
Figma Layer Stacking Tips
In this episode of our series on Figma tips and tricks we’ll look at ways to speed up your layer stacking. Let’s dive in!
Kezz Bracey
30 Oct 2018
Web Design