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
    7 Dropbox-Powered Site Creation PlatformsDb
    134 shares
    In this article we'll be taking a look at seven of the Dropbox-powered site building platforms available today, and what each one of them has to offer.Read More…
  • Web Design
    50 Style Guide Tools, Articles, Books and ResourcesRoundup thumb
    581 shares
    In this article we're rounding up all the Style Guide material you have at your disposal from around the web.Read More…
  • Web Design
    A Super-Quick Introduction to Style GuidesIntro
    158 shares
    This week the Tuts+Web Design team is bringing you an in depth series of pieces on the wide world of Style Guides and all the moving parts that go along with them.Read More…
  • Web Design
    Quick Tip: Converting Photoshop Files to Code With Project ParfaitParfait
    391 shares
    Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on.Read More…
  • Web Design
    Create a Masked Background Effect With CSSBg fixed
    568 shares
    Today we're going to be stepping through a really cool technique you can use to create an effect that's a little bit like parallax scrolling, yet doesn't need any JavaScript; it can be achieved very simply through pure CSS.Read More…
  • Web Design
    Create a Single Page “About Me” Site With Prepros, Jade & StylusPrepros
    131 shares
    Today we'll be learning how to create a static one page "About Me" website using the awesome free app Prepros from Alpha Pixels.Read More…
  • Web Design
    Create and Theme an Evernote Powered Blog With Postach.ioPostachio
    175 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
    859 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
    284 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
    311 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
    219 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
    314 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…