http://www.bentobox.io/




code.JPG
https://sites.google.com/a/eng.ucsd.edu/codespells/downloads

http://www.coursehero.com/courses/13/Intro-to-HTML/#intro

http://www.codecademy.com/


http://smashinghub.com/15-page-transitions-effects-tutorials-in-css3-and-jquery.htm?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+Smashinghub+%28SmashingHub%29

http://panic.com/coda/


http://getfirebug.com/


http://line25.com/articles/20-jquery-tutorials-teaching-super-cool-visual-effects

http://foundation.zurb.com/templates.php

For Kids
http://opensource.com/education/12/10/scratch-programming-language-kids



Appy Pie
http://apps.appypie.com/app/create-app




  • http://foundation.zurb.com/templates.php#store3
    html templates
  • Eclipse Code Formatter 4The Eclipse IDE has built-in support for code formatting. You can decide how specific languages should be formatted and Eclipse can apply the formatting either automatically or on demand.
  • JSHint 5A JavaScript code quality tool that also checks for stylistic issues.
  • CSS Lint 6A CSS code quality tool by Nicole Sullivan 7 and me that also checks for stylistic issues.
  • Checkstyle 8A tool for checking style guidelines in Java code, which can also be used for other languages.

http://www.3x4grid.com/

https://app.divshot.com/#/


http://www.crunchzilla.com/code-monster

http://generatepattern.com/

http://www.snipsave.com/
Create an account in less than a minute and access your code snippets from anywhere.
SnipSave features a very easy-to-use interface where you can quickly create, edit and delete code snippets. It was designed and built for ease and speed of use.

http://dabblet.com/
displays what code looks like as you enter it

http://csslint.net/index.html
CSSLint is a quick and dirty tool to check your CSS for errors and warnings. Simply copy-paste your CSS code into the provided space and click on “Lint”. The tool will scan through your CSS and identify any errors.

CSSTypeset: Quickly Generate The CSS Code For Your Texts

http://cssprism.com/
enter the URL of any CSS file to view and modify its colour spectrum
enter

http://www.labnol.org/software/deobfuscate-javascript/19815/
deobfuscate google chrome

http://code.google.com/apis/chart/interactive/docs/quick_start.html
charts from google


**CSS3 Drop Shadow Generator** – If you are a web designer and want to quickly generate shadows for an image using CSS, check out the CSS3 Drop Shadow Generator, which lets you do just that. The tool is instant and lets you view the results and the respective generated CSS code immediately on the right hand side. First, choose among 8 different shadow styles. Read more: **CSS3 Drop Shadow Generator: Generate CSS3 Shadows For An Image In 8 Different Styles**
http://www.css3.me/

create boxes that are appealing to site visitors

http://mbostock.github.com/d3/
A great evolution in the development of visualisation programming tools, D3 is “is a small, free JavaScript library for manipulating documents based on data“. Created by Mike Bostock, it is a successor to the popular Protovis and provides a fast, flexible and efficient visualisation framework for designing contemporary web-based visualisations.


http://layerstyles.org/
create various CSS codes on the fly by configuring elements like drop shadow, inner shadow, background, border, and border radius

http://css3shapes.com/
CSS3 codes for commonly used shapes

http://www.makeuseof.com/tag/5-baby-steps-learning-css-kickass-css-sorcerer/

script tag libraries

http://www.sciweavers.org/i2style
free online CSS3 typeset style generator

http://www.makeuseof.com/tag/steps-road-css-mastery/
how to be a CSS jedi master

From Somacon Web development




fluid grid calculator
You give the calculator the number of columns you want your grid system to have, how wide you want one of those columns to be and, finally, how wide you want the gaps between each column (gutters) to be.
Given just these three bits of information the script gives you back a full stylesheet—which you can download—which contains the measurements for all of your possible grid sizes, their gutters and their containers.






Unicode table

Waterbear

is a visual programming language for Javascript. It is very similar to scratch developed at MIT, but as an added feature also allows users to view the code.


http://snipsource.com/about.php