May 18, 2012
Follow us on Twitter Visit our Facebook Page

50 Great CSS Articles and Resources

February 7, 2010 By 1 Comment

50 Great CSS Articles and Resources

CSS Tips and Techniques

- Push Your Web Design Into The Future With CSS3 ( — Smashing Magazine — )

- CSS Typography: Contrast Techniques and Best Practices ( — Noupe — )

- Powerful CSS Techniques for Effective Coding ( — Smashing Magazine — )

- 4 Uber Cool CSS Techniques for Links ( — Css Globe — )

- 10 Principles of the CSS Masters ( — NETTUTS — )

- 12 Principles For Keeping Your Code Clean ( — Smashing Magazine — )

- 101 CSS Techniques Of All Time – Part 1 ( — Noupe — )

- Resetting Your Styles with CSS Reset ( — Six Revisions — )

- 53 CSS Techniques You Couldn’t Live Without ( — Smashing Magazine — )

- 101 CSS Techniques Of All Time – Part 2 ( — Noupe — )

- Structural Naming Convention in CSS ( — Six Revisions — )

- 10 Challenging but Awesome CSS Techniques ( — NETTUTS — )

- Improving Code Readability With CSS Styleguides ( — Smashing Magazine — )

- 8 Premium One Line Css Tips ( — Css Globe — )

- 20+ Common CSS Bugs and Fixes ( — Noupe — )

- 30+ CSS Cheat Sheets and Guides ( — All Web Design Resources — )

- 5 Techniques to Acquaint You With CSS 3 ( — NETTUTS — )

- 70 Expert Ideas for Better CSS Coding ( — Smashing Magazine — )

CSS Templates and Layouts

- Free CSS Layouts and Templates ( — Smashing Magazine — )

- CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices ( — Noupe — )

- CSS Float Theory: Things You Should Know ( — Smashing Magazine — )

- CSS Navigation Techniques (37 entries)

- 38 Free Elegant XHTML/CSS Website Templates ( — Hongkiat — )

- Top 10 CSS Table Designs ( — Smashing Magazine — )

- 50+ Nice Clean CSS Tab-Based Navigation Scripts ( — Hongkiat — )

- CSS-Based Forms: Modern Solutions ( — Smashing Magazine — )

CSS Tutorials

- CSS Tutorials by W3Schools

- How to: CSS Large Background ( — Web Designer Wall — )

- Cascading Style Sheets Basics

- Learn CSS Positioning in Ten Steps ( — BarelyFitz — )

- Complete CSS Guide

- The Highly Extensible CSS Interface ( — Cameron Moll — )

- Guide to Cascading Style Sheets

- Creating a CSS Layout from Scratch ( — Subcide — )

- CSS Tutorials by HTML.net

CSS Showcases and Galleries

- 24 CSS Design Showcase Websites ( — Toxel — )

- 120 Excellent Examples of CSS Horizantal Menu ( — CSS Tea — )

- The CSS Gallery List

- 40 Beautiful Dark CSS Website Designs ( — Toxel — )

- Best of CSS Design 2008 ( — Web Designer Wall — )

CSS Resources

- Web Developer’s Handbook

- Dynamic Drive CSS Library

- SitePoint CSS Reference

- 101 CSS Resources ( — Jason Bartholme — )

- 100 Freebie CSS Resources ( — Software Developer — )

CSS Tools

- 50 Extremely Useful and Powerful CSS Tools ( — Smashing Magazine — )

- CSS Validation Service

- 40+ CSS Generators, Creators, and Makers ( — All Web Design Resources — )

- List of CSS Tools ( — Smashing Magazine — )

- CSS Layout Generator ( — CSS Creator — )

- CSS Editors Reviewed ( — Smashing Magazine — )

Filed Under: Blogging, Design, Featured, News, Search Engine Optimization, Tutorials

10 WordPress Plugins That Will Help your Search Engine Optimization

January 18, 2010 By 6 Comments

Organic website traffic on your website is what you want. If you don’t know that, get it through your thick skull!   If you are writing blogs today or maintaining a website that runs on WordPress, you are probably wondering what you can do to help in your website (or blogs) search engine optimization.  Search engine ranking (or Page Rank mentioned here) is something that most webmasters are constantly thinking about since most organic traffic will come from one or more search engines.   If you are using WordPress as your Content Management System, the software has already did the hard part for you. But, there are some SEO features that aren’t implemented in WordPress core. You can easily achieve these features by installing some of the most excellent SEO plugins that are around.  Here I talk about the 11 Best Search Engine Optimization Tips.

The number of available plugins in the SEO category is large, but I have been working with these below and I can say that they are top notch.   However, sometimes the huge number of plugins can become confusing and frustrating. There are several very good plugins that have been developed to enhance the search engine optimization of your website orblog.

Right now, I’ll give you a list of 10 WordPress plugins that I feel are  first class and will definitly help in increasing your search engine ranking of your website or blog

(these are NOT in order)

nking.

1. All in One SEO Pack

This plugin enables certain modifications to your WordPress blog to achieve Search Engine Optimization. For example, you can customize your post title, post description and post tags for individual post. Furthermore, this plugin also has features such as auto generates Cononical URLS for your entire WordPress site and select index/noindex for various archives pages.

2. Broken Link Checker

This plugin will monitors links in your site and list out links that don’t work or any missing images. The reason why this plugin is essential is because you may write an article and link to www.domain.com. This link may goes down in future and become dead ends for search engine. By using this plugin, you can get notifications immediately and remove these dead ends.

3. Google XML Sitemaps Generator

This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. A sitemap will help search engine spiders to crawl your content. The generated sitemap also supported by other search engine such as Yahoo, MSN and Ask.com.

4. SEO Friendly Images

SEO Friendly Images is a WordPress optimization plugin which automatically updates all images with proper alt and title attributes. By having a proper alt and title tag for your images, you can get more traffic from Google Image Search. This blog had gain quite a large number of traffic from Google Image Search by doing so.

5. No Self Pings

Although internal linking in your own site help navigate user to your posts, but it actually decrease your page rank because of the self pings effect. This plugin will eliminate this effect by removing all pingbacks from own site and only receive back links from other sites.

6. Enforce www. Preference

One of the important search engine fact is that search engines will treat www.domain.com and domain.com as two different site. You can easily overcome this issue by enforcing this plugin. Note: All in One SEO Pack will overcome this issue for you. Make sure you check the Canonical option.

7. Platinum SEO Pack

This plugin covers all the features of All in One SEO Pack, but it does include more options compare to All in One SEO Pack. For example, it adds index, noindex, follow or nofollow, noodp, noydir, noarchive, and nosnippet meta tags to any post/page. But, most of my clients prefer All in One SEO Pack as they are used to it and reluctant to change.

8. SEO Smart Links

SEO Smart Links can automatically link keywords and phrases in your posts and comments with corresponding posts, pages, categories and tags on your posts. This will help navigating your visitors to other posts. The interlinking process happens automatically and what you need to do is configure it through the administration settings panel.

9. SEO Slugs

Long URL may have a better ranking in search engines because it will contain more keywords. But search engines like Google tends to ignore some common keywords such as “you”, “a”, “the”, and “what”. Removing these keywords will improve your search engine ranking. This plugin will automatically remove these unused common keywords for you.

10. Robots Meta

Robots Meta enables users to control which pages/posts can be indexed and which can’t. For example, you may want to prevent indexing of your search results or your category pages. It is because some search engines will see them as duplicate content and decrease your page rank.

Filed Under: Blogging, Design, Featured, News, Search Engine Optimization, Services, Technology, Tutorials, Wordpress

11 Best WordPress SEO Tips (expanded)

December 24, 2009 By 4 Comments

WordPress is one of the best open “opensource” content managed systems around. The main reason that I like WordPress is that WordPress is highly configurable if you know what you’re doing.

What is SEO?

First of all, let’s talk about what SEO is and what it means: Search engine optimization (-SEO-) is the process of improving the volume seo 11 Best Wordpress SEO Tips (expanded)or quality of traffic to a web site from search engines via “natural” or un-paid (“organic” or “algorithmic”) search results as opposed to search engine marketing (SEM) which deals with paid inclusion. In layman’s terms: Technically, SEO is done for the two major search engines which are Google and Yahoo! .  However, a site that has good SEO may also find their sites in the first pages of other search engines. Your “SEO” mission is to get to the front pages of these sites… no matter how hard it takes! Getting on the first page = high sales = high profits!

SEO and WordPress

WordPress it’sself  is highly SEO’d and does a pretty good job of keeping it’s search engine optimization together well.  Usually a search engine has to “warm up” to a new website, if it’s SEO is done properly.  If it’s NOT doing properly, then it search engine doesn’t even know it’s online.  WordPress by default has it’s search engine optimization pretty good,  but , if you want true excellent SEO, then we should add some plugins and possibly make some edits to some parts it.  The plugins will make it simpler to adjust it’s SEO and the edits will give us the “one up” on others.

I’ll take the time to list out Below are the tips to create search engine friendly wordpress blog

  1. First thing is to install “All in One SEO Pack” Plugin”. Activate it and make your edits to the settings page.
  2. Add a search engine friendly theme with few images:
    1. Make your choice of an image for your logo, banner and bullets. Try to make them smallest possible.
    2. Add “alt” attribute or tags for your new logo and banners.  This is something I see allot: People not using unique “alt” tags during their wordpress (or blog) implementations.  For those who don’t know how to add “alt” tags to their logos and/or banners, there is a plugin available called “Custom Header plugin“.  This plugin allows you to add tags to the header of an individual page or post such as keywords/descriptions, custom meta tags, external style sheet links, or embedded style tags.
  3. Make adjustments to your “Permalinks”:
    1. Found under Dashboard -> Settings -> Permalinks
    2. Permalinks are the permanent URLs to your individual weblog posts, as well as categories and other lists of weblog postings. A permalink is what another weblogger will use to link to your article (or section), or how you might send a link to your story in an e-mail message. The URL to each post should be permanent, and never change
    3. Make adjustments and use “Custom structure”.
    4. Add this tag /%postname%/
  4. Create and configure .htaccess file and add the below code (click here for tutorial on creating .htaccess file):
    1. RewriteEngine OnRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]
    2. Save and FTP upload this file into root directory of your site and confirm that .htaccess file is been enabled in your server
  5. Make sure you that you are utilizing your theme’s “archive” section.  If your theme doesn’t have an archive section: add one. Your visitors that visit your site, may want to read some older dated posts
  6. Install and Utilize “Popular tags”  on your site.  These are one of the most important parts of “SEO” for your site.
    1. Use the Most Popular Tags Plugin and activate it on your site.
  7. Intall and utilize “Recent post” plugin and activate. This plugin helps to retrieve list of the most recent posts for your visitors
  8. Install and utilize “Google Sitemaps. Generator” plugin and activate it . Chmod the root server(how to CHMOD) and then go to options >> Google sitemap and then click “Build sitemap manually” link and this creates site map and as you add new post xml file gets updated automatically with new posts URL.
    1. Your sitemap.xml file will be spidered by Google and Yahoo on a regular basis
  9. Configure and add Google Custom Search and Google Analytics.
  10. Sign up and register to Feedburner and add your RSS feed for posts to Feedburner.  Create an option in the blog for your readers to “subscribe” your posts.  This means, when you create a new post or add to posts,  your uses will be notified by email that you have updated your site with new posts.

I really hope that my tips for optimizing wordpress’ SEO helps your website or blog

Filed Under: Blogging, Design, Featured, News, Tutorials, Wordpress
Newer Posts »