10 great tools for working with HTML & CSS

Working with HTML and CSS can be quite time-consuming sometimes, there is of course CSS frameworks to help you save time with your design base, but also all kind of tools that help you to save time with specific functions.

• Grid designer
  Online tool to quickly design grids for your templates. It makes it easy to quickly define the layout width, number of columns, margins and gutters, set the typography and export the whole thing.
• Kotatsu
  Simple HTML table generator. Very helpful as tables are probably one of the most boring things to handcode. In a few clicks you will be able to get the code for your table with the number of rows and columns you want.
• CSS Redundancy Checker
  Find CSS selectors that aren’t used by any of your HTML files and may be redundant. Comes handy when your CSS file gets complicated and you’re afraid to remove any selector from it.
• CSS Menu Maker
  Create and customize your CSS menus, horizontal or vertical, online for free.
• CSS Color Editor
  Easily replace the colors from your CSS file. All you need to do is to upload you file, replace the colours and generate the new file that you download.
• CSS Super Scrub
  Reduce the size of your CSS files in a few clics.
• PX to EM
  Convert font sizes in pixels to their equivalent in em and the other way around.
• Deploy
  Quickly deploy a web project framework with valid XHTML and CSS in only a matter of seconds.
• CSS Text Wrapper
  Easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.
• PSDtoCSS online
  Convert your PSD files to XHTML-CSS layouts. Just one quick upload is needed, then you can download your layout in a zip file.

23 Votes, Rating: 4.04

16 responses so far!

• 1 Mike Mella ~ Feb 11, 2009 at 7:54 am

  I haven’t seen that CSS Redundancy Checker before. Been looking for something like that. Thanks!

• 2 Andy Ford ~ Feb 11, 2009 at 9:18 am

  I just released my home baked EmChart pixel to EM look-up table. It’s a different take on the px to em process which removes the need for user input. http://aloestudios.com/code/emchart/

• 3 Aditya ~ Feb 11, 2009 at 9:34 am

  Thanks a lot, ALL of them are useful!

• 4 joyoge designers' bookmark ~ Feb 11, 2009 at 11:00 am

  useful tools thanks..

• 5 10 świetnych narzędzi do pracy z HTML i CSS ~ Feb 11, 2009 at 11:35 am

  [...] 10 świetnych narzędzi do pracy z HTML i CSS @link | 2009-02-11, 20:35:24 | CSS, Web Development, narzędzia function DodajGlos(ocena) { var req = mint.Request(ocena); req.Send(‘http://www.iloveweb.pl/wp-content/plugins/wp-oceny/oceny.ajax.php?&co=dodaj&nid=254&glos='+ocena, ‘oceny’); $(‘a’).down().onclick = null; $(‘b’).down().onclick = null; $(‘c’).down().onclick = null; $(‘d’).down().onclick = null; $(‘e’).down().onclick = null; $(‘f’).down().onclick = null; $(‘g’).down().onclick = null; $(‘h’).down().onclick = null; $(‘i’).down().onclick = null; } function CofnijGlos(ocena) { var req = mint.Request(ocena); req.Send(‘http://www.iloveweb.pl/wp-content/plugins/wp-oceny/oceny.ajax.php?&co=cofnij&nid=254&glos='+ocena, ‘oceny’); $(‘a’).down().onclick = null; $(‘b’).down().onclick = null; $(‘c’).down().onclick = null; $(‘d’).down().onclick = null; $(‘e’).down().onclick = null; $(‘f’).down().onclick = null; $(‘g’).down().onclick = null; $(‘h’).down().onclick = null; $(‘i’).down().onclick = null; } 0000000 [...]

• 6 10 mejores herramientas para trabajar con HTML y CSS | Cosas sencillas ~ Feb 12, 2009 at 8:13 pm

  [...] te ayudarán a ahorrar tiempo con funciones específicas, como las que encontramos en el artículo 10 great tools for working with HTML & CSS, de [...]

• 7 Mario ~ Feb 16, 2009 at 10:30 am

  Thanks for the tips. I’ll check them out. they sound helpful

• 8 Paul ~ Feb 16, 2009 at 11:15 pm

  CSS Edit is another great little tool

• 9 links for 2009-02-17 at James A. Arconati ~ Feb 17, 2009 at 7:31 pm

  [...] CSS Orgy » Blog Archive » 10 great tools for working with HTML & CSS Working with HTML and CSS can be quite time-consuming sometimes, there is of course CSS frameworks to help you save time with your design base, but also all kind of tools that help you to save time with specific functions. (tags: tips web-developer web-developer/css reference blogs) [...]

• 10 Design links for the week | Design daily news ~ Feb 22, 2009 at 1:50 am

  [...] Gallery10 great tools for working with HTML & CSS5 more CSS frameworks9 CSS frameworks for faster templates building15 CSS galleries to promote your [...]

• 11 sana ~ Dec 28, 2009 at 10:59 am

  best and cool work

• 12 sana ~ Dec 28, 2009 at 11:00 am

  http://www.webtaken.net

• 13 Long Island Web Design ~ Jan 21, 2010 at 6:39 am

  These are really Great Tools..
  but still I have a query..Is there any method to change C name…

• 14 10 отличных инструментов для работы с HTML & CSS | htmlblog ~ Nov 27, 2010 at 4:40 am

  [...] и поэтому прошу слишком сильно не пинать. Оригинал: http://cssorgy.com/10-great-tools-for-working-with-html-css-750 Обмен [...]

• 15 Shayne Ernsberger ~ Feb 2, 2011 at 7:29 am

  At this time it sounds like WordPress is the best blogging platform available right now. (from what I’ve read) Is that what you are using on your blog?

• 16 Kumarakom Kerala ~ Nov 4, 2011 at 7:04 am

  Kumarakom Kerala…

  [...]CSS Orgy » Blog Archive » 10 great tools for working with HTML & CSS[...]…