WebDev

• Talk: Tooling & The Webapp Development Stack - Paul Irish, May 1st, 2012
  • Slides

Dev folk

• http://paulirish.com/
• http://codinghorror.com/blog/ - Jeff Atwood

General

• http://www.webdesignshock.com/web-design-software - to check

python2

 python -m SimpleHTTPServer 8000

python3

python -m http.server 5674

Analysis

• http://ifconfig.me/ - client info via curl
• http://redbot.org/

• http://ismyblogworking.com/
• http://www.webpagetest.org/

• http://www.coderholic.com/invaluable-command-line-tools-for-web-developers/

• http://prettydiff.com/

• http://nwtools.com/
• http://urlspy.co.uk/

Testing

• http://seleniumhq.org/

Coding

• http://ted.mielczarek.org/code/mozilla/bookmarklet.html

• • EightPack consists of the following tools: JSLint, JSHint, JS Beautifier, JSMin, CSS Beautify, and cssmin.js. Uses V8 engine.

• http://code.google.com/p/minify/ - php css and js
  • http://code.google.com/p/minify/wiki/CommonProblems

• https://github.com/tedivm/JShrink - php js

• https://github.com/css/csso - nodejs

• http://code.google.com/p/collide/

• https://github.com/stubbornella/csslint

• http://www.initializr.com/

• http://www.yaml.de/

Authoring

• Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.
  • http://maqetta.org:55556/maqetta/app/docs/index.html#tutorials/tutorials

• BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it's a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

• Aptana Studio 3 - Develop and test your entire web application using a single environment. With support for the latest browser technology specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python.

CSS 3

• http://www.layerstyles.org/ - box shadow, etc.
• http://www.css3d.net/ribbon-generator/
• Ceaser - CSS Easing Animation Tool

• http://www.patternify.com/ - CSS Pattern Generator

Support

• http://stackoverflow.com/privileges
  • http://meta.stackoverflow.com/
  • http://stackoverflow.com/badges