40 Free and Useful GUI Icon Sets for Web Designers

July 28, 2009

Who doesn’t like a nice set of GUI for their web site? Especially when they are F-R-E-E? This post today exactly lists 40 free and useful GUI icon sets from hongkiat.com. Which set did you like the best? I liked the Pixel sets the best IMHO. Enjoy!

Source: http://www.hongkiat.com/blog/40-free-and-useful-gui-icon-sets-for-web-designers/


70 Expert Ideas For Better CSS Coding

July 27, 2009

This is a MUST-have list for any CSS enthusiasts.

Source: http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/


Using FLIR: FaceLift Image Replacement

July 13, 2009

Yeah, it is pronounced like “fleer“. So what’s this facelifting thing? It’s a type of plastic surgery that makes you look like Michael Jackson (with respect to the King of Pop. R.I.P). But in the sense of web development, it is simply a technique with which you can use any type of font you want to use! Seems too obvious?

Though the web has been around for over 10 years and we’ve seen Flash and other so-called Rich User Interface, one thing has been bothering the web designers for a long time: using the exact font they want to use. FLIR solves this one pretty neatly by implementing PHP and it’s well-known GD library. There’s just two cons to using this procedure:

1) The texts are actually rendered as images. So it is not possible to copy those rendered texts (you can still copy them as images though).

2) GD library introduces some artifacts to the fonts so you can’t expect FLIR to render the true image of the font (pun intended).

Here’s a tutorial that teaches you how to use FLIR: http://net.tutsplus.com/javascript-ajax/how-to-use-any-font-you-wish-with-flir/

You should also check out sIFR


Microsoft’s User Experience Guidelines

July 10, 2009

Microsoft published a set of rules (not hard and fast rules though) so that people designers can design well and tested visual design patterns to improve their UI (User Interface). And since they are Microsoft and they want to be popular among the programmers and alike, they made the guideline  absolutely free for download! Here’s the link:

http://download.microsoft.com/download/e/1/9/e191fd8c-bce8-4dba-a9d5-2d4e3f3ec1d3/ux%20guide.pdf

Enjoy!



The Design Inspiration: A New Way to Get Inspired

June 18, 2009

Did you run out of creative ideas for your logos? Are you tired of using the overused Web 2.0 icons all the time? Then this site is the real deal for you! (I know I sound like a pesky salesman and I am proud).

Source: http://thedesigninspiration.com/

It features the trendiest, latest, and the coolest ideas I have seen for designing excellent logos and icons. HIGHLY RECOMMENDED


20+ Best Tutorials to Convert Psd to Html/CSS

June 15, 2009

Source: http://dzineblog.com/2009/04/tutorials-psd-to-html.html

You’ve designed your site but you’re having a little trouble turning your design PSD into a coded layout. Here I’ve listed 20+ Best Tutorials to convert Psd to Html/CSS.These tutorial should help you learn how to find the best way to code it.

  1. The Design Lab: PSD Conversion
  2. From PSD to HTML, Building a Set of Website Designs Step by Step
  3. Coding: Design Lab TV Styled Layout
  4. PSD to CSS/HTML in Easy Steps – Part 1
  5. Slice and Dice that PSD
  6. Converting a Photoshop Mockup: Part Two, Episode One
  7. Build a Sleek Portfolio Site from Scratch
  8. Portfolio Layout – Learn To Code It
  9. Converting a Design From PSD to HTML
  10. How to Convert a PSD to XHTML
  11. How to Convert PSd to Html
  12. Creating a CSS Layout from scratch
  13. PSD > HTML/CSS
  14. Encoding a Photoshop Mockup into XHTML & CSS
  15. CSS Template Tutorial
  16. Portfolio Layout 4: The Code
  17. Tutorial Coding a Layout
  18. Converting a Photoshop Mockup
  19. Killer site – From Illustrator to Xhtm to Drubal
  20. From PSD to HTML
  21. Coding a Car Sales Layout