Help me understand JS + CSS + HTML = Cool UI [closed]

Question

I have been working on the UI since year or two. Many times i have satisfied myself with the JQuery, YUI and Prototype. But gradually i have been feeling the need to understand how these small things are assembled together.

I am able to find basics of CSS, JS and HTML with good books and blogs. But main mysteries i think lies in the UI component as a whole which is finished product of smart JS, CSS and HTML markup tricks.

Say for example a simple slick sliding div appearing and disparaging on the UI. Classic feature reach tables which are sortable, deletion operation slowly eating the row and stuff.

I would like to get into the basics of how these small small things and patters are implemented and integrated to form whole picture. Can some one guide me into this please.

Answer 1

Designing Interfaces an excellent book on user interaction.

UI-patterns.com has a vast wealth of examples.

This "15 Design Patterns" is a good round up of standard patterns.

And finally here's a "40 helpful resources" post.

You'll have to use your experience to flesh out these basic designs, but they're a good example of what you should work towards.