html5shiv - HTML5 IE enabling script Dual licensed under the MIT or GPL Version 2 licenses Full original, uncompressed source available here: Source code adds new HTML5 elements (which is simple code), but also supports printing HTML5 elements and includes the default styles for HTML5 elements, like block on article and section. Getting it to work in the browser was easy, @jon_neal and afarkas made IE actually print HTML5 elements - these guys are to take all the credit. Please take a moment to thank them! To use this script, download the html5shiv and roll it in to your own code (ideally minified). Common question: what's the difference between the html5shim and the html5shiv?
Good Designers Redesign, Great Designers Realign Halfway through 2004, I openly predicted incessant redesigning would become somewhat cessant by the same year’s end: Forward thinkers understand content is still king and focus on such while deploying minimal upgrades, rather than relying on skillful makeovers that gain short-lived traffic spurts following award listings but offer downright weak content. How wrong I was. Apparently the Incessant Redesign is far from extinction. Like a kid in a candy store, we creatives redesign like it’s the new black. Why do we possess such an insatiable desire to refresh and remake? While this article won’t analyze the psychological ambitions of right-brained elites and their innate desire to recreate, it will attempt to describe the difference between redesigning and realigning, as well the advantages of one over the other. If iLife Falls in the Forest…#section1 In January 2005, Apple’s iLife ’05 was announced from Macworld Expo in San Francisco. Redesigners vs. The “redesigners”#section3 31three#section7
Layout 32 1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very Add Text to this section
9 Javascript(s) you better not miss !! This tutorial is aimed at those who have a working knowledge of Javascript. So the examples are not explained in great detail. Only the important parts are highlighted. Please not that that wherever there is a mention of any .jpg , .gif or any other .html files, see to it that you have a dummy .gif, .jpg or .html file in the same directory as the script file so that the script finds these files. Example 1 : A Single click for checking-unchecking multiple check boxes You must have seen this script working at many places. Note : The VALUE tag for the checkboxes seem to have no use. Example 2 : Opening a page (existing as well as dynamic) in a new window without bars, buttons, etc. Example 3 : Multiple submit buttons on a single form (Submitting same form to any one of many programs) This script shows you how to submit the contents of a form to different programs depending on which Submit button you press. I have shown 2 ways.. Below is the source of leftindex.html
Layout 31 1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very Add Text to this section
Never Get Involved in a Land War in Asia (or Build a Website for No Reason) At the head of the conference table paced a well-dressed man with a loosened tie, rolled-up sleeves, and an air of frustration. Sitting across the table from me was the web design team the man had hired to create a website about his pair of rare and identical 1964 muscle cars. And then there was me. After a lengthy monologue from the client on the history of the Ford Mustang, the color mint, and the travel history of the two cars, the meeting turned into a flurry of to-do items: hire a photographer, scout locations for photography, scan logos, research the design style of the 1960s. Meanwhile, designers furiously sketched layouts to give the client an idea of how the website might look. The web design team on the other side of the table were actually friendly competitors, and they’d asked me to tag along in the hope that my advertising education and experience would provide another “expert” opinion. “I’m sorry,” I said, and put down the sandwich. The high-fives stopped. Why strategy?
HTML5 / CSS3 Browser Support 4 comments | Related thoughts: CSS3, HTML5, Mobile Support Charts If you need to find which browsers support which HTML5/CSS3/SVG/lastest-and-greatest features, here are a few resources that I find helpful (I’m sure there are other — let me know which sites you use in the comments below). When Can I Use is a frequently updated set of tables showing browser support for CSS3, HTML5, SVG and other cutting edge technologies. It’s full of excellent information — for example, I didn’t know that Safari now supports WOFF (Web Open Font Format) fonts now! Testing There are several sites that can report your browser’s support for various technologies — just visit the sites below and you’ll see a list of where your browser succeeds … and fails. HTML5 Test provides a quick test of your browser’s support for HTML5 elements and related technologies (like Geolocation, Web Workers, and WebGL).
CSS Swag: Multi-Column Lists One of the minor holy grails of XHTML and CSS is to produce a single, semantically logical ordered list that wraps into vertical columns. Article Continues Below The ideal situation, in my view, would be a single XHTML list whose wrapping is controlled entirely by CSS. CSS and the browsers that support it don’t yet provide us with “vertical wrap,” so we have to augment basic list markup with additional attributes and styling rules to achieve the effect. We’ll be shooting for something that looks a bit like this: (Why, you’ve doubtless been pondering, is this article entitled “CSS Swag”? Watch your step#section2 I’ll warn you up front. While each of these methods is simple enough to set up, the acid test comes when you add or remove list items in the course of website maintenance. The reality is not so ideal. So why do we bother? To work, then. First, expunge all white space#section3 The default rendering of an XHTML ordered list in browsers is that of a single vertical series of items:
Design Choices Can Cripple a Website I admit, it’s a provocative headline. But it’s true. However compelling the message, however great the copy, however strong the sales argument… the way a page is designed will have a dramatic impact on conversion rates, for better or for worse. Before I go any further, I want you to look at three versions of the same offer page: I know, they won’t win any design awards. They weren’t intended to. Version A is the original. Version B follows the same basic layout, but we made some minor copy changes. In version C, we changed from a one-column format to two-column format. Be honest with yourself and decide now whether B or C beat A, and by what percentage#section1 Don’t scroll down and look for the answer. Write down a percentage by which B did better or worse than A. The design choices you make have a profound impact on results#section2 I imagine you have some way of measuring the success of your site. And yes, I’m sure you do some usability testing. But do you test different page designs?
CSS Techniques Roundup - 20 CSS Tips & Tricks September 22, 2005 Related Entries 55 people found this page useful, what do you think? Trackbacks Trackback Address: Comments Pete, Well done! Sami Pete, Great collection of useful references. Thanks Mark and Sami! Pete, this is really useful, about to get a junior developer to start on some look and feel tasks for a new application we are building and this wil save me a lot of time, thanks for the links. Also updated my site now so hopefully it doesn't offend the colour blind ;-) Once again cheers. Thanks Kev, glad to help out. Hey, there's some AWESOME stuff in here... Always great, instructive posts! Well, useful stuff, but ALL of them are listed on Here's a nice little top 10 from Evolt (now that they've got their site back up..... Hi Chris, Many of the links I posted here are listed in the link you posted, but not ALL of them. Keep up the good work Pete! thanks, Good job!!