Learning BITS

Dreamweaver Tutorials, Expression Web Tutorials, HTML Tutorials, CSS Tutorials, JavaScript Tutorials, JQuery Tutorials, PHP Tutorials, MySQL Tutorials, WordPress Tutorials, Joomla Tutorials, Drupal Tutorials

Timothy Training - Tutorials and Resources for Web Design - timothytraining.net

Learn Something New Everyday

HTML & CSS Tools

Posted on: October 31st, 2012 by Timothy No Comments

General HTML Tools

HTML5 Tools

General CSS Tools

  • Normalize.css - a customizable CSS Reset file that makes browsers render all elements more consistently and in line with modern standards
  • Spritemapper - an application that merges multiple images into one and generates CSS positioning for the corresponding slices
  • CSS Color Scheme Creator
  • em Calculator
  • CSS Lint - CSS Optimization Tool
  • Normalize.css - a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
  • Adapt.css - a responsive JavaScript tool for selectively loading CSS files.
  • CSS Compressor
  • FFFFallback - Build font fallback lists
  • ProCSSor - CSS Formating Utility

CSS Layout Grid Tools

CSS3 Tools

Code Editors

Other Useful Applications

  • ColorPic - I don’t know how I lived without this. Point and select any color and it will give you the numeric value in any way you want (RGB, RGB Hex, HSL, CYMK, etc). You can save color pallets as well. A great example of a simple free software package doing one thing very well.
  • Scribus - A free open source desktop publishing application similar to Adobe InDesign or QuarkXpress.
  • Simple Booklet - A free booklet creator – web based tool
  • Kivio - an excellent diagramming/flowchart editor to help you boost your prototypes, wireframes, flowcharts, and diagrams. Part of the KOffice suite
  • Greenshot - Free and open source screen capture utility