Quantcast
Browsing latest articles
Browse All 12 View Live

Image may be NSFW.
Clik here to view.

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 Article


Image may be NSFW.
Clik here to view.

Modernizr – 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 Article


Image may be NSFW.
Clik here to view.

CSS 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 Article

Image may be NSFW.
Clik here to view.

HTML5 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 Article

Image may be NSFW.
Clik here to view.

Drupal 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 Article


Image may be NSFW.
Clik here to view.

Setup 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 Article

Image may be NSFW.
Clik here to view.

100% 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 Article

Image may be NSFW.
Clik here to view.

Javascript – 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 Article


Image may be NSFW.
Clik here to view.

Gulp – 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 Article


Image may be NSFW.
Clik here to view.

SVG 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
Browsing latest articles
Browse All 12 View Live