Tag Archive: Website

  1. Screenshot of the re-launched Music Centre website.

    After a couple of month’s hard graft, I’m pleased to announce the re-launch of the Music Centre’s website. What started out as a responsive design retrofitting project turned into something much more – a comprehensive rebuild including a complete code refactor right the way through the purchase and checkout process! The site now sports a much cleaner presentation, loads faster, and is mobile-friendly throughout to boot.

  2. Screenshot of one of Top Sport Coaching's custom Facebook page tabs

    I’m very excited to announce the completion of a mini project I’ve just finished for Top Sports Coaching. Following the launch of their new website, I spoke to company owner Susanne about online marketing, and she said that the majority of her marketing efforts were funnelled through Facebook. Having recently added a registration form to the website, it made perfect sense to port this functionality across to Facebook, along with league information and scores. This way, Facebook users could be driven to completing certain actions without having to leave the confinements of the website. The result is really pleasing, as …

  3. A Brief Foray Into CSS Shapes

    Screenshot of Freakleaf's home page demonstrating CSS Shapes.

    I often use my website as a playground for new technology, so thought I’d try making use of CSS Shapes, after getting suitably inspired by this example. First off, as of August 2014, support for CSS Shapes Module Level 1 is magnificently poor (with only dev channel versions of both Chrome (unprefixed) and Safari (prefixed with -webkit-) harbouring working versions), so I had to implement it in a way that would only progressively enhance the current layout, as opposed to making changes that would destroy the vast majority of users’ experiences. The web has always played second fiddle to print …

  4. Screenshot of Take Me Home James' website demonstrating the use of Flexbox.

    I love Flexbox. It really is the perfect solution to all those pesky layout problems of yesteryear. It’s been a welcome member of my web development arsenal for some time now (with appropriate fall-backs in place for those less well-endowed browsers of course), but I’m still frequently amazed by both the power and simplicity at which it goes about its business. Flexbox (or ‘Flexible Box Layout Module’ if you’re a fan of syllables) is a method for laying out content on a web page, whereby items can be grouped or distributed within a container much more easily than previous layout …

  5. CSS Pseudo Elements On Images

    Image of a web page's HTML code

    Please note: This post relates to an ealier website build, in a time when I thought that this kind of behaviour was perfectly acceptable. Please forgive me. Forever on the lookout for ways to speed up the loading time of my website, I realised that the graphics for each of my music production, web development and online promotion pages were causing considerable overhead. This surprised me at first, as I’d taken the time to create SVGZ (zipped SVG) files (with a neat fall back to PNG for those less well-endowed browsers), but all-in, the six images on my ‘Web Development’ …

  6. Image of the refreshed robincampbell.org home page

    It is my pleasure to announce a major refresh to the website of singer and guitarist Robin Campbell. So much more than just a lick of paint, this update features a totally revised home page, creating a one-stop ‘hub’ for everything happening in and around Robin’s world. New additions include the ‘latest news’ and ‘featured download’ sections, along with dedicated portals to each of Robin’s musical interests.