After finding the previously mentioned web development tools, I spent some time over the weekend looking at other techniques people have been using, a lot of which seem to be shorthand techniques to speed up development. One thing led to the other and down the rabbit hole I went. Lots of different things going on that I knew nothing about. Here's a small sample of what I came across.
HTML
Jade - jade-lang.com (http://jade-lang.com)
HAML - haml-lang.com (http://haml-lang.com)
HTML-Ipsum - html-ipsum.com (http://html-ipsum.com/) (Quickly copy and paste HTML formatted ipsum into your templates)
CSS
LESS - lesscss.org (http://lesscss.org)
SASS - sass-lang.com (http://sass-lang.com) (Same people who made HAML, therefor same stuff just for CSS)
Bless - blesscss.com (http://blesscss.com) (For massive websites that intend to serve up mostly IE users, but keep CSS files to a minimum)
Stylus - learnboost.github.com/stylus/ (http://learnboost.github.com/stylus/)
JavaScript
CoffeeScript - coffeescript.org (http://coffeescript.org)
JSHint - jshint.com (http://jshint.com)
JSLint - jslint.com (http://jslint.com)
Modernizr - modernizr.com (http://modernizr.com/)
jQuery - jquery.com (http://jquery.com/) (Everyone should know this one, but just in case)
jQuery UI - jqueryui.com (http://jqueryui.com/) (UI elements for jQuery, pro-tip: only use the underlying JS for your design, make it look unique)
RegEx Library - regexlib.com (http://regexlib.com/) (Because it's ludicrous to write them on your own lol)
Frameworks/All-in-one
Compass - compass-style.org (http://compass-style.org)
Bootstrap - twitter.github.com/bootstrap/ (http://twitter.github.com/bootstrap/)
HTML5 Boilerplate - html5boilerplate.com (http://html5boilerplate.com)
960.gs - 960.gs (http://960.gs/)
Pure - purecss.io (http://purecss.io/)
Extras
GLYPHICONS - glyphicons.com (http://glyphicons.com/) (Author tweeted an update saying he's adding a web font version!)
FontSquirrel - www.fontsquirrel.com (http://www.fontsquirrel.com/) (Free commercial use web fonts)
Google Web Fonts - www.google.com/webfonts (http://www.google.com/webfonts) (Google hosted web fonts)
Repository Hosting
GitHub - github.com (https://github.com/)
Beanstalk - beanstalkapp.com (http://beanstalkapp.com/)
Other Tools
BrowserStack - www.browserstack.com (http://www.browserstack.com/) (Live, web-based browser testing for various browser and OS combinations)
jsFiddle - jsfiddle.net (http://jsfiddle.net/) (For testing code snippets, and isolating display issues, really great!)
MAMP - www.mamp.info (http://www.mamp.info/) (Mac, Apache, MySQL, PHP)
WAMP - www.wampserver.com (http://www.wampserver.com/) (Windows, Apache, MySQL, PHP)
Brackets - brackets.io (http://brackets.io/) (A lightweight, but expandable, cross platform code editor developed with HTML and JS!)
Sublime Text - www.sublimetext.com (http://www.sublimetext.com/) (Awesome cross platform text/code editor)
Less App - incident57.com/less/ (http://incident57.com/less/) (For compiling Less files so it's just a regular CSS file)
Prepros - alphapixels.com/prepros/ (http://alphapixels.com/prepros/) (Compiles LESS, SASS, and everything in between. Will also also minify and uglify JS)
CodeKit - incident57.com/codekit/ (http://incident57.com/codekit/) (Same as above, but Mac only and is a paid app)
CodePen - codepen.io (http://codepen.io/) (Create, test, and share bits of code)
Thanks!
More stuff to add to my "to browse" list... ;)
I downloaded the HTML5 Boilerplate, however I don't know how to use it. The instructions in YouTube are confusing.
I added a lot of new stuff to my original post, specifically, gave it a new section called 'other tools'. Enjoy. :)
Quote from: Mark on April 26, 2012, 10:49:14 AM
I added a lot of new stuff to my original post, specifically, gave it a new section called 'other tools'. Enjoy. :)
Thank you sir!
Another link dump. ;)
Specifically - HTML-Ipsum, jQuery, jQuery UI, RegEx Library, GLYPHICONS, FontSquirrel, GitHub, Beanstalk, and CodePen.
A note on repository hosting, if you're developing websites for clients (or even for yourself) where there's a lot of work involved, start using version control! I've been using Git for about 6 months now (I had only used SVN when working with a piece of software that was a community effort before) and I'll never not use it again. ;)
Expanded the list yet again!
Added - Pure, Brackets, BrowserStack, and Prepros