Chris Brown
Hi Envato Community! My name's Chris. Nice to meet you. I'm a training manager with too many years to mention of experience working in contact centers across a range of industries. My foray into webdesign, copywriting and development started years ago with a small hobby site... which grew to a thriving freelance career (yes, it can be done!) which financed a three year sabbatical throughout Europe. I'm completely self taught, and most of this can be attributed back to the fantastic team and community from Envato, who almost always had a quality tutorial on whatever it was that I was looking for. I'm particularly interested in emerging trends and approaches to maximise the user experience and developing quicker, smarter sites to the interwebs. While I'm not currently active in the community, I'm always happy to field any questions that you may have or just to touch base for a chat. Go forth and learn!
Tutorials
  • Web Design
    Quick Tip: On The Fly Editing With DevTools AutosavePreview
    23 shares
    Recently on Webdesigntuts+ we looked at Faster HTML/CSS Workflow with Chrome Developer Tools, and in today's Quick Tip we'll be getting you set up with a free plugin mentioned in that very tutorial. I promise this will seriously speed up your workflow - ready to get started?Read More…
  • Web Design
    Hi-Performance Web Design with Data URIsWeb design
    15 shares
    We recently covered the The What, Why and How of Data URIs in Web Design on Webdesigntuts+, where we looked into some of the possibilities of using data URIs for performance-friendly interface designs.Read More…
  • Web Design
    The What, Why and How of Data URIs in Web DesignPreview
    69 shares
    Let's look at improving your site's performance by reducing the number of HTTP requests it makes. We're going to take advantage of a technique known as the data URI scheme; encoding both images and fonts into pure data strings that can be directly integrated into your markup and stylesheets.Read More…
  • Web Design
    The What, Why and How of Textures in Web DesignPreview
    66 shares
    The use of textures and patterns in webdesign has come a long way in only a short amount of time. From cliche grunge and gaudy vintage textures, today's best websites use texture in a wide variety of ways to create a more immersive experience, define the personality of the site and create a more refined look and feel.Read More…
  • Web Design
    Setting a Baseline Grid With GuideGuide for PhotoshopPreview
    54 shares
    Setting out a baseline grid for your Photoshop-based designs is an indispensible first step in any new website project. A baseline grid will establish consistent spacing between your page elements, creating harmonious rhythm throughout the page. Additionally, during the development phase, using a CSS framework with a compatible baseline grid can make translating design into code far easier.Read More…
  • Web Design
    Split Testing With Google Analytics ExperimentsPreview
    97 shares
    In today's tutorial, we're going to be looking at one of Google Analytics' most recent additions to its feature set; Experiments. Using this tool, I'll be showing you how to serve up different variations of a page to determine which one is the most successful in converting visitors to the site.Read More…
  • Web Design
    Going Off Canvas with Zurb Foundation 3.0Web design
    6 shares
    The hottest trend in the industry today is almost certainly responsive webdesign (RWD). Every day new approaches appear which redefine the way that we think about websites responding to different devices including desktops, tablets and phones. Today we're going to be diving head first into the newest RWD pattern on the block, off-canvas layouts - a very clever approach from the team at Zurb. In this tutorial, we're going to be creating a simple homepage that has some very special features when viewed on a smaller viewports. While we're going to be working step by step to create the page, we will be getting Zurb Foundation and the Off-Canvas Layouts to do all the heavy lifting for us. Ready to get started?Read More…
  • Web Design
    Create a Welcoming "Hero Unit" in PhotoshopWeb design
    1 shares
    Blurred background images are a hot trend in webdesign at the moment and can add depth and interest to any website design. In this tutorial, I'll be walking you through all the steps to create a striking visual hero unit (read: your key marketing message) perfect for a slideshow or banner region of your next website.Read More…
  • Web Design
    Design Personas: Injecting Personality Into Your Web ProjectsPreview
    51 shares
    Let's take a look at the what, why and how of creating design personas; developing personalities for your projects. When used correctly, design personas can transform a good site into an incredible one, helping people remember it for all the right reasons.Read More…
  • Web Design
    Style Tiles: An Alternative to Full Design CompsStyletiles
    110 shares
    If you're like me, you'll agree that the initial design phase of a project can be time consuming, fraught with frustration and rarely meets client expectations at the first approval meeting. What if there was a better way to approach things? With Style Tiles, the newest kid on the design-methodology block, there is.Read More…