Filed under Links

There are a lot of tools out there that will help any webdesigner or developer.

I use the following online tools on a regular basis.

Gridlover

Too me this one is a life saver. It helps you calculate font-sizes for baselining text.

CSS3 generator

Generate CSS3 code for border radius, box shadow, text shadow and more!

Ultimate CSS Gradient Generator

Specific tool that generates CSS3 gradient code.

The W3C Markup Validation Service

You know you want to abide to web standards? The best online tool that works anywhere.

The 1KB CSS Grid

If I can't use Compass I prefer this tool to generate a CSS grid.

Lorem Ipsum

Placeholder text

Lorempixel

Placeholder images

Copy paste character

Not really a web app, but very useful. Copy and paste special characters.

hurl.it

Simulate JSON REST calls

xiconeditor

Online web app to create favicons. By far the best I've stumbled upon.

If you use grids in your design, you'll love this one: gridlover

It's a simple tool that helps you calculate baseline sizes. Beats doing the math manually.

One of the best resources I've read on creating CSS speech bubbles Pure CSS Speech Bubbles. Be sure to check out the demo page

I found this amazing tip how to easily reduce the file size of a PNG image using Photoshop. It involves using the 'Posterize' filter before using 'save for web'. In the example he was able to compress a transparent PNG file with 50%!

At work we struggle with sharing large files. The only way we can exchange anything easily is by using email. Besides that we have a hard time playing back video content. We still run XP and that only allows the playback of some .WMV (stoneage) encoding.

The following sites really help me convert and share files between colleges and external parties.

• Wetransfer Superb for sharing large files between multiple persons.
• Keepvid Great for downloading YouTube content (YouTube is disabled, company policy).
• Mediaconverter Convert any type of movies, both offline or online, to a designated encoding format.