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
    Create and Theme an Evernote Powered Blog With Postach.ioPostachio
    157 shares
    In this tutorial we'll be learning how to setup your own Postach.io/Evernote powered blog and how to create a custom theme for it.Read More…
  • Web Design
    Quick Tip: How to Use HTML5 “picture” for Responsive ImagesPreview picture
    880 shares
    Images are notoriously one of the most challenging aspects of responsive web design. Today we'll look at how the element, a solution to the problem of responsive images, can be used right now.Read More…
  • Web Design
    How to Code a Photoshop Layout With CSSHat, LESSHat and PNGHatPs web thumb 2
    279 shares
    In the previous tutorial we covered how to prepare a design in Photoshop, ready for conversion to pure CSS3 and Base64 code. In this tutorial we'll be handling the actual code generation, with the help of Photoshop plugins CSSHat and PNGHat made by Source, as well as FontAwesome and the CSS preprocessor LESS.Read More…
  • Web Design
    How to Create a Custom Theme for AtomAom thumb
    300 shares
    In this tutorial you'll learn how to create both UI and Syntax themes for Atom (the new code editor released by GitHub) producing them in tandem so the entire interface is uniformly restyled.Read More…
  • Web Design
    Using DropPages for a Super Easy Static WebsiteDroppages thumb
    242 shares
    You probably know that Dropbox is brilliant for storing data backups and sharing files, but did you know you can use it as a static site web host too? Thanks to nifty apps like DropPages, which we'll be covering here today, you can!Read More…
  • Web Design
    How to Improve Your Photoshop Workflow With CSSHat and PNGHatPs web thumb 1
    312 shares
    During this tutorial I'm going to walk you through the process of creating sophisticated web element styling in Photoshop, but without employing a single image file in your finished website. When we're done, you'll have a single page layout using nothing but CSS3, Base64 code and font icons.Read More…
  • Web Design
    How to Add Branded Branch Locations to Google MapsMap thumb
    330 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
    106 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
    471 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
    321 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
    357 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
    271 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…