Day 015 : Accessibility

Leave a comment

So, now that things are mostly live, it is time to make sure that everyone can access the content – from people with visual impairment – to people using Internet Explorer (technologically impaired). The last version of the site brought about many comments with suggestions on everything from semantic markup to colour scheme, and this site, hopefully answers all of these needs in the best ways that I can. As this site is now html5, I thought it high time to expand on the schema of the semantics and to lay out the content in the order that it should be read and shown on page, starting with the content at the top, and ending with the footer below. This may sound like an obvious thing to do, but many sites struggle to balance their graphical layout with correctly laid out, non-superficial html. I constantly see everything from pointless markup inside semantic tags to make image replacement easier, to rearranging the html entirely so that their unique layout works consistently across browsers. Continue reading

Related News / Similar / /
Continue reading

Day 014 : Soft Beta Launch

Leave a comment

So up until now, we have been sketching out styles and ideas with code, some elements have stayed, others proved pointless. The overall ethos of simplicity and focusing on content has really come together and developing in this open ended fashion has allowed a "core" system to be developed. This system piggybacks the CMS and allows site wide changes with a few simple clicks, everything from layout sizes to typographic rhythm. This allows for a "beta" soft launch – a site where there are still bugs present, but the overall system and interaction with the user is untested. Semantically the site has been re-written and stylistically now supports mobile platforms as well as screen readers. The last big element that needs focus is the flash applet which is currently just displayed as a work in progress.

Continue reading

Related News / Similar / /
Continue reading

Day 013 : HTML5

Leave a comment

So! A lot has happened since starting this project… Flash version 10.1+ was released (on all platforms including mobile), JQuery became the industry standard and Html5 was brought to the limelight by Steve jobs who is touting it as the "future of the internet". Being a technology developer, as well as being an end user, I have my own personal opinions about how things are evolving. Firstly, I would like to introduce you to the new version of the site, written in (x)html5, css3, javascript and Flash, with a sprinkling of php.

Continue reading

Related News / Similar / / / / / /
Continue reading

Day 012 : Multimedia

Leave a comment

Finally! Time to have some fun! As someone with an interest in making music and video, this site is going to have to connect together a whole range of different media. As such, It is time to do some visualisations and upload some music to see how the system copes. The site is based upon a media framework I have ben working on for the past few years. Using javascript, html5 and flash, the framework seamlessly plays all music and movies and converts media links and tags to actionable buttons. Continue reading

Related News / Similar / / / /
Continue reading

Day 011 : Flash!

Leave a comment

As I generally earn my keep these days playing with Flash, I thought it only fair to dedicate a large portion of the site to a flash applet that in some way integrates with the design of the site. Well, after thinking long and hard about what exactly the flash applet should do, I have condensed it’s job down to three essential functions. Firstly, to play music and movies – this is a multimedia site after all – secondly, to suck in RSS feeds and display them visually one at a time, and thirdly to integrate with the html and AJAX so that it can display relevant animations depending on where you are on the site. Continue reading

Related News / Similar / / / / /
Continue reading

Day 010 : Typographic Baselines

Leave a comment

After coding multiple sites this week and evangelising about fixed baselines last week, I have found myself constantly having to do irritating fiddly maths or copy-pasting previously worked out styles. The problem with this is two fold – firstly, many of my new projects are based on a 22 pixel baseline (rendering much of my old code obsolete) and secondly, headlines vary in sizes on every site dependent on the visual aesthetics of the content. Continue reading

Related News / Similar / / / / / / /
Continue reading

Day 009 : Content!

Leave a comment

girlHaving been focused on the layout and aesthetic of the site, I realised that a huge volume of content is still unavailable, offline, or has expired! So to ensure it isn’t a case of style over substance I have been hard at work trying to find active links, projects and scans of work that I have been involved with. If at any point we have worked together and you are sad that the work is not on here – drop us a line and I will try to accommodate it! I have found a whole plethora of products that I will have to add to the site, although I am still unsure about the inclusion of my patented sick bag! It’s cool and that, what with the handles and all, but it’s still a sick bag…

Related News / Similar / /
Continue reading

Day 008 : Site Wide Navigation

Leave a comment

As this site holds a large amount of data, some more relevant to the casual browser than others, it is very important to offer a straight-forward and simple primary menu system to navigate between the important data sections. It is tradition at this point to draw a spider diagram to show the entry point of the user and how they look for information from one section to the next. In this semantic age however, where most of this website is derived from tags, it is the grouping of similar data that the user must swim through that determines how useful the site is. Continue reading

Related News / Similar / / /
Continue reading

Day 007 : Technical Evolution

Leave a comment

Unlike my previous site, I want this new theme to work dynamically, with only relevant information changing, rather than having to refresh the entire site on each click. I want this for a number of reasons, least of all to make a smoother interface for a simple site, but also so that the entire site can become aware of changes in realtime. The large empty space above the navigation bar is for a large scaling flash applet that I am currently coding, and this will communicate with the javascript code in the html to act reactively to each page selection. Continue reading

Related News / Similar / / / /
Continue reading