eCSStender is an open source JavaScript library, created by Aaron Gustafson, that helps browsers (including IE6) pay attention to the CSS code you write.
It aims to prevent the usage of browser-specific properties & hacks but make leaner & meaner CSS possible.
eCSStender is an extendible library with its API support & has ready-to-use extensions like CSS3 selectors, @font-face, rotation & more.
How does it work?
-
it loops through the document's stylesheets and begins collecting information
-
parses the rules it understands
-
checks if the parsed rules are supported by the extensions
-
applies the supported rules to the document via JavaScript
Read the rest of this entry »
As the processes in HTML 5 & CSS3 working groups move forward everyday, it is getting much more clear that new standards are not too far.
There are lots of new tutorials, resources being created on HTML 5 / CSS3 including cheat sheets which are very functional helpers for anyone willing to code with these standards.
Although there are (currently) few around, here is a collection of HTML 5 and CSS3 cheat sheets:
P.S. the list will be updated with the new ones once they are created, please feel free to share them.
HTML 5 Cheat Sheets
Read the rest of this entry »
Similar to the IE6 situation, when using HTML5/CSS3 in our websites, it is a good idea to offer non-problematic outputs to web users with older/non-standard browsers.
Modernizr is a JavaScript library that uses feature detection techniques to determine whether or not the current browser is capable of CSS3 and HTML5 features like rgba(), border-radius, CSS Transitions & more.
It enables you to write pseudo-IF/ELSE statements in your CSS &, if wanted, it is possible to wirite conditional statements in JavaScript with the help of a "Modernizr JavaScript object" created.
Also, Modernizr adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as <section>, <header> and <dialog> without having to worry about them not working in Internet Explorer.
