Matrix – Responsive Tile-Based Template (Creative)

Matrix is a responsive, intuitive tile-based template which is inspired by Metro design. The tiles can be made ‘live’ to display more information on the screen without occupying more space.

This template comes with 15 HTML files and 10 pre-defined colours. It is highly customizable to suit the needs of every user. Unlike conventional designs, each tile can be customized to create any design you can imagine!

All the files are coded with valid HTML5 tags and CSS3 , and are Search Engine Optimized (SEO) using valid HTML5 semantic tags for each section and are written in decreasing order of importance down the page. For instance, the title and content of an article comes before the comments and sidebar within a HTML file, and titles are enclosed in h1 tags to signify their importance.

Currently, I am accepting any requests for features and new icons for tiles, so do not hesitate to contact me if you require any help.

Main Features

  • Responsive
  • Live’ tiles
  • iframe video embedding ready
  • Vimeo easy embedding – auto styling for description
  • In-post slider
  • Unlimited layout options
  • High customizability
  • Detailed documentation
  • 15 HTML files
  • 12 default colour tags
  • Unlimited colour settings
  • 10 default social icons
  • FlexSlider 2 ready
  • Twitter widget ready – only requires your username
  • Coded using valid HTML5 and CSS3
  • SEO optimized

Upcoming Features

  • Light theme
  • Audio embedding

Waiting for more suggestions from you

Theme Preview

I wish to inform you that all images (except the slider images and icons) are not included in the purchased template, but are replaced with image placeholders.

Changelog

18/08/2012
Release of V1.0

Known Limitations

Due to certain browsers’ incompatibility, there are some minor features altered in these browsers :

  1. IE8 / IE9 – Like and Tweet buttons in single item page are made shown permanently without hovering
  2. IE8 / IE9 – No transition effects on hover
  3. IE8 – Tile fading effect on hover has been disabled
  4. Safari 5 for Windows – Flipping tiles might flicker on hover. The fix to the problem is mentioned in the documentation

Credits

Thanks to all these great individuals :

Once again, thanks for checking out this template. I hope you like it and I appreciate any feedback regarding this template, even if it is a criticism :)

Notice

As I will be overseas on the next 3 days (19th – 21st of Aug), I may not be able to give any reply to anything. Don’t worry, I’ll read through and reply everything once I’m back. Sorry for the delayed response :)

Download Matrix – Responsive Tile-Based Template (Creative)

Leave a Reply

Your email address will not be published. Required fields are marked *