Commonly used plugins, widgets and techniques

Tools

w3schools ColorPicker
CSS gradient editor
Testen:
w3 validator & CSS validator
JSfiddle
Netrenderer - IE tester
Dreamweaver: Addons

Learn HTML/CSS

w3schools
Learn CSS layout
tutsplus.com: Learn CSS
Webdesignerwall: jQuery tutorials for designers

Outline articles

jQuery tutorial Webdesignerwall, includes examples and demo's
Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks
Powerful new css/javascript techniques
Build a HTML5/CSS3 Website Layout Without Images, part 2
Html5 en css 3: de pijlers van morgen
Start Using CSS3 Today: Techniques and Tutorials
48 Excellent html5 demos
8 Most Popular jQuery Plugins of January 2012

Responsive design

Responsive Design is een methode van webdesign waarbij de inhoud (c.q. het ontwerp) van de website zich aanpast aan het apparaat waarmee het bezocht wordt en waarbij het liefst geen concessie wordt gedaan aan de gebruikerservaring.



Tutorials for making your website mobile friendly
Bootstrap - 'mobile first' grid & template system
Dive into Responsive Prototyping with Foundation
Foundation framework
Dreamweaver CC: Responsive design using fluid grid layouts
Dreamweaver CS6: Building fluid grid layouts

Sources & more

unheap.com/
jque.re/
plugins.jquery.com
jqueryscript.net
Codrops
WebdesignerWall
1stwebdesigner
SmashingMagazine
Tutorialzine
Hakim