---
title: HTML5 tools vs. Older Browsers
description: HTML5 tools vs. Older Browsers
---
[](https://www.e-zest.com/)
- [WORK](https://www.e-zest.com/our-work)
- [SERVICES](https://www.e-zest.com/our-services)
- [Product Engineering](https://www.e-zest.com/digital-product-engineering-services)
- [Enterprise Data Services](https://www.e-zest.com/enterprise-data-services)
- [Digital Commerce](https://www.e-zest.com/digital-commerce-services)
- [Digital Operations](https://www.e-zest.com/digital-operations)
- [Digital Consulting](https://www.e-zest.com/digital-transformation-consulting-services)
- [Digital Experience Design](https://www.e-zest.com/digital-experience-design)
- [INSIGHTS](https://blog.e-zest.com/)
- [CAREERS](https://www.e-zest.com/careers)
- [ENTERPRISE DATA SERVICES](https://www.e-zest.com/enterprise-data-services)
- [GENERATIVE AI](https://www.e-zest.com/generative-ai)
- [Healthcare](https://healthcare.e-zest.com)
- [Contact Us](https://www.e-zest.com/contact-us)
- 
[BLOGS](https://blog.e-zest.com)
#### Elevating Product Engineering with AI and ML
As technology evolves and customer choices broaden, there is an increasing ...
[Read more](https://blog.e-zest.com/elevating-product-engineering-with-ai-and-ml)
- 
[NEWS](https://blog.e-zest.com/news)
#### e-Zest – An Accion Labs Company gets Recognition as a Contender in the ISG Provider Lens™ Study on Digital Engineering Services 2024
We are delighted to announce that e-Zest – An Accion Labs Company has been ...
[Read more](https://blog.e-zest.com/news/e-zest-an-accion-labs-company-gets-recognition-as-a-contender-in-the-isg-provider-lens-study-on-digital-engineering-services-2024)
- 
[CSR](https://blog.e-zest.com/csr)
#### e-Zest Solutions supports Digital Pune Mission
**Pune, India:** e-Zest Solutions, a leading digital technology innovation ...
[Read more](https://blog.e-zest.com/csr/e-zest-solutions-supports-digital-pune-mission)
- [Work](https://www.e-zest.com/our-work)
- [Services](https://www.e-zest.com/our-services)
- [Insights](https://blog.e-zest.com)
- [Careers](https://www.e-zest.com/careers)
- [Enterprise Data](https://www.e-zest.com/enterprise-data-services)
- [Generative AI](https://www.e-zest.com/generative-ai)
- [Innovations](https://www.e-zest.com/innovations)
- [Healthcare](https://healthcare.e-zest.com)
- [About](https://www.e-zest.com/about-us)
- [Contact](https://www.e-zest.com/contact-us)
- [Blog](https://blog.e-zest.com/)
- [News](https://blog.e-zest.com/news)
- [CSR](https://blog.e-zest.com/csr)
- [](https://www.linkedin.com/company/e-zest-solutions/)
- [.svg)](https://twitter.com/ezest)
- [.svg)](https://www.facebook.com/61259256638)
- [.svg)](https://www.instagram.com/ezestsolutions/)
- [](https://www.youtube.com/user/ezestcorporate)
[](https://blog.e-zest.com/html5-tools-vs-older-browsers/#top)
Hit enter to search or ESC to close
Insights
e-Zest members share technology ideas to foster digital transformation.
- [Blog](https://blog.e-zest.com)
- [News](https://blog.e-zest.com/news)
- [Podcasts](https://www.e-zest.com/podcasts)
- [Healthcare](https://blog.e-zest.com/healthcare)
- [CSR](https://blog.e-zest.com/csr)
- [Whitepaper](https://blog.e-zest.com/whitepaper)
- [Playbook](https://blog.e-zest.com/playbook)
- [Media Kit](https://www.e-zest.com/media-kit)
# HTML5 tools vs. Older Browsers
[Guruling Kumbhar](https://blog.e-zest.com/author/guruling-kumbhar) Nov 28, 2013
[UI/UX](https://blog.e-zest.com/topic/uix) [Technology](https://blog.e-zest.com/topic/technology)
-
-
-
-
Newer technologies are bound to come up frequently and in order to cope up with these technologies, versions etc. one need to have a grasp on the know-how, useful links if any to delve deeper into the subject. This blog intends to unveil the various advantages of HTML5 as against older browsers.
**HTML5Shiv:**
HTML5Shiv is the JavaScript library that deals with how [html5](https://blog.e-zest.com/html5-development-services/) web displays older versions of IE like IE8, IE7, and IE6.
The latest version of html5shiv is easily available on ***http://code.google.com/p/html5shiv/***
You can call it in html by just adding a few lines mentioned below in the HTML \ \ section.
```
```
**Modernizr:**
Modernizr is also a great JavaScript Library to deal with older browsers & enable support of HTML5 like HTML5Shiv. The only difference is 'HTML5Shiv' works for IE backward compatibility, whereas ‘Modernizer’ works for all major browsers. Modernizer also has ‘HTML5Shiv’ scripts in it.
You will get the latest version of ‘Modernizr’ from [http://modernizr.com/](http://modernizr.com/)
**TOOLS & RESOURCES FOR RESPONSIVE DESIGN:**
Tons of helping resources are available for Responsive Designs; however a few popular ones are as below-
**CMS like Wordpress, Drupal , Joomla –**
Now a days many free & low budget Responsive CMS templates are available that are ready to use. You can customize & use it as you require. They help save a lot of time for developers, but with a few limitations for customization. I usually prefer Drupal which gives me more flexibility for customization.
**Using Boilerplate –**
Boilerplate is a very handy tool to setup initial page structure. It is the HTML 5 template having that has built in Icon sets, Media query & JavaScript. Boilerplate has included ‘Modernizr’ JavaScript & ‘Normalize.css’ for legacy browser’s HTML5 support.
You can download Boilerplate from [http://html5boilerplate.com/](http://html5boilerplate.com/)
**Twitter-bootstrap –**
Just like Boilerplate, Bootstrap provides initial template for developing a Responsive Website. You will find elegantly designed Bootstrap collections of assets like Navigation, tabs, drop down menus etc. for ease in development.
You can download bootstrap latest version from [http://twitter.github.com/bootstrap/](http://twitter.github.com/bootstrap/)
**Semantic Grid System –**
The Semantic Grid System is also a good resource to start with. You can use this resource to design fixed layout, fluid layout & responsive layout. It uses the dynamic style sheet language ‘Less ‘and also SCSS (the extension of CSS3).
You will find more details & latest version on- [http://semantic.gs/](http://semantic.gs/)
**Golden Grid System –**
Golden Grid System is another method to develop Grid Layout. You can use it as a good starting point for a new responsive design.
You will get more info on [http://goldengridsystem.com/](http://goldengridsystem.com/)
**320 and Up –**
‘320 & Up’ uses HTML5 Boilerplate with media query & Modernizr for Legacy browsers. Creator ‘Andy Clarke’ and ‘Jina Bolton’ developed new ‘320 & Up’ from root by considering ‘Design first for mobile’. So it’s highly recommended that one uses the latest version of 320 & up.
You will get latest updates on [http://stuffandnonsense.co.uk/projects/320andup/](http://stuffandnonsense.co.uk/projects/320andup/)
**Less Framework**-
‘Less Framework’ is also a CSS grid system for designing adaptive websites. It uses 'Media Query' for giving conditions to control how HTML will render in different devices. It also provides inbuilt collection of assets for developer.
You will get more info of Less Framework on [http://lessframework.com/#how](http://lessframework.com/#how)
-
-
-
### Similar Blog
[ Guide to Usability Testing Usability testing involves checking the ease with which an end user can understand a product. It ensures that the end user of the ... By Akshay Topre Oct 06, 2015](https://blog.e-zest.com/guide-to-usability-testing/)
[ Guide to Usability Testing Usability testing involves checking the ease with which an end user can understand a product. It ensures that the end user of the ... By Akshay Topre Oct 06, 2015](https://blog.e-zest.com/guide-usability-testing/)
[ UX- Roadmap for your mobile-first strategy With growing mobile users and the wake of Responsive Web Design, many companies are starting to align themselves to mobile-first ... By Devendra Deshmukh Aug 17, 2015](https://blog.e-zest.com/ux-roadmap-for-your-mobile-first-strategy/)
[ The ‘Discovery’ Phase of Innovation *“As life plays along with its enormity and bliss, we must observe and soak all we can”* By Abhishek Mishra Jan 29, 2015](https://blog.e-zest.com/the-discovery-phase-of-innovation/)
[UX Process- The Real Picture I’m working in the IT sector for couple of years as a UX designer now, and I have come across different types of experiences with ... By Aashutosh Kulkarni Oct 18, 2014](https://blog.e-zest.com/ux-process-the-real-picture/)
[ Tutorial: How to vertical center align a login form or container DIV? Often times, HTML developers are faced with a task of developing a login page where the form has to be horizontally and ... By Guruling Kumbhar Apr 09, 2015](https://blog.e-zest.com/tutorial-how-to-vertical-center-align-a-login-form-or-container-div/)
[ Photoshop CS6 ‘Save for Web’ Images Batch processing, keeping nested folder structure intact Images are an integral and important part during any website or application development. It has a direct impact on the visual ... By Guruling Kumbhar Sep 19, 2014](https://blog.e-zest.com/photoshop-cs6-save-for-web-images-batch-processing-keeping-nested-folder-structure-intact/)
[ Working with 9 patch images for Android The use of 9 patch images for Android development is to help keep the app lower in the size. We can use 9 patch images for the ... By Guruling Kumbhar Apr 16, 2014](https://blog.e-zest.com/working-with-9-patch-images-for-android/)
[ Concept of Responsive Web Design Things are changing in 2013. Companies are desperately wanting to brand their product and services using almost every media, ... By Guruling Kumbhar Mar 13, 2013](https://blog.e-zest.com/concept-of-responsive-web-design/)
## Helping Organizations Thrive in the Digital Age
[Contact Us](https://www.e-zest.com/contact-us)
- [About](https://www.e-zest.com/about-us)
- [Services](https://www.e-zest.com/our-services)
- [Work](https://www.e-zest.com/our-work)
- [Insights](https://blog.e-zest.com/)
- [Healthcare](https://healthcare.e-zest.com/)
- [Accion Labs](https://www.accionlabs.com/)
-
-
-
-
-
- Dallas
- Detroit
- Hannover
- Vienna
- London
- Pune
© 2025 e-Zest Solutions
- [Privacy Policy](https://www.e-zest.com/privacypolicy)
- [Cookie Policy](https://www.e-zest.com/cookie-policy)
Contact us
Contact us
e-Zest is a leading digital innovation partner for enterprises and technology companies that utilizes emerging technologies for creating engaging customers experiences. Being a customer-focused and technology-driven company, it always helps clients in crafting holistic business value for their software development efforts. It offers software development and consulting services for cloud computing, enterprise mobility, big data and analytics, user experience and digital commerce.