Novità e tendenze luglio 2011

Grafica per il web



1) tipografia: fuori dai web safe fonts


Google_Web_Fonts_1309938566589.jpg

http://www.google.com/webfonts/v2


Font_Squirrel_-_Retro_Free_Fonts_1309939190666.jpg

http://www.fontsquirrel.com



approfondimenti

http://www.alistapart.com/articles/howtosizetextincss
http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/
http://webtypography.net

2) grafica con effetti CSS3


text-shadow
border-radius and box-shadow
transizioni animazioni css3 /javascript

http://www.elladesign.com/myraindrop.html


css3.com

approfondimenti

http://css3.bradshawenterprises.com/all/
http://www.css3.info/



3) griglie ovviamente


http://analog.coop/

4) mega immagini e mega video


http://lab.netchillies.com/themes/artist-me/gallery
http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

http://www.guyvernes.com/
mega video !
http://www.metonweb.com/


5) Stile Minimal !


http://www.informationarchitects.jp/en/

6) illustrazione / vettoriale


Booki.sh_1309951541536.jpg

https://booki.sh/

DEIDRE_-DEDA-_BAIN-_PORTFOLIO_1309955933210.jpg

http://deda.me/

8) infographics (anche troppe)


http://www.good.is/infographics


Web e progettazione


9) html 5


http://www.chromeexperiments.com/
programmazione in javascript

https://demos.mozilla.org/it/

approfondimenti

http://www.paitadesign.com/blog/html5-css3-website-templates-per-iniziare-a-progettare-il-web-di-domani/




10) design responsivo


http://cssgrid.net/

http://interim.it/ (+ singola pagina )


http://www.fmdesignblog.com/il-concetto-di-responsive-web-design-progettare-un-sito-web-per-diverse-risoluzioni-con-media-queries.html

http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/

http://mediaqueri.es/


approfondimenti
http://webdesign.tutsplus.com/articles/design-theory/basix-common-mistakes-in-web-design/


11) web apps / web magazines


http://treesaverjs.com/