Graphics Design And Web Design Resources

Graphic Design

Latest Photo Retouching Techniques

Posted by Jahid Hossain on Aug 22, 2010

Photo retouching is much more easier than ever before with the use of computer. In earlier days photographers needed a lot of time to convert a photo to quality one. No matter...

Read More

Web Design

Importance of Using Graphic Web Templates

Posted by Jahid Hossain on Aug 21, 2010

Many internet marketers avoid using proper graphic templates for their website layouts, promotional banners or ebook covers. They feel that it will drive away visitors attention but...

Read More

Tips and Tricks

Quick CSS Tips For Better Design

Posted by Jahid Hossain on Aug 23, 2010

Here are some quick CSS tips that will help you to make your design work easier and faster. Also they will help you to do the css styling easier and more efficient. CSS...

Read More

Resources

SERP Trackers To Monitor Keyword Rankings

Posted by Jahid Hossain on Aug 22, 2010

There are several SERP trackers available, both paid and free, but its very difficult to select or find the best one. As most of the show differnt results on keyword rankings, it is...

Read More

Recent Posts

Quick CSS Tips For Better Design

Quick CSS Tips For Better Design

Aug 23, 2010

Here are some quick CSS tips that will help you to make your design work easier and faster. Also they will help you to do the css styling easier and more efficient.

Quick CSS Tips For Design Better

CSS Shorthand

Using shorthand will make your coding clearer and easier to understand.

For example, you can do the css like:

.header {
background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;
}

But instead of doing the above, you can do it in one line like below.

.header {
background: #fff url(image.gif) no-repeat top left
}

CSS Class and ID

Class is represented by a dot ‘.’ and id is represented by a has ‘#’ in CSS. Id can be used to style an element that is unique. Class is used to style a set of elements that uses the same properties.

Use <div> Instead of <table>

Always try to use <div> whenever possible instead of <table> as this will give you total flexibility. You can easily convert most table based designs into div based design which will make your code cleaner and faster in loading.

Usage of !important

Any style marked with !important will be taken into use regardless if there’s a overwriting rule below it.

.page {
background-color:blue !important;
background-color:red;
}

This example shows that the background color blue will be used because of the !important tag. However, there is a background color red below it but you can force the style without something overwriting it.

Clean Coding

Always try to keep the css coding clean and easily readable. Otherwise you will end up with a messy coded style sheet and it will be tough to maintain and update in future.

SERP Trackers To Monitor Keyword Rankings

SERP Trackers To Monitor Keyword Rankings

Aug 22, 2010

There are several SERP trackers available, both paid and free, but its very difficult to select or find the best one. As most of the show differnt results on keyword rankings, it is difficult to rely upon one or select one as the preferred one. We will review some keyword tracker tools here to find and compare the features available.

Raven SEO tools

This tool has a great feature for SERPs tracking and it is organically integrated within other options. You can very easily customize your keywords and content analyzer to find out the best results. It has built-in SMErush and Wordtracker to make things easier for you. Also the easy to understand report system makes this took an essential for keyword tracking.

Raven SEO Tools – SERPs Tracker

Authority Labs

This tool is very powerful with a great dashboard from where you can easily locate and check your domains’ statuses. You can very easily view each domain’s report graph and progress for your keywords and other terms. Switching between tracker search engines and adding terms to the graph is very easy and handy features.

Authority Labs Dashboard


ExactFactor

ExactFactor is not that much advanced like the above two tools but its totally free. You just have to select “No Thanks” while creating your account to make sure you are not paying anything to use the tool. It is easy to use and integrates all major features needed for keyword trackers.

ExactFactor Keyword Tracker

SheerSEO

SheerSEO was a free tool but unfortunately you have to pay now to use it. It is a bit difficult to use but has all major features required to make your job easier. You can easily view the graph for each keyword you are tracking within your specified date range.

SheerSEO Graph


Digital Photo Editing Software Review

Digital Photo Editing Software Review

Aug 22, 2010

Whenever you think of editing digital photo or going to select a good photo editor, Adobe Photoshop comes up first in the list. Adobe Photoshop has been proven to be the industry standard for graphic editing jobs. But for many users it might be expensive and they may not even find simple graphic editing tools good enough to satisfy their needs.

The most popular and efficient image tools are:

  1. Adobe’s Photoshop Elements
  2. Paint Shop Pro by Corel
  3. Ulead’s PhotoImpact

All of these are available for a 30 day trial and you can easily locate the download from the respective websites. These tools are available within $80-$120 price range. You can give them a try before spending money on purchasing them.

Photoshop Elements is a simple version of Adobe Photoshop with less features. Starting to get familiar with this tool will soon make you a great graphic designer.

Paint Shop Pro is also very powerful and effective. It has some excellent features that will help you to make your graphic work easier and faster.

Ulead’s PhotoImpact is also very nice and efficient for your graphic jobs. You can easily do most of your graphic works using this excellent photo editing software.

Professional graphic designers may find these software are not adequate for their needs but for a beginner they are excellent tools. You can try the tutorials on these tools available free on the internet to start learning and bring out the creativity inside you.

Quick Tips On Creative Web Design

Quick Tips On Creative Web Design

Aug 22, 2010

Here are some quick and important tips on making your design more professional and good quality very easily.

Clean Layout

A website layout with adequate white spaces enhances the cleanliness of your design. Always try to put more focus on your content and use standard fonts that will be available on all computers so that your site doesn’t look garbage on the computers without the fonts.

Easy Navigation

Make your navigation simple and easy so that your visitors can locate and navigate to whatever content or section they are looking for. Make sure your visitors can easily locate which part of the site they are browsing and can easily move to the section they are looking for.

Modern Design With CSS

Old design methods with table based structures are no longer a good approach. Always use CSS based layouts to make them easily customizable and increase efficiency. You can very easily perform the text effects such as text link rollovers, text case setting, font spacing etc and many other stuffs easily with CSS.

Optimize Load Time

Try to optimize your site with the smallest load time average. The faster your site loads, the more it will attract the visitors and they won’t feel angry about slow loading.

Minimal Use of Graphics and Flash

Use the minimal amount of graphics and flash elements as they will increase the total size of you site pages and also increase load time.

Optimize For All Standard Screen Resolutions

Optimize your design for the most standard screen resolutions to make sure you site doesn’t break on different resolutions used on visitors computers. If your site keeps breaking layout on visitor’s computer, they will probably move away from your site which is not desirable.

Cross Browser Compatibility

Check your site on all major browsers such as Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox, Opera, Safari, Google Chrome etc. Make sure your layout supports and look similar on all these browsers to provide your visitors an unique feel.