Sites e Apps para aprender/escrever programação: By Ricardo Pereira Rodrigues on Friday, September 27, 2013 at 6:40pm

• Koding (https://koding.com/)
• Cloud9 (https://c9.io/)
• codepen (http://codepen.io/)
• dabblet (http://dabblet.com/)
• pastebin (http://pastebin.me/)
• cssdeck (http://cssdeck.com/)
• jsfiddle (http://jsfiddle.net/)
• jsdoit (http://jsdo.it/)
• thinker (http://tinker.io/)
• thinkerBin (http://tinkerbin.com/)
• sqlfiddle (http://sqlfiddle.com/)
• refiddle (http://refiddle.com/)
• Thimble (https://thimble.webmaker.org/en-US/)
• eclipse orion (http://www.eclipse.org/orion/)
• liveweave (http://www.liveweave.com/)
• Goolgle code playground (http://code.google.com/apis/ajax/playground/)
• pastebin (http://pastebin.com/)
• compilr (https://compilr.com/)
• Code Academy (http://www.codecademy.com/)
• Code (http://www.code.org/)
• Treehouse (http://teamtreehouse.com/)
• Lynda (http://www.lynda.com/)

RECURSOS EXTRA

TAGS E TUTORIAS HTML

• http://www.w3schools.com/html/default.asp

Para saber mais um pouco sobre a evolução da Web:

• http://evolutionofweb.appspot.com/

Cheat Sheets:

• Folhas resumos com a sintaxe das várias linguagens web.

http://overapi.com/

Guia para optimizar a performance em front-end:

• http://browserdiet.com/

PARA TESTAR A FORMA COMO UM WEBSITE É EXIBIDO NUM BROWSER:

• Chrome:

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en

• Safari:

http://resizesafari.com/

• Firefox:

https://addons.mozilla.org/en-us/firefox/addon/firesizer/

• Internet Explorer:

http://www.microsoft.com/en-us/download/details.aspx?id=18359

Para testar a forma como um website é exibido em diferentes sistemas operativos e em versões mais antigas e mais recentes dos browsers:

• http://www.browsercam.com/
• http://www.browserstack.com/
• http://browsershots.org/
• http://crossbrowsertesting.com/

TIPOGRAFIA/FONTES:

• Fonte dummy para usar em wireframes:

https://github.com/christiannaths/Redacted-Font

• Texto modelo da indústria tipográfica e de impressão, óptimo para usar em maquetes de peças para impressão ou mockups.

http://www.lipsum.com/

Bancos de Fontes:

• http://www.fontsquirrel.com/
• http://www.fontex.org/
• http://openfontlibrary.org/
• https://typekit.com/
• http://www.fontspring.com/
• (Open Source Fonts)http://www.google.com/fonts/

CSS:

• Tips&Tricks. http://www.css-tricks.com