Kezz Bracey
Hi there. I specialize in web-design and development and have been self-employed in the web sphere for the better part of a decade. My focus over the last few years has been designing themes and plugins for WordPress and I now also theme for the Ghost blogging platform. If you can build it with web technologies, I love it.
Tutorials
  • Web Design
    How to Add Branded Branch Locations to Google MapsMap thumb
    338 shares
    In this tutorial we'll walk through the process of creating a branded Google map for an imaginary client.Read More…
  • Web Design
    How to Export Photoshop Assets For the Web With PNGHatPnghat thumb
    88 shares
    The recently released "PNGHat" plugin for Photoshop, made by Source, creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for.Read More…
  • Web Design
    Quick Tip: Solving the Equal Height Column ConundrumFloat columns
    451 shares
    There's one familiar problem in web design which has been around ever since we moved from the days of table-based design into the CSS era, and that is: "How can I have 100% height backgrounds in my flexible multi-column layout?". Today, we'll look at some solutions.Read More…
  • Web Design
    A “Readability First” Approach to Media Queries and LayoutReadability first thumb
    319 shares
    In this article I'll be talking about a methodology that is a mixture of many approaches to Responsive Web Design, with a few extras stirred in. It's both "Content First" and "Device Agnostic", and was originally inspired by the typography focused em based "Goldilocks Approach". I like to think of it as a "Readability First" approach.Read More…
  • Web Design
    Five Useful Things You Can Do With Adobe Reflow Right NowReflow thumb
    350 shares
    Whether or not Adobe Reflow ever becomes a fully functional website creation tool, there are some really useful things you can do with it right now, and we're going to cover five of them.Read More…
  • Web Design
    Why I Choose Stylus (And You Should Too)Stylus thumb
    313 shares
    The world of front end web development has been steadily increasing its uptake of what we call "CSS Preprocessors", which extend the functionality of regular CSS. Arguably the two most well known, with the greatest user base, are LESS and Sass/SCSS. However there is a third preprocessor that hasn't received quite as much attention, and that's Stylus.Read More…
  • Web Design
    A Simple Mixin Alternative to Standard CSS GridsMixin grid retina
    155 shares
    Over the past few years CSS grid systems have become a very popular way of rapidly producing layout scaffolding in web design. They can be a fantastic time-saving resource, with talented coders having intelligently crafted systems which cater to a wide array of possible layouts designers might need to create. However, this isn't the only way to approach grid-based web layouts, and today we're going to examine an alternative.Read More…
  • Web Design
    The Truth About Multiple H1 Tags in the HTML5 EraH1 thumb
    762 shares
    Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?"Read More…
  • Web Design
    Uber Aesthetics and ResponsivenessGhost rwd retina
    8 shares
    Welcome to the final part of our Ghost theme design tutorial series! In the previous two parts of this series we worked on the first half of styling our theme and laid the groundwork for responsive behavior. This fifth and final part finalizes our styling and completes the task of making our theme fully responsive.Read More…
  • Web Design
    Defining Our Ghost Theme's Color and Basic LayoutGhost color retina
    11 shares
    Moving swiftly along with the styling of our Ghost theme, this tutorial sets out some width settings, the color and some basic layout adjustments.Read More…
  • Web Design
    Styling Our Ghost Theme With LESSGhost less retina
    21 shares
    Welcome to the fourth part of our Ghost theme design tutorial series. In the introductory tutorial, you learned that there are two stages to designing a theme. During the instalments therefater we began and completed what we've referred to as "the first stage" of creating your theme's templates. This fourth part of our series takes us into the next stage of theme design, namely styling.Read More…
  • Web Design
    Adding Ghost Template Tags and MarkupGhost template retina
    7 shares
    Welcome to the third part in our series on building a theme for Ghost. This instalment will take you through the remaining steps needed to finalize your theme's templates.Read More…