Feb
2
2012
If you are a serious HTML5|CSS3 developer, you have undoubtedly come across the amazing resource known as Modernizr. Modernizr is an amazing suite of script functions that enable feature detection to provide intelligent rendering across the multiple browsers that do or don’t support the desired feature.
Recently I was in need of a specific feature detection in CSS3 that I realized was not in the latest version of Modernizr – the ability to detect support for CSS3 Selectors. Some examples of new CSS3 selectors include: ::selection, :root, :target, :not, :checked, :empty … just to name a few. With necessity being the mother of invention, I took it upon myself to create the script needed to do the job.
Here is the script, and I look forward to any feedback 
// elsewhere in script use this way:
// var result = Palermozr.isSelectorSupported(":root");
var Palermozr = (function () {
function isSelectorSupported(anySelector) {
var newStyle = document.createElement("style"),
cssRule = anySelector + "{}",
isSupported = false,
styles,
rules,
selectorText;
newStyle.type = "text\/css";
if (newStyle.styleSheet) {
styles = newStyle.styleSheet;
if (styles.cssText) {
styles.cssText = cssRule;
if (styles.rules) {
rules = styles.rules;
if (rules[0].selectorText) {
selectorText = rules[0].selectorText.toLowerCase();
isSupported = selectorText.indexOf("unknown") < 0;
}
}
}
} else {
newStyle.appendChild(document.createTextNode(cssRule));
document.body.appendChild(newStyle);
isSupported = !!newStyle.sheet.cssRules.length;
document.body.removeChild(newStyle);
}
return isSupported;
}
return {
isSelectorSupported: isSelectorSupported
};
})();
Dec
7
2011
My latest article published at DevProConnections is about collecting and validating data using the new HTML5 enhancements to form inputs. In the article I cover new attributes to input elements such at required, placeholder, and pattern. I showcase how to style forms with CSS3, and how to customize validation with script.
To read the article online, please visit HTML5 Form Enhancements with CSS3 and JavaScript at DevProConnections!
Nov
10
2011
The highly popular HTML5 Web Camp events sponsored by Microsoft are typically filled to capacity when delivered at any location. In my humble opinion, the best HTML5 Web Camp delivered to date was in my hometown of Phoenix, AZ. Fortunately, the team at EventDay showed up that day to record every session. With great pleasure, I announce the availability of these videos for you to watch at your convenience – for free!
Each video provides a simple user interface that allows you to see the presenter, the content on the screen, and navigation controls to the topic you are most interested in. When the screen in maximized, you will truly be immersed into the experience as if you attended live!
The link for all these videos is found below. Please share with your community!!!
http://bit.ly/html5camp-videos
Oct
20
2011
The CSS3 session that followed the HTML5 session was very fun to presesnt. Thanks to all who attended. Please enjoy the demos used in the presentation by downloading the zipped files below.
CSS3 DEMOS
Aug
28
2011
The next article at DevProConnections is out!
This article is all about using the new features in CSS3 in your HTML5 web sites.
This article discusses layout, media queries, and the little things that make a difference to user experience!
Aug
24
2011
The HTML5 Web Camp in LA was clearly the best one yet. Hats off to all the volunteers and the attendees for being very prepared for the event.
The event was very interactive, and many questions were regarding browser concerns. There were a few questions regarding the future of development, and we did show a video regarding Windows 8.
The demo code featured during my presentations can be downloaded below:
[ HTML5 & CSS3 demo files ]
Jul
29
2011
This will be the first of a series of blog posts to help someone new to HTML5 development. The first item to address is: What is meant by the term HTML5? I like to think of it as “Triple S” or SSS.
Source refers to the HTML markup itself, the tags.
Style refers to the inline styles and/or modules from CSS3.
Script refers to the development aspect of HTML5 with Javascript.
For an introduction to these terms in slightly more detail, please read the first article I co-authored with Daniel Egan.
Jun
23
2011
Here are the resources for the Web Camp HTML5 in Irvine, CA:
Jun
10
2011
Friday June 10th is the date of the Web Camp HTML5 Event in Colorado Springs, CO.
[Download HTML5/CSS3 demo code!]
May
20
2011
I presented on HTML5 & CSS3 with Scott Stanfield today in Silicon Valley. Presenting with Scott was a blast! I was very entertained and the audience (including those watching in overflow room via streaming video) appeared to enjoy the sessions as well. One personal favorite was a link Scott provided about the future of HTML (30 second video at bottom of page is worth watching).
One question that was asked a lot was: “Where can we get a list of all the resources presented today?” As promised, this is the list you are looking for:
Get a quick daily snap-shot of developer topics…