1. If you can’t find something in this set that you like, then you are not human.

    01. Andrew Bayer - Lets Hear that B Section Again (Anjunabeats) 
    02. The M Machine - Tiny Anthem (OSWLA) 
    03. Birdy Nam Nam - Defiant Order (OSWLA) 
    04. DJ Falcon - Honeymoon (Roulé) 
    05. Justice - Helix (Gesaffelstein Remix) (Banger Records) 
    06. Mat Zo ft Rachel Collier - Only For You (Album Mix) (Anjunabeats) 
    07. Spirit Catcher - Rendez-vous (Z Records) 
    08. Kill Paris - Baby Come Back (OSWLA) 
    09. Oliver - MYB (Fool’s Gold) 
    10. The Paradise - In Love With You (Vulture Music) 
    11. Gill Norris - Forme (Guy J PM Mix) (Subtract Music) 
    12. Burial & Four Tet - Moth (Text Records) 
    13. Duke Dumont - The Giver (Turbo) 
    14. Daft Punk - Burnin (Virgin) 
    15. Mat Zo - Giving It All Up (Anjunabeats) 
    16. Filterheadz - The Game (1605) 
    17. Boys Noize - Ich R U (Jacques Lu Cont) (Boysnoise Records) 
    18. Ilan Bluestone - Sinai (Anjunabeats) 
    19. The M Machine - Luma (OSWLA) 
    20. Mat Zo feat. Chuck D - Pyramid Scheme (Club Mix) (Anjunabeats) 
    21. Depeche Mode - The Darkest Star (James Holden Remix) (Mute) 
    22. Bungle - Astral Travel (Soul) 
    23. Netsky - I Refuse (Spearhead Records) 
    24. Enei - Movin Fast (June Miller Remix) (Critical Music) 
    25. Reso - Axion (KOAN Sound Remix) (Civil Music) 
    26. Mat Zo - Caller ID (Anjunabeats) 
    27. Airwave - Trilogique (Mat Zo Essential Edit) (CDR) 
    28. Oliver - Mechanical (Fool’s Gold) 
    29. Stoneface & Terminal - Blueprint (Euphonic) 
    30. John Dish - Karmma (Flamingo) 
    31. Dimitry Vegas & Like Mike - Wakanda (Axtone) 
    32. Darryl Green & Xendo - Oh Yeah! (Big & Dirty Records) 
    33. Sander Van Doorn - Dozer w/ Fedde Le Grand - Put Your Hands Up for Detroit (Doorn / Flamigo) 
    34. Markus Shulz ft Departure - Without You Near (Gabriel & Dresden Remix) (Coldharbour) 
    35. Felix Cartal ft Maja Ivarsson - Tonight (Botnek Remix) (Dim Mak Records) 
    36. Ferry Corsten - We Belong (Flashover) 
    37. Chicane - Offshore (Xtravaganza) 
    38. James Holden - A Break In The Clouds (Border Community) 
    39. Mark Knight - Nothing Matters (Original Club Mix) (Toolroom) 
    40. Andrea Doria & LXR - Beauty Of Silence (Inpetto Remix) (Roxy Records) 
    41. Marco V - Song In My Head (Revixed) (Be Yourself) 
    42. Zedd - Slam The Door (OSWLA) 
    43. Tommy Trash - Monkey See Monkey Do (Re-Edit) (Rising Music) 
    44. Sander Van Doorn ft MC Pryme - By Any Demand (Ultra) 
    45. Meck ft Dino - Feels Like Home (Marco V Dub) (Yoshitoshi) 
    46. Cid Inc - Refrost (LowBit) 
    47. Roul & Doors - Melody in Harmony (Azuli) 
    48. Sander Van Doorn - The Bass (Spinnin) 
    49. Mat Zo - Sorrow (Theme from The Gladiator) (Cdr) 
    50. Noisia - Could This Be (Mau5trap) 
    51. Stoneface & Terminal - Leaving Earth (Euphonic) 
    52. Mord Fustang - Taito w/ Dajai - Every Day of My Life (Acapella) 
    53. Crookers - Dushi (Slap The Bass Remix) (Southern Fried) 
    54. John Dahlback ft Terri B - Flirt (Club Mix) w/ Your First Time (Acapella) (Cdr) 
    55. Mat Zo - Frequency Flyer (Anjunabeats) 
    56. Mat Zo & Porter Robinson - Easy (MOS / Anjunabeats) 
    57. Mat Zo - Easy (Reprise) (Anjunabeats) 
    58. Daft Punk - Aerodynamic (Virgin) 
    59. Eric Prydz ft Andreas Postl - Mighty Love (Instrumental) (Virgin)
    60. Boys Noize - What You Want (Nozeita Remix) w/ Daft Punk - Aerodynamic (Cdr) 
    61. Sasha - Xpander (12” Remastered Version) (Deconstruction) 
    62. Noisia - Lilith’s Club (Division Records) 
    63. Alex Kenji - The Funk (Hotfingers) 
    64. Josh Wink - Higher State of Conciousness (Marco V Remix) (Strictly Rhythm) 
    65. Pig & Dan - On Edge (Tronic) 
    66. Norin & Rad - Bird Is The Word w/ Fatboy Slim - Rockafella Skank (Acapella) (Anjunabeats/Skint) 
    67. Junior Jack - E Samba (Defected) 
    68. Andrew Bayer - A Brief Interlude (Anjunabeats) 
    69. Mat Zo ft Eyes That Lie - Hurricane (Album Mix) (Anjunabeats) 
    70. Mat Zo ft Pete Josef - Fall Into Dreams (Album Mix) (Anjunabeats)

    1 month ago  /  2 notes

  2. This is what it’s all about.

    Making, creating, building, upcycling, tinkering, hacking, doing something!

    It starts here folks.

    More on this later, watch this space.

    1 month ago  /  0 notes

  3. New for 2014: The DeadUseful Project

    Introducing a new home for my projects.

    I’ve began amalgamating some useful tools into a new entity that I’ve had under my belt for a while.

    This new project will be outlet for me to develop web tools, release code and blog about it. I call it “The DeadUseful Project”.

    There’s already some projects you may be familiar with:

    For 2014:

    • Blog Goes Live
    • New Projects
    • Open Source Code Releases
    • Twitter Updates
    • Project Updates

    Watch this space.

    8 months ago  /  0 notes

  4. Google’s new logo. It’s official: flat is the #1 design trend for 2013.

    Google’s new logo. It’s official: flat is the #1 design trend for 2013.

    11 months ago  /  0 notes

  5. Finally watched the last episode of the last series of HouseMD last night.

    Finally watched the last episode of the last series of HouseMD last night.

    11 months ago  /  15 notes

  6. Calling all hackers

    Are you a technology enthusiast? An engineer? Perhaps you’re a creative mind or just like making things?

    Well, here’s something for you!

    image

    There are hackspaces all around the world and now there’s one in The Potteries.

    A hackspace is a place for people with common interests, often in computers, technology, science, art, can meet, socialise and/or collaborate.

    We’re a group of technology enthusiasts, engineers and creative minds that have started meeting on a regular basis in an effort to collaborate on various projects.

    As a group, Potteries Hackspace has been seeking a place to meet since it formed in 2010.

    Now, thanks to Randles (Garages) Ltd, the group are holding open meetings every Tuesday at 7PM at the disused site in Newcastle-under-Lyme, Staffordshire. You’ll find us in the old valeting bay of the former car dealership.

    Whether you’ve got a project you want to stuck in with, or even if you haven’t, anyone is welcome to come down and have a brew.

    It’s free to come along, there’s no obligation to donate but it is encouraged.

    What are you going to make?

    Find out more, visit: potterieshackspace.org

    1 year ago  /  1 note

  7. Upgrade: Randles Used Cars

    I’ve now finished rolling out “Phase 2” for the Randles website.

    To start with there were three database issues I wanted to address…

    Firstly, The type of database we were using is no longer suitable. The used car database was powered by a simple SQLite implementation. SQLite is fine for lightweight tasks, but will not scale as much as say MySQL. This was migrated to MySQL.

    Secondly, management of the vehicles needed to be improved. In order to scale the usability of the “used car” section, it demands a user interface. You should be able to easily add/remove from the database. Using MySQL provides the basis to allow this to happen.

    Thirdly, the previous URLs for used cars was terrible (eg: http://www.randles.co.uk/used-view?id=17714916-hpidow0443304). This needed to be transformed into much prettier and SEO friendly URLs (eg: http:// www.randles.co.uk/used/view/1/peugeot-107). Once the database was running on MySQL and it was easier to manage old and new entries and is easier to utilise and maintain the entry IDs.

    This was a blocker. Until this was carried out it would make expanding on this section much more difficult and although there was no visual different (apart from the URLs) it was a task that needed doing.

    I decided to stick with the PHP PDO database abstract layer and simple adapt my code to handle both MySQL queries and SQLite queries.

    I used sqlite2mysql.php to migrate the actual database, then just flicked a switch to start using MySQL instead of SQLite. Almost seamlessly.

    I updated all the import scripts and implemented adminer (Database management in single PHP file) for any adhoc edits via the existing interface.

    All went well on the development site and so I pushed it to the live site.

    So what’s next?

    The “used” section is probably the most important page on the website after the home page.

    We’re used to seeing the same old “autotrader” approach, we can do better! Let’s go back to basics…

    There’s 3 simple features that aren’t found in print that the user expects on a used car website:

    • Search
    • Sort
    • Filter

    It’s important to remember how important these functions are to the user and build an experience that is centered around them.

    The style, design and general presentation was much to be desired, this needed to be updated with these new features and brought into line with the new styles.

    In addition to this, modern features have been introduced:

    • Autocomplete combobox - this will replace the traditional make & model dropdowns
    • Remove pagiation - infinite scroll and/or “more results, button”, similar to Google Images
    • Price slider - prettier user interface for the end user

    Here’s the result:

    Here’s what you’re looking at:

    • Header: A smaller header/banner section giving more focus to the content.
    • Search: Removed from the body content, onto the left hand sidebar, styled in-line with the home page.
    • Auto complete combo box: Simply click the drop down and either choose or search for the name of the car you’re looking for, even if you don’t know the make. Couldn’t be simpler.
    • Price slider: A really simple visual aid.
    • Pagination: Having so many pages to choose was intimidating for visitors. The “Next” and “Previous” buttons combined with search, filter and sort functions means there’s no need for traditional page numbers.
    • Photos: Pictures are faster than words, so the jargon was removed and replaced with photos of the vehicles with the price and a caption.
    • Labels: I used a semi-transparent block on top of the photo to clearly display an informative caption underneath, while still letting the photo “shine through”.

    Combined with an updated style, I’m sure you’ll agree that it’s a much more inviting page.

    As if that wasn’t enough, the individual vehicle profile pages or “view” pages were begging for a refresh too…

    What I needed to improve:

    • The second heading (h2) is surplus to requirement as the title is already in the grey title bar.
    • The price should be clearer.
    • The images (often sets of 3 or 9, sometimes more) take up a lot of space and are rather intrusive. Replace this with one large image and a smaller set of thumbnails, which should all fit inside about 50-60% of the content area.
    • The vehicle description doesn’t need to be labelled as such, it should be obvious.
    • The “Standard Options” or features should be managed into an easy to read table or grid with supporting images.
    • The vehicle’s details can be laid out with the description to make it more appealing.
    • The location details and map should be better presented so it seems more integrated. The map should be clickable.

    Here’s the result:

    Sure, we’ve still got work to do here, but with a few tweaks here and there, we’re on the right path to “Phase 3”.

    1 year ago  /  0 notes

  8. Update: Randles Website Homepage

    I’ve been quiet for a little while settling into the new job role and tackling some quick fixes as well as dealing with some larger infrastructure challenges.

    I originally created the current Randles website as a stop gap to tide them over until a plan could be put together for a better one. Now I’m here full time, that plan is in place and I’m able to begin rolling out some much needed changes to bring it up to speed.

    This is the homepage as it stood back in June.

    Dated, busy, clunky, it needed some work.

    Last month I quietly pushed out “Phase 1” of the changes I’d made to the Randles website…

    • We know the “used” is the most popular section, so as per the “F-Layout" the "used search" was moved to fit into the banner section
    • It needed to be more obvious which manufacturers are at Randles, so by presenting navigation blocks on the homepage and pointing them to the new vehicle landing pages the user experience was improved
    • The style of the sidebar needed modernising to fit in with the look and feel we were heading towards

    This resulted in it looking like this:

    That’s Phase 1 complete. Much more inviting and a much better user experience I’m sure you’ll agree.

    We’re not quite there just yet though but we’re almost ready to roll out “Phase 2” so watch this space.

    2 years ago  /  1 note

  9. Concept: Randles Website 2012

    The current Randles website is due an overhaul.

    The brief is create a new website for the Randles Motor Group to accommodate the new franchises while giving us the opportunity to introduce new technologies and take advantage of modern concepts.

    Here’s a sneak peak at the initial concept…

    This new concept design takes Randles in a completely new direction.

    Features

    • Blocks: Similar to the upcoming Windows 8 interactive tiles, this creates an intuitive website navigation with the most popular options displayed first.
    • Logo: It’s human nature to look for a face, so the new logo sports a little smile. Combined with a bright red square in the background and a white typeface the Randles logo is now unmistakeable.
    • Search: From a user experience perspective, this makes it very easy to get help and find content on the website that may not be obvious from the navigation. From a management point of view it means the content can be tailored to the search queries.
    • Live updates: To keep the website fresh, a social network feed will sit just above the footer, allowing the website to act as a social media hub.
    • Join the newsletter: The newsletter is a great way to keep customers informed about Randles, so giving new customers the opportunity to join is important.
    • Social links: Twitter, Facebook, YouTube, LinkedIn, RSS (Blog): Randles is on them all, and now you know.
    • Background: Subtle, but exciting. The idea is to periodically introduce new backgrounds to suit the section of the site, a new car or a current promotion.
    • Mobile first: The new design will utilise new technologies and concepts to create a responsive design that will not only look great on a mobile phone, but on tablets, desktops and even large TVs!
    So what do you think? Your feedback is welcome.
    - James Wade
    Footnote: Thanks to mediaqueri.es and @scottohara for inspiration.

    2 years ago  /  0 notes