Quantcast
Channel: HTML5 – User Agent Man
Browsing latest articles
Browse All 13 View Live

Image may be NSFW.
Clik here to view.

Is onforminput Deprecated in HTML5 Forms? (And Why Should I Care Anyways?)

Update: Newer versions of all browsers support the form element’s oninput attribute, which replaces the functionality of onforminput, and as a result I wrote a related article Fixing oninput in IE...

View Article



Image may be NSFW.
Clik here to view.

Fixing oninput in IE Using html5Widgets

In my previous blog post, I wished that the onforminput event was not deprecated in the HTML5 specification. I have used this attribute in the past to show values in range elements and show...

View Article

Image may be NSFW.
Clik here to view.

Clipping JPEG Images Into Non-Rectangular Polygons Using polyClip.js

This photo is not a PNG image with an alpha channel. It is a JPEG that has been clipped with polyClip.js The text was rotated using CSS3 Transforms, with alternate CSS for older IE using the IE...

View Article

Image may be NSFW.
Clik here to view.

Cross Browser HTML5 Progress Bars In Depth

Update (March 9, 2012): I have updated this document to include styling information for Internet Explorer 10. Screenshots of HTML5 progress bars with different styles applied. Details given below. As...

View Article

Image may be NSFW.
Clik here to view.

Cross Browser Styling of HTML5 Forms — Even In Older Browsers.

Note: For an introduction to HTML5 Forms, you may want to also read my original post, Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Forms which has been updated to...

View Article


Image may be NSFW.
Clik here to view.

Cross Browser GPU Acceleration and requestAnimationFrame in Depth

For a few of the projects I have done recently, there has been a need for animated masking of images (i.e. clipping an image into an irregular shape, and then animating that clipping area). Let’s look...

View Article

Image may be NSFW.
Clik here to view.

CSS3 Pseudo-Classes and HTML5 Forms: Their Limitations and a Possible Solution

Notes: Update: November 10, 2012: I found out via a this tweet that the CSS Selectors 4 has a (draft) pseudo-class for :user-error which may address the issues discussed here with way less CSS code. I...

View Article

Image may be NSFW.
Clik here to view.

Cross-Browser Animated Image Masking (Even in IE) Using polyClip.js

Move your mouse over (or slide your finger on) the image horizontally to see an example use-case of animated masking. Photos used by kind permission of my father (and good sport) Jean Hawryluk. I...

View Article


Image may be NSFW.
Clik here to view.

Making Framework Agnostic Isomorphic Web Applications with Query Strings and...

With frameworks like React in vogue today, there is a lot of HTML being rendered exclusively on the client instead of the server, where it has traditionally occured. While this can result in some...

View Article


Image may be NSFW.
Clik here to view.

Creating Accessible HTML5 Modal Dialogs For Desktop and Mobile

The button below is accessible with a mouse, a keyboard and accessibility gestures on a mobile device. The blog post below explains why. Login In order to continue, please log into the application...

View Article
Browsing latest articles
Browse All 13 View Live




Latest Images