Textpattern plugin Modernizr HTML5 form input fallback

Companion plugin for zem_contact_reborn - pro_modernizr_form

Modernizr placeholder fallback

Download a copy of Modernizr with HTML5 input attributes and input types compatibility, host this via your own web site. It is not recommended to use the CDN for Modernizr, however there is a production copy available for temporary use only:

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>

Modernizr input type fallback

Input types currently supported for Modernizr fallback include:

  • input type=date
  • input type=range
  • input type=number

jquery date picker

Jquery code for fallback solutions

Insert the Jquery and Modernizr links before the /head tag of your page. (I would usually prefer to load before /body for speed, however testing in IE7-IE9 revealed it only recognises the .js links in the head of the page, typical IE behaviour!) This includes a css file needed to style the Jquery fallbacks.

Jquery themes, including ‘roll your own’ available here.

Latest Google Jquery versions available here.

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

Download Modernizr as instructed above and insert link:

<script type="text/javascript" src="<txp:site_url />js/modernizr.mycustomnumber.js"></script>

New tag to execute Modernizr check and Jquery fallback

Insert the tag below before the /body :

<txp:pro_modernizr_form />

This tag will load the Modernizr checks to see if the fallback Jquery is needed, and if it is it will execute that code.

Tested in Firefox, Safari, IE 7-10, Chrome

See how it works on my web design cork page, includes slider/date input etc, and do comment below with any queries or suggestions!

Download the plugin here:

pro_modernizr_form_v0.1.txt

pro_modernizr_form_v0.1_zip.txt

Web Design Testimonials

“I worked with Hilary for a time and during that period I found her to be extremely helpful and articulate. Her work was of highest standard and I was also able to observe how she interacted with her clients. While providing a top class service she maintained friendly and helpful services with them, listened to what they wanted and made appropriate suggestions. Hilary also assisted me with my work and provides services to the local community at large. I have no hesitation in recommending Hilary for any work.”

Andrea Harte - Undergraduate at University of Limerick

“Hilary is the most passionate, multi-talented web expert I know! She is totally committed to delivering the absolute best for her clients, and is a pleasure to work with and be around. Not only does Hilary deliver beautiful websites, they are also fully standards compliant, and use the most up-to-date technology. I would have no hesitation recommending Hilary and Proximo Web Design to anyone – and I often do!”

Lauren O'Donovan - Digital Strategist at Creative B'stro

Hilary at her Company Proximo Design created a webpage for me at Gourmet Burger Bistro this year. I wanted to get it up and running quickly and I could not have been more satisfied with the speed and quality of her results.
Best of luck in the future Hilary and I look forward to continuing our business relationship.
Michael Condon
Gourmet Burger Bistro

Michael Condon Owner, Gourmet Burger Bistro

“Hilary is an experienced web designer who understands the most complex coding issues web designers can face. Very easy to work with and always meets her deadlines.”

Paul Feeney - printing.com

“Hilary is quite an exceptional web designer and has a great eye for detail. After we gave her our concept from the outset she returned with an excellent offering. Superb designs, very efficient web design, best advice and we always got the feeling she was always looking after us. At every stage in dealing with her she has out done herself and truly is a gifted designer. Comes highly highly recommended by us and we have gotten huge praise from others we have referred to her. Keep up the excellent work Hilary.”

Owen Purcell - mybodyworks.ie

Contact us!

We would be delighted to hear from you.

Email

Send your project details to hello@proximowebdesign.ie and we will get in touch!

We help you with
Web Design. Online Marketing. SEO. Social Media. Content Creation.