Since start of HTML5 it took the web to next level.Now most of the web development is implemented using HTML5 and css3 . Today i listed some HTML5 tools to reduce the development time.
1) Modernizr.com
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.It will add class on html tag.
2) html5boilerplate.com
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
3) html5please.com
html5please.com will let you updated about HTML5, CSS3 features.If they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
4) videojs.com
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video.Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn’t supported, and also provides a consistent JavaScript API for interacting with the video.
5) liveweave.com
Liveweave is a HTML5, CSS3 & JavaScript playground for web developers and designers.Very useful tool for test your coding quickly.
Hope this tools will help you on your next project.
Happy coding 🙂
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.It will add class on html tag.
2) html5boilerplate.com
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
3) html5please.com
html5please.com will let you updated about HTML5, CSS3 features.If they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
4) videojs.com
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video.Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn’t supported, and also provides a consistent JavaScript API for interacting with the video.
5) liveweave.com
Liveweave is a HTML5, CSS3 & JavaScript playground for web developers and designers.Very useful tool for test your coding quickly.
Hope this tools will help you on your next project.
Happy coding 🙂Written by
Dynamic Web Lab Editorial
We share how we design, engineer, and scale digital products across the GCC, Europe, and the US.
Need help implementing this?
We turn these playbooks into shipped features. Let us scope your roadmap and support your team.
Start a project conversation
