Porady dla laika

[Kartofelek]

1) layout - jak najbardziej

2) Ja się uczyłem z tego:
http://webmaster.helion.pl/ ale wiem, że ani to nowe ani w 100% dobre. Ja jednak polecam ten kurs.

Pewnie zainteresuje cie jeszcze to: http://net.tutsplus.com/sessions/html5-and-you/ i to: http://html5doctor.com/article-archive/

Dodatkowe strony które warto znać/często odwiedziać:

http://alistapart.com
http://www.smashingmagazine.com/
http://www.webappers.com/
http://tutorialzine.com/
http://www.noupe.com/
http://naldzgraphics.net/
http://www.onextrapixel.com/
http://internetmaker.pl/
http://net.tutsplus.com/
http://tympanus.net/codrops/
http://psd.tutsplus.com/
http://www.emanueleferonato.com/
http://jqueryfordesigners.com/
http://www.webdesignerdepot.com/
http://www.webresourcesdepot.com/
http://www.webdesignerwall.com/
http://ae.tutsplus.com/
http://speckyboy.com/
http://webdesign.tutsplus.com/
http://strims.pl/
http://vector.tutsplus.com/
http://www.webinterfacelab.com/snippets
http://codevisually.com/
http://thinkvitamin.com/
http://wp.tutsplus.com/
http://html5snippets.com/
http://mobile.tutsplus.com/
http://freebiesbug.com/

Najlepiej zainstalować sobie w firefoxie dodatek FastDial (w operze nie trzeba) i walnąć sobie te strony na stronę początkową.

3) Css.
Polecana tutaj często w3school jest dla mnie bardzo średnia. Wolę stackowerflow.com lub to http://dochub.io/#css/

O CSS:
http://adamczuk.net.pl/2009/01/08/obsluga-selektorow-css3-przez-przegladarki/
http://caniuse.com/#
http://dochub.io/#css/
http://meiert.com/en/indices/css-properties/
http://robertnyman.com/css3/
http://www.findmebyip.com/litmus/#css3_ends
http://www.webdevout.net/browser-support-css
http://www.webdevout.net/browser-support-css
https://developer.mozilla.org/en/CSS_Reference

Efekty:
http://anton.trollback.se/shine-effect/
http://tympanus.net/Tutorials/CSSButtonsPseudoElements/index4.html
http://ubuwaits.github.com/css3-buttons/
http://www.webstuffshare.com/2012/05/css3-pictogram-button/
http://demo.webinterfacelab.com/9-3d-buttons/
http://daneden.me/animate/
http://www.noupe.com/css/useful-css-snippets-for-your-coding-arsenal.html
http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-chunky-3d-web-buttons-the-css3-version/
http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3/
http://tympanus.net/Development/HoverClickTriggerCircle/#
http://matthamm.com/box-shadow-curl.html
http://css-tricks.com/better-tabs-with-round-out-borders/
http://tympanus.net/Tutorials/CSS3SlidingImagePanels/index4.html
http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
http://www.brunildo.org/test/img_center.html
http://inspectelement.com/tutorials/create-the-illusion-of-stacked-elements-with-css3-pseudo-elements/
http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/
http://demo.webinterfacelab.com/5-progress-bars/
http://css-tricks.com/examples/hrs/
http://html5snippets.com/
http://html5snippets.com/snippets/14-how-to-keep-your-footer-at-the-bottom-of-the-page#
https://github.com/paulirish/css3please/issues/73
http://www.webinterfacelab.com/snippets/page/5

Reszta to czysta praktyka i po prostu częste czytanie tutoriali.