Learn Web Development with Mozilla’s School of Webcraft for FREE

Mozilla is set to begin a new training program for web-designers and developers in Jan 2011 for students and professionals, which would provide a 100% free developer training resource run in partnership with the Peer 2 Peer University.

How Color Plays an Important Role in Web Designing

Lets start with the Color Wheel which is nothing but the spectrum twisted around to make a complete color wheel that shows relationships between primary colors, secondary colors and complementary colors. The color wheel is particularly useful for showing how the colors relate to each other and how you can create new colors by mixing two or more colors.

A Web Designer Guide of Top Firefox Addons

A web designer must have following extension for better productivity. It improves ones coding or debugging speed. Many complicated task are solved at a few clicks.
Firefox has a chain of hundreds of Addon, in which I have collected a list of most essential Firefox extension which every Designer must use to boost their productivity.

Useful CSS Tip for Beginners – Set Internal Spacing For <ul> <li>

For <ul> <li> we need to adjust spacing between the bullet and the text. So I write CSS for ul li but when I want to edit those properties, it’s a bit confusing which property is being used and where. In order to explain this I have a small demonstration using below image that will help you understand CSS properties used in the following example.

Firefox Extension – How To Open An Image Directly Into Photoshop

There are plenty of Firefox add-on lets talk about Open With Photoshop(extension). To open an image directly into Photoshop one can install this add-on and edit image in your favorite editor i.e. Photoshop. This add-on is compatible with latest version of Firefox.

[Tutorial] How to create Glass Effect in Photoshop?

In this tutorial, we are going to learn how to apply blending styles on simple text, for converting it into a glass effect using Photoshop. Create a new file of size 500 x 400 pixels, and select a background image similar to the image shown below, as it is more effective than solid or any […]

FireShot – Firefox Extension for Screen Capture and Image Annotation

It is worth to create an image rather than writing hundred of words. Several tools are available for screen capture but only few provides Image Annotation. Sometimes it becomes difficult to Annotate Images. To easily Annotate Images or capture screenshot of any web page, entire or visible we can use FireShot which is a Firefox extension.

Get Notified When You Receive An Email [Firefox Addon – Web Mail Notifier]

As a web developer I get a lot of emails which might be important. This happens often and it is a little tiresome to check my email, only to find nothing important. This is why like Web Mail Notifier on my Firefox browser.

It might common knowledge to developers but still many of us do not aware of this wonderful Addon. It stay in the status bar and checks your Inbox between specific interval specified by you and notifies you whenever an incoming mail reaches your Inbox.