“Responsive Web Template Design” was totally an unknown terms for me! When I first read Ethan’s excellent article “Responsive Web Design” on “A List Apart”; it changed my understanding with mobile web in a complete new dimension. Then another presentation called “Mobile First” by Luke Wroblewski driven me a lot about it’s core concept “One Web” and usable on any possible device we have and which are coming. Getting a bag full of inspiration on my shoulder, I started digging into Responsive Web Design. It is opening a whole new exciting world of mobile possibilities the world will be using and some lucky guys out their already started getting the fun!
Joining the Responsive Web Template Design
After playing with so many different HTML default Templates, like HTML5 Boilerplate, 1140 Grid or Adapt.js 960 Grid; I finally found Twitter Bootstrap as the most elegant, easy to adopt HTML frame for quicker development. Twitter Bootstrap driven me so much, now I use it for any new project that comes on had from frontend development. I also use HTML5 Boilerplate merged with Bootstrap for maximum performance and compatibility assurance.
Releasing a Free Mobile Responsive Web Design Template
It is just a way of thanks giving to all those great people who dont hesitate to share their hours of working outcome for others. I have created a single page responsive web design template. Keeping “Mobile First” concept in mind I have design in first on Photoshop. Then it was converted into Semantic HTML5 and CSS3 styling. There are many concern about Responsive Web Design technique though. In example, “Can it be that optimized as we could get for mobile only site?” – That’s true in many cases. But I tried my best to keep this responsive template optimized enough for mobile devices.
BuzzApp – A Mobile Friendly Responsive Web Template
BuzzApp responsive web template is responsive down to mobile, tabs as well as your big desktop screen. Taking Twitter Bootstrap as the core framework BuzzApp is following right Document Outlining and true meaning of semantic HTML rules.
Detailed Documentation for Quick Changes
Photoshop Files Included
This Template comes with necessary Photoshop Files which were used for the original template design. This gives you the ability to adopt your own styles and graphical changes required. Even a separate PSD files added for the slider section. Each layer followed meaningful naming convention for maximum understanding.
Structured HTML markups and proper CSS naming
The HTML markups in the template is well organized and rightly commented for better understanding. Each tags were carefully selected for it’s right and proper use keeping semantic rules in mind. Each CSS classes has it’s own meaningful naming for better understanding.
Free For all
BuzzApp Responsive Web Template is complete free for commercial use. All I request is to give the credit, That’s all!
- For Live Site: BuzzApp Responsive Website Template Live Site
- For Documentation: BuzzApp Template Documentation
- For Download the Source Files: BuzzApp Source from GitHub
Enjoy the template and dont forget to share this with your friends. Also please leave our comments bellow and express your feelings.