Aaron Lumsden
Pleased to meet you my name's Aaron Lumsden & I'm a web ui designer and developer based in the UK. I fuss over creating interfaces that not only look and feel great but that are user friendly and adaptable to changing user needs.
  • Web Design
    Creating a Collection of CSS3 Animated Pre-loadersPreloader
    In this tutorial I’ll be showing you how to create a collection of pre-loaders for your web projects using nothing but HTML and CSS3.Read More…
  • Web Design
    Maintain Consistency With a Website Style GuideSg preview
    Creating style guides is fast becoming common practise for web designers, especially when dealing with content heavy sites. With a website style guide, designers are able to set and maintain a look and feel by creating a set of rules which the design follows. The process becomes flexible, easily updateable and consistent. During this tutorial I'm going to demonstrate how you can implement a style guide in your own site or project.Read More…
  • Web Design
    Making Websites Location Aware With HTML5 GeolocationLocation preview
    Assumption can be a risky business in the world of UX, but some assumptions can enable you to deliver a more tailored user experience to your visitors. We're going to look at enhancing user experience by making your websites location aware.Read More…
  • Web Design
    Recreating Instagram's Retro Filter EffectsInsta preview
    In this tutorial I'm going to be taking a look at exactly how Instagram's filters work, before recreating similar effects in Photoshop. I'll also be introducing you to some interesting new CSS properties that will allow us to create Instagram style filters directly in the browser.Read More…
  • Web Design
    Tips for Designing in the BrowserPs
    It's often thought that designing in the browser is a modern approach to web design. In fact, before the advent of tools such as Photoshop, there was little other choice. Only in the last few years, since the dawn of responsive design, have designers gone back to their roots and started designing in the browser.Read More…
  • Web Design
    All You Need to Know About the HTML5 Data AttributePreview tag data
    The HTML5 data attribute lets you assign custom data to an element. This article looks at how to use it and provides examples of when it would be ideally used.Read More…
  • Web Design
    Best Practices for Increasing Website PerformancePreview
    It's a no-brainer: well performing websites enjoy higher visitor engagement, retention and conversion. Given how fickle users can be, plus the fact that mobile devices are very significant these days, never before has the speed of websites been so important! In this article I'm going to highlight ways in which you can improve the performance of your own sites.Read More…
  • Web Design
    A Brief History of the World Wide WebWww
    The web is a wonderful place. It connects people from across the globe, keeps us updated with our friends and family, and creates revolutions never before seen in our lifetime. It has certainly come a long way since its humble beginnings back in the early 1980's..Read More…
  • Web Design
    Faster HTML/CSS Workflow with Chrome Developer ToolsGoogle developers logo vector
    In this tutorial I'll be looking at Chrome developer tools, specifically how they can help speed up your HTML/CSS workflow. I'll also look briefly at some other dev tools that are available.Read More…
  • Web Design
    Getting Started With Scalable Vector Graphics (SVG)Preview tag svg
    As a web designer it's high time you knew how to implement SVG (Scalable Vector Graphics) into your websites. Let's now take a look at the basics of SVG, as well as more complex designs such as logos or icons.Read More…
  • Web Design
    Create a Parallax Scrolling Website Using Stellar.jsPreview
    One of the biggest trends in recent modern web design is use of parallax scrolling effects. In this tutorial I'm going to show you how you can create the effect on your own website, with a bit of imagination and a little help from Stellar.js.Read More…
  • Web Design
    Create a Customized HTML5 Audio PlayerPreview
    During this tutorial I'm going to be introducing you to HTML5 audio and showing you how you can create your own player.Read More…