Tag: Kezz Bracey

Performance Tip: Use the Media Attribute for Faster Page Load Times

Sometimes web performance optimization takes a lot of work, and sometimes performance can be improved in just a moment. Adding the media attribute to conditional CSS files is an easy and quick way to speed up web page load times. TL;DR In short, if you add the media attribute to the <link> tag that calls… Continue reading Performance Tip: Use the Media Attribute for Faster Page Load Times

New Course: Figma to HTML

What You’ll Be Creating If you haven’t yet got to grips with the Figma interface design application, now’s your chance. In our new course, Figma to HTML: Code Up a Single-Page Design, you’ll master Figma by going through the process of converting a Figma website design to HTML.   What You’ll Learn In this course, Kezz… Continue reading New Course: Figma to HTML

Create a Themeable Site Design in Figma

If you want to create a flexible website design that you can easily convert into multiple themes, then try our new course, Create a Themeable Site Design in Figma. What You’ll Learn Figma is a superb vector-based tool for interface design. As part of its suite of functionality it includes a “styles” system, whereby various… Continue reading Create a Themeable Site Design in Figma

How to Customize Bootstrap’s Sass Files With Grunt

Today, we’ll learn how to customize Bootstrap 4’s Sass files with Grunt.  Instead of Grunt, we could just as easily use another task runner like Gulp, webpack, or npm scripts. Regardless of the build tool the process of customizing Bootstrap’s source Sass files will be the same. Note: This tutorial assumes you have some familiarity with Bootstrap 4, Sass, and build tools.… Continue reading How to Customize Bootstrap’s Sass Files With Grunt

Responsive Design in Adobe XD

When you’re showing your client a web design mockup, they’re going to want to see how it looks on different devices. Learn how to create a fully responsive mockup in our new course, Responsive Design in Adobe XD. Screenshot from Responsive Design in Adobe XD What You’ll Learn XD is Adobe’s contribution to the world… Continue reading Responsive Design in Adobe XD

10 Remedial Design Pointers for Developers

Here’s a situation which may be familiar to you: you’re a developer and you build a prototype to demonstrate something. It works just as you mean it to, but the looks of horror on your users’ faces tell you something is wrong–your demo looks like crap. Let’s look some simple guidelines and tips to help… Continue reading 10 Remedial Design Pointers for Developers

Learn the Basics of HTML in Our New Course

Do you need to learn HTML from the ground up? If so, our new course, Start Here: Learn HTML Basics, is perfect for you. What You’ll Learn 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… Continue reading Learn the Basics of HTML in Our New Course

New Course: The Complete Guide to CSS Positioning

If you want to get a comprehensive but concise overview of CSS positioning, our new course is for you.  The Complete Guide to CSS Positioning consists of just eight video lessons totalling less than an hour of viewing time, but by the time you’ve finished it, you’ll have a firm grasp of the essential principles you… Continue reading New Course: The Complete Guide to CSS Positioning