Useful links for designers

Compare screen fonts

http://www.typetester.org/




Extract the color values from any site (scans the HTML and CSS)

http://www.colorcombos.com/grabcolors.html

http://www.red-root.com/sandbox/holmes/

The CSS Markup Detective

This one really helps me to keep my inspiration/motivation alive…

Listening my favourite music for hours…

http://www.thetoolbox.cc/

http://www.similarsites.com/

Great for finding similar sites and comparing them

http://www.tineye.com/

A reverse image search site, good for finding your stuff that’s being pirated

I’ve had this thread almost forgotten. Found this today and though i would share it.

A wonderfull bookmarklet to change the font of any html site.

http://somadesign.ca/projects/fontfriend/

Responsive Design Bookmarklet

Very handy!

360 Panoramic Image Preview Tool

“PanoAIR”:http://msfx.co.uk/2012/06/11/introducing-panoair-a-360-panoramic-image-previewer/

This is something I’ve released myself but I think it’s again relevant to this thread, feel free to complain and I’ll remove if anyone wants to call it self promo :slight_smile:

pezflash said

I’ve had this thread almost forgotten. Found this today and though i would share it.

A wonderfull bookmarklet to change the font of any html site.

http://somadesign.ca/projects/fontfriend/

awesome!!!

This is for Photoshop Action makers:

Sometimes it would be tiresome to do simple but repeated edits like renaming actions. The following script will export Action file into xml which can be edited through any text editor. Also another pair of script will import the xml back into Photoshop Action. Original post here:

http://forums.adobe.com/message/3039246#3039246

Web font combinations:
Preview your font combinations (also uses google fonts) for your h1-2 and paragraph text in a variety of styles and sizes live in your browser.

http://font-combinator.com/

Wow… there’s some incredibly useful stuff in this thread. Here’s my contributions:

http://ideone.com/
http://jsfiddle.net/
My personal favorite website

CSS3Ps - free cloud based photoshop plugin that converts your layers to CSS3
http://css3ps.com/

And yes, it works :stuck_out_tongue:

Nice script to check site fonts. Via OrganicBeeMedia

http://chengyinliu.com/whatfont.html

Thanks all for such amazingly useful things! :wink:

Wow don’t know this useful thread til now. Keep it up guys :wink:

LuanMuniz said

CSS3Ps - free cloud based photoshop plugin that converts your layers to CSS3
http://css3ps.com/

And yes, it works :stuck_out_tongue:

hope you like it :slight_smile:

Some great free psd files + some good inspiration can be found on designmoo

And it was mentioned earlier, but deserves another - GuideGuide is one of the most useful photoshop extensions I have ever used, sooo worth the free download :slight_smile:

Translation. http://gtranslate.net/