i Web Design Archives

Optimize Image Size With Photoshop

Images have important role for web design, but in the other hand un-optimized images could be a nightmare for your bandwidth. We need to optimize image size for our web design. Please bear in mind that, your visitors love fast loading web page rather than fancy but take a long time just to see your home page. There are a lot of tools to optimize image size, but only some of them are good in keeping your image quality. We are not just reduce the image size, we need to optimize the image quality … Read more...

Free Photo Editor Tools

Since digital era, most people in the world use digital image or photo. The negative film era has come to the end. You can store your digital image in any digital storage devices (such as harddisk, flashdisk, CD/DVD, Memory card, etc.) or store on the internet like in Facebook account. Digital images could be edited using some tools, and i would like to share some of the best free tools to edit your photo.1. GIMP (GNU Image Manipulation Program)GIMP or GNU Image Manipulation Program is … Read more...

Free Twitter Page Designer Tool

Most of internet users are on Twitter including me and probably you have Twitter account as well. Twitter is owned by Twitter Inc., a social networking and micro blogging service, enabling its users to send and read messages called tweets. Lot of big company or famous people update their official status on Twitter as first statement. And others that followed will get the update as well.Twitter allow us to design our Twitter page. This will make our Twitter page unique than the others. And i … Read more...

Make Glow Effect With CSS

This glow effect trick with CSS is not a new trick. As the example you can see the glow effect when you mouse hover to any related post images at the end of this post. To make CSS glow effect is not hard, you just need to add 2 lines in your css class where you want your glow effect show.Here is the 2 lines:How to use it for an image:How to use for an input box:Since -moz-box-shadow property only work for Firefox, so this technique only work for Mozilla Firefox and friends … Read more...

Customize Your Facebook Fan Page

From the previous article “Create Facebook Fan Page With Welcome Page“, i wrote how to make Facebook fan page with simple welcome page. Now i would like to show you more cool features that you can do with Facebook Fan Page.In Facebook Fan Page you can add:Hide Exclusive Content only for Fans You can show your exclusive content or download link only for your fans, or your visitor that like your page. You can do it with “visible-to-connection” tag from FBML. See the example … Read more...

Create Facebook Fan Page With Welcome Page

It’s no doubt that Facebook have most users on the net. They claim that they have more than 200 millions of users using Facebook now. So imagine that you have more than 100 millions possibilities to get more loyal visitors to your site. Even a big company like Starbucks, Coke and Apple have their own Facebook account and fan page. Facebook fan page have cool features to market your websites or products.Before you begin, it would be nice if you read this post from smashingmagazine.com which … Read more...

Free Icon and Graphic Packs For Your Web Design

There are tons of free graphic pack and icons on the net. If you are a web designer or graphic designer, this is a gift for you. I have write some for you in another post "More Than 100K Free Icons", if you need some free icons for your design feel free to read that article. In this article i will share some of the best graphic and icon pack that you can download and use it for free. All license is free for commercial use, but you cannot redistribute it. And all the credits are belong to their … Read more...

More Than 100K Free Icons

If you are a graphic designer or web designer, it's a must that you know and have many collection of  icons. If you are an expert than you can make your own icon easily but of course it will time consuming. And now, there are tons of free icons out there, you just need to find them.I want to share you websites that have more than 100K free icons. Yes, you can download it freely. And here is the best website to get them: 1. IconArchive The Icon Archive is a categorized collection of high … Read more...

HTML5 – CSS 2.1 – CSS 3 Cheat Sheet (PDF)

As today HTML5 and CSS3 is the newest standard for the web design, all web designers and developer are busy preparing and learning this new standard, including myself. I want to share with you with this Cheat Sheet that i got from smashingmagazine.com.You can download it here: HTML5 Cheat Sheet (PDF) CSS 2.1 Cheet Sheet (PDF) CSS 3 Cheat Sheet (PDF)Source From: SmashingMagazine.comAll copyright of these Cheet Sheet is copyrighted to the respective owners. … Read more...

5 Best Website To Become Professional Web Designer

In this post i would like to share the 5 best website to become a web designer from novice to professional. Become a web designer especially a template designer for CMS (Content Management System) like Wordpress, Joomla, Mamboo, or many else, need practice and and knowledge to support you to make a creative web design. And now i would like to share with you the best 5 website to start with and have fun...1. TutsPlus (recommended)If you want to be the best, you have to learn from the … Read more...