Skip to content Advertise Here
PSD to HTML: You Design - We XHTML
Jun 18
Handy Designer’s Tools “On The Fly” Posted in: Tools
17 Comments, Add a Response
Nothing can be more useful than handy tools you can use “on the fly” in your design process. Whether
114
you’d like to generate css layouts, create vector images, format or optimize CSS code, generate patterns-
diggs
you can use dozens of tools to make your life easier. Today we wanted to share with you a comprehensive
digg it
list of more than 15 online tools that will really make your life easier and on the fly.
Jobs in Graphic Design Are You a Talented Graphic Designer Looking for Work? Short/Long-Term. www.MatchCreative.com/Graphic
Buy Design Graphics Graphic Designers (949) 375-1069 buydesigngraphics.com
Freelancers Needed Web Design Work Avail. Now. No Bidding. Earn up to $40 an hour www.HitFreelance.com/Employment
1- GoldenRatioCalculator- If you want to dramatically improve composition of your website design, you might need to consider applying the divine proportion to your design. This tools calculates the golden ratio for your designs. To know more about the golden ration rule, please check SmashingMagazine’s post and Mark Boulton’s article.
Advertise Here
Find Articles go
Recent Posts Handy Designer’s Tools “On The Fly” 18th Jun | 17 Comments
2- Grid Calculator- A highly useful tool for every designer who consistently use grids when mocking-up site layouts.
Using CSS to Fix Anything: 20+ Common Bugs and Fixes 15th Jun | 74 Comments deviantART: 30+ Breathtaking Artworks 10th Jun | 24 Comments 13+ Fantastic Tools For Knowing How
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
They’re Doing It 8th Jun | 60 Comments
3- Tartan Designer- Generate tartan patterns. For scottish lovers and fancy designers!
My favorite Posts WordPress Plugin 5th Jun | 8 Comments Websites you shouldn’t have missed in May 2008 1st Jun | 36 Comments 40+ Extremely Beautiful Icon Sets Hand-picked from deviantART 26th May | 119 Comments Masters of Graphic Design: 25+ Interviews 21st May | 12 Comments Win a WordPress Developer’s Licenses! 20th May | 7 Comments
4- Reflection Maker- Generate image reflection on the fly.
WOW! Thank You Pixel Criminals 20th May | 11 Comments 35 (New) WordPress Plugins for an Effective Blogging Experience 18th May | 44 Comments High Quality Photoshop Brushes, Resources and Tutorials 14th May | 21 Comments Welcome Our New Advertisers 13th May | 2 Comments
Friends 5- Kotatsu - a simple html table generator- A highly useful tool creating a table and throw in column classes quickly. Developed by Askthecssguy.
Vandelay Design CSS-Tricks CSS Globe Design Float Design Flavr CSS Drive Design Reviver Smashing Magazine Six Revisions Find Free Clipart Just Creative Design
6- Em Calculator- A small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.
7- Em based layouts - Vertical rhythm calculator- This calculator save you the hassle of all of the calculations you need to specify measurements in percent or em.
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
Tag Cloud
8- Markup Generator - Markup Generator is a simple tool created for xhtml/css coders. It’s main purpose is to speed up your work by generating xhtml markup and a css frame out of very intuitive, shortened syntax so you can jump directly to the elements styling.
9- CSS Type Set- CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.
10- Text2PNG- text2PNG.com provide webmasters with the ability to convert their website headlines and navigations to PNG images automaticlly. The process is very simple and automated, it works by adding a small JavaScript file and selecting which tags to replace.
11- CSS Text Wrap- The CSS Text Wrapper allows you to 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.
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
12- Picmarkr- PicMarkr lets you to add custom watermark (image or text) to your images online and free. It is useful when you need to protect your copyrights or if you want to add comments to your photos.
13- Vector Magic- Convert bitmap images to vector images with a few simple clicks. Just upload your image and Vector Magic will vectorize it for you.
14- YAML Builder - YAML is an interactive code-generating framework for authoring custom CSS layouts (both transitional and strict (X)HTML).
15- FontStruct- Is a free font-building tool that lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.
For more Web Design related tips, subscribe to Noupe today.
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
114
If you like this article, Add to
diggs digg it
Posted in: Tools Ads by Google Handy Tool
Graphic
Java Job
Pocket Tools Repair Tools
What others said... 17 Comments, Add Comment or Ping David Pache
June 18th, 2008
http://dache.ch/index.php/dacheboard/
1.
An excellent collection. FontStruct looks very useful. Thanks very much.
Dante
June 18th, 2008
2.
Excelente, muchisimas gracias!
website design
June 18th, 2008
http://ooyes.net
3.
Very nice
4.
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
Johan
June 18th, 2008
http://www.cushycms.com
Tl7
June 19th, 2008
5.
http://tl7.org
Man thats a great collection of tools
specially the fontstruct its totally
awsome . Thanks Man!!
Si
June 19th, 2008
http://www.graphic-euphoria.co.uk
Vector Magic really is a great tool and IMO is better than illustrators live trace!
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
6.
Jackie
June 19th, 2008
7.
Thanks…great collection!
Gregorio Espadas
June 19th, 2008
http://espadas.com.mx
8.
Awesome Tools!!! Thanks for sharing ‘em with us!
MyRule
June 19th, 2008
http://www.myrulemedia.com
Great tools, Vector Magic is awesome! I prefer to do most things myself though
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
9.
Benjamin Alijagi?
June 19th, 2008
http://www.benjamin.mcville.net
10.
Hello, nice collection, but you have an mistake… at number 14. YAML Builder, the screenshot is from http://typetester.maratz.com/ a great tool for comparing screen fonts, but its not a YAML builder.
Noupe
June 19th, 2008
http://www.noupe.com/
11.
Thanks everyone, i am glad you found some useful tools here. I will publish a new post with your suggestions very soon. @Benjamin Alijagi, Thanks for pointing the image issue
Richard Elliot
June 19th, 2008
http://www.noomobile.com
Some very useful tool here. I have bookmarked the CSS generator!. Shame the html table generator doesnt allow for the user to change the TD width/height
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
12.
Kim
June 19th, 2008
13.
http://edge3sixty.com
Very nice collection … Thanks once again Noupe for providing some great resources to help improve productivity!
christian gehrke
June 19th, 2008
http://www.theispysite.com
14.
Holy Cow!!! That’s one amazing list. I can’t believe I didn’t know about most of them and very glad I do now. Thanks very much for sharing.
BadDream
June 19th, 2008
http://www.kargaburun.net
Very good collection! thank you
Trackbacks 1.
nerdd.net | news and opinion - Jun 19th, 2008
2.
EDGE3SiXTY - Creative Multimedia Design - Jun 19th, 2008
Your email is never published nor shared. Required fields are marked * NAME *
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
15.
MAIL * WEBSITE
Browse by Categories
Latest Posts
Adobe
Ajax
Best-Of
Handy Designer’s Tools “On The Fly”
better design
Blogging
Contest
18th Jun | 17 Comments
Cool Links
CSS
Design
Fonts
Freebie
Freelance
Using CSS to Fix Anything: 20+ Common Bugs and Fixes
gall
graphics
How To's
15th Jun | 74 Comments
Icons
Illustrator
Javascript
jquery
Menu
News
photoshop
Review
SEO
Showcases
Sponsored Review
sponsors
spotlight
Tools
Tutorial
Weekly Links
Wordpress
deviantART: 30+ Breathtaking Artworks
Recent News inspireCSS Gallery 19th Jun | Simon North Design and code a website in The Gimp, HTML and CSS 19th Jun | Simon North 10 Amazing T Shirt Designer Portfolios 18th Jun | Jon Phillips
10th Jun | 24 Comments
Interaction Design and the Skills That Are Needed 18th Jun | Zinni
13+ Fantastic Tools For Knowing How They’re Doing It
Free vector graphics 18th Jun | Alex Ionescu
8th Jun | 60 Comments
My favorite Posts WordPress Plugin 5th Jun | 8 Comments
This site serves as designer's public blog where anyone can share ideas, design techniques & tutorials. If You would like to share it, just Fill this form & tell us about your projects and we'll get back to You ASAP.
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
Add News
more...