coder

+ express functionality in an easy-to-use manner

+ users can immediately navigate the site and find the information they nee.

+ reduce scrolling to a minimum and only for vertical content

+ make your fonts big enough to read and add plenty of extra space between paragraphs

+ avoid unnecessary images especially the heavyweight images

+ viewport meta tag 

<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

+ offer a full-scale alternative

+ simplify your color scheme

The address element has been around since the HTML3 spec was drafted in 1995, and it continues to survive in the latest drafts of HTML5. But nearly fifteen years after its creation, it's still causing confusion among developers. So how should we be using address in our documents?

The address element provides contact information for a document or part of a document. Information provided byaddress may include the names of the document’s maintainers, links to the maintainers’ Web pages, e-mail addresses for feedback, postal addresses, phone numbers, and so on. Theaddress element is not appropriate for all postal and e-mailaddresses; it should be reserved for providing such information about the contact people for the document.

W3C HTML5 specification

If we follow the document, we should use like this:

posted by<address><a href="#">author</a></address>

THE WRONG WAY

The most common misconception about the address element is that it should be used to mark up any old address. Take a look at the following example:

<!-- This is bad! --> <address> Dr. Jack Osborne<br> HTML5 Hospital,<br> Doctorville,<br> Great Britain<br> Tel: +44 (0)XXXX XXXXXX </address>

1.SVG

2.CSS3

3.Geolocation

4.Client Storage

jRumble is a jQuery pluign to make the rumbling effect like http://www.playnext.cn/.

It's great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.

website:http://jackrugile.com/jrumble/

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

mootools supports all the css3 features while  jQuery support only some of them, but it's enought!

假如你想让他成为一个高效工程师， 推荐 Python。

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.

We’ve all been there: we write a bit of CSS code, save it, switch over to the browser, reload to see the changes, and then go back to the editor, following the same tiresome cycle over and over again. Wouldn’t it be nice to have a tool that automatically detects changes in the CSS and shows them in any Web browser, without needing to manually refresh the page? It would, wouldn’t it? Well, that’s exactly what Vogue does.

“Design for when things go wrong.”

Gets right to the point, doesn’t it? Defensive design anticipates both user and website error. Then, it tries to prevent those errors and provide help to get the user back on track. Defensive design for the Web usually focuses on the most common points of failure: forms, search, the address bar and server problems.

Defensive design:

Employs validation to check for mistakes before they frustrate the user,

Expands available options based on the user’s implied intent,

Protects site visitors from server errors and broken links with informative messages and