HTML5 – Sound on mouseover
This is an example which will play a beep sound when the mouse enter an element with the help of HTML5. <html> <head> <script...
View ArticleModernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend...
Having problem on HTML5 and CSS3 with Internet Explorer? The Modernizr library could help you to tackle the problem. It checks the HTML5 and CSS3 features supported by the browser and developers could...
View ArticleCSS Browser Selector – Align the CSS styles for different browsers and OS
We have Modernizr to handle the HTML5 and CSS3 problem in old browsers. Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming Today, i would like to introduce another...
View ArticleHTML5 Doctype
In HTML5, you can just use the following Doctype before the <html> tag. <!DOCTYPE html> Quote from W3Schools The declaration must be the very first thing in your HTML5 document, before the...
View ArticleDrupal 7 – Add HTML5 Canvas to content type
The HTML5 Canvas let you draw graphics on the fly. So if you want to collect drawing in Drupal, the Canvas Field could help. 1. Download and enable the module. 2. Add an image field to any content type...
View ArticleSetup Yeoman in Windows PowerShell
1. Download Node.js and install it and make sure you have the npm package manager selected before the installation. 2. Open PowerShell and verify the npm installation. 3. Also verify if you have...
View Article100% height does not work for HTML5 Doctype
Recently doing some proof of concept on using jQuery SnapScroll. The demo worked without any problem but when i implemented it, i couldn’t make my div taking 100% height of the view port. Finally i...
View ArticleJavascript – Add query parameter to current URL without reload
The following example adds a query parameter to the URL without refreshing the page but only works on modern HTML5 browsers. index.html <!DOCTYPE html> <html> <head> <title>Add...
View ArticleGulp – Handle page reload in gulp-connect using connect-history-api-fallback
Page reload doesn’t work after enabled the html5mode. We have to rewrite the url and it could be easily done by using a middleware for the connect server. gulpfile.js var connect =...
View ArticleSVG clip-path doesn’t work in html5mode
I am working on an AngularJS project with html5mode enabled. I would like to implement the Card Expansion effect written on Codrops. Everything works fine but the SVG clip-path animation doesn’t work....
View Article