Skip to main content

Shimmer - Album Website Launched



Visit the album website here.





New HTML5 Website Launched


Download the complete album for free.

For the release of the Shimmer album I have created an HTML5 website with integrated audio player, microdata markup for search engine optimisation and responsive design for cross screen compatibility.



HTML5 Audio Player


Each of the tracks can be played on the website using the HTML5 audio tag. Playing any track will stop the currently playing track.

The track length also doubles as a countdown timer while the tracks are played.

A minimal progress bar is displayed under the active track.



Responsive Design


The album website is designed to look great and offer maximum functionality on any screen size.



Twitter Bootstrap3 Grid System


The album website uses the Twitter Bootstrap3 responsive grid system.



Microdata For Search Engine Optimisation


By using microdata Album Name, Album Artist, Genre, Track Names and Track Duration are easily identifiable by search engines & web browsers.
Labels:

Comments

Post a Comment

Popular posts from this blog

iPhone 5 Rumor Roundup

Release Date The latest rumors regarding the iPhone 5 indicate that the official release date will be officially announced during the next Apple event which is to be held on September 12th 2012. According to Verizon CFO, Fran Shammo, Apple (AAPL) will stick to last year's release date and launch the iPhone 5 in October 2012. Although during the 2012 WWDC we had the opportunity to get some more details about iOS 6, no hardware specifications were released. source - 9to5mac.com Larger Screen The iPhone 5 is rumoured to have a larger, 4 inch retina display. source - Apple.pro Nano SIM According to the Financial Times, mobile carriers in Europe are stocking up on Nano SIM cards. This might be related to the release of the next generation iPhone. Smaller Dock Connector Another wide spread rumour is that Apple will release the iPhone 5 with a smaller, 8 pin dock connector. This means that new cables will be available for  new Apple devices released in the future. Did you hear any new rum...
Post a Comment
Read more

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo
Post a Comment
Read more

HTML Codes for Romanian Characters

Character Simple Code Numerical Code Hex Code Ă Ă Ă ă ă ă Â Â Â Â â â â â Î Î Î Î î î î î Ș Ș Ú ș ș Û Ş Ş Ş ş ş ş Ţ Ţ Ţ ţ ţ ţ
Post a Comment
Read more