Group items tagged

Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (20+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design or front-end application architecture. When not sitting in front of a computer, it's a sure bet he is hanging out with his wife & three boys in Meridian, Idaho. In his spare time Cody is working towards being a 'One Dollar Apologist' and enjoys defending ...

WHAT ARE CSS TRANSITIONS? Well, transitions smooth out value change by allowing elements to gently change from one style to the next; it's adding an effect to the change. Take for instance a link, where you set its style to have a pink background on hover. What typically happens is that, on mouse over, the colour rapidly changes to pink and rapidly changes back on mouse out. With a transition, the processes can be smoothed out so that the colour change faces in and out.

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.