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.

• Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.
• Cloud9 IDE - Write, run, and debug your code with our powerful and flexible cloud IDE. Collaborate on your workspaces publicly, or keep them private. The choice is yours!

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