Web Development Tips
Estelle Weyl | October 13, 2012
My Twitter account, WebDevTips, has been reactivated. Follow @webDevTips to get (almost) daily Web Development tips in your timeline.
Standardista
CSS3, JavaScript and HTML5 explained
Search
details and summary polyfill
Estelle Weyl | August 3, 2012
var summaryClick = function(elem){
if (!('open' in document.createElement('details'))){
var deetails = elem.parentNode;
if(deetails.hasAttribute('open')){
deetails.removeAttribute('open');
} else {
deetails.setAttribute('open', 'open')
}
}
}
add the summaryClick to your <summaryclick event listeners
And then in my CSS I put something similar … More …
6 Best Practices for Marking up your HTML5
Estelle Weyl | August 18, 2011
There are several coding rules required for XHTML that were optional or even unsupported in HTML 4. While HTML5 supports both coding formats, there are some non-required best practices. We cover the top 6 in this post.
Yes, you can start using HTML5 today
Estelle Weyl | November 6, 2010
People, including someone from the W3C, have stated that HTML5 is not ready for production. I’ve been asked several times “do you have any HTML5 websites.” This article provides for a list of some HTMl5 websites I have done and others have produced, and some resources to look into to help get you started.
Placeholder Attribute Support in ALL browsers
Estelle Weyl | October 29, 2010
There is no reason to NOT use HTML5 form attributes. HTML5 form elements enhance forms. In this quick snippet, we show how easy it is to get old browsers to pretend that they support the placeholder attribute
Mobile Web Application Development: HTML5 and CSS3 for Android & iPhone
Estelle Weyl | October 26, 2010
Introduction to mobile web application development — using HTML5 and CSS3 — for mobile. Learn how to target mobile devices, including iPad, iPhone and Android.
Introduction to GeoLocation
Estelle Weyl | August 15, 2010
Geolocation allows users to share their physical location with your application if they choose to. Especially useful in social networking, geo tagging, and mapping, but applicable to any type of application, geolocation enables developers to enhance the user experience, making content, social graphs and advertisements more relevant to the location of the user. Learn the basic JavaScript to determine your user’s location.
HTML5: Introduction to <canvas>
Estelle Weyl | August 12, 2010
The HTML5 Canvas specification is a JavaScript API for coding drawings. The canvas API allows the definition of a canvas context object as the <canvas> element on your HTML page inside which we can draw. In this tutorial we introduce you to the canvas element and the basic canvas javascript properties and methods.
HTML5 Input Attributes & Browser Support
Estelle Weyl | June 27, 2010
There are several new attributes for the HTML5 <input> types. This grid shows what attributes are relevant to what input types, and which browsers support each of these attributes.
HTML5: <section> v. <article>
Estelle Weyl | March 14, 2010
I have been asked several times “when do you use <article> and when do you use &let;section> in HTML5?” Here is an analogy to help developers make sense of the two elements.