Thursday, March 4, 2010

Web Design Resources - Web Design Guide


javascript resources and libraries...

AJAX / jQuery

Ajax development reference...

Navigation / Menu

Different website navigation...

XHTML Resources

Usefull XHTML reference..

CMS - Content Management

The best CMS systems available...

Web Standards

A selection of standards based information...

CSS Specification

CSS reference...

CSS Resources

A collection of useful CSS reference websites.

CSS Links

Useful CSS link sites.


Web usability stuff...


design and development resources...


Web accessibility stuff...

Colour Tools

Useful colour tool...

Web Hosting

Host those websites...

Web Monitoring

Keep an eye on your websites...


search engine optimization...

The Big Names

Leading names in the business...

Social Networking

twits, tweets and faces...

Firefox Extensions

add-in tools for designers..

Misc. Resources

Other things that are nice...


Graphics and apps for the iphone...

The UK Law

Legal stuff...

Top 20 CSS Galleries / Showcase

There are hundreds obviously!
Here's our Top 20...

  1. CSS Design Yorkshire
  2. CSS Gallery
  3. Boxed CSS
  4. CSS Based
  5. W3C Sites
  6. CSS Nature
  7. CSS Mania
  8. Design Shack
  9. Cool Home Pages
  10. CSS Collection
  11. CSS Bloom
  12. CSS Beauty
  13. CSS Vault
  14. CSS Artillery
  15. CSS Remix
  16. CSS Drive
  17. CSS Tux
  18. nice{stylesheet;}
  19. The Daily Slurp
  20. CSS Container

Other CSS Galleries / Showcase

The best of the rest...

Wordpress / CMS Galleries

Specialist galleries and resources...

Web Design Magazines

Design magazine sites that publish regular articles and useful design related features...


Improve your skillset...

Design Blogs

Comments and news in the web world of web design and development...

Discussion Forums

online forums...


Design and development podcasts...


Online shopping...


Design related literature...


Photoshop reference...

Image Galleries

Get the picture...




and groovin'...

Patterns / Vectors / Icons

Web backgrounds / graphics...

source from:

Wednesday, March 3, 2010

Different Redirection Options

Lately, I’ve been having to work with a lot of redirects and I was going through different redirection options with a client. So I thought I would do a quick write up about the different types of redirection.

I also haven’t seen a collection of these in one place, so I thought I would put this together.

There are a few different types that are commonly use when redirecting users:

  • .htaccess / apache
  • php header
  • javascript
  • meta refresh

The top two are the one’s you’ll be using most often, I don’t really recommend the last two. But they are available, so I think they’re worth noting. So here they are in the order I would recommend:

1. .htaccess / apache redirects

Redirect /old_directory

This redirection is most efficient at the apache level, but if you’re like me and are on shared hosting, getting into the apache installation probably isn’t an option. In that case you can put this in an .htaccess file in the root directory of your site.

Using an .htaccess redirection is great for moving entire sites because you can not only redirect a page, but you can redirect entire sites and subdirectories with one line of code.

2. PHP header redirects

PHP header redirects are good for single page redirects and if you’re not comfortable working with the .htaccess file. This code goes at the very top of the page you’re trying to redirect. If it’s not there you may get a “headers already sent” error.

If you’re publishing out static HTML files, you can still use this by adding this code into your .htaccess file:

AddType application/x-httpd-php .php .html .htm

This will let you execute PHP in an HTML file.

3. JavaScript redirects

JavaScript redirects are generally not used unless you’ve exhausted the other two options. If you don’t have access to the .htaccess file AND you can’t run server-side script on your page, this is an OK fallback option, but you have to make sure to provide a link to the forwarding page incase a user is browsing without JavaScript.

4. Meta redirects

As your last option, I don’t see this in the wild anymore, but it’s worth mentioning that it does exist and does technically work (I’m not sure about it’s validity in HTML 5). You would place this in the document HEAD with the rest of the meta elements.

content=0 is a second timer for the redirect, I have this one set to 0 so it will redirect immediately.

Those are the options I’ve used in the past; did I miss anything? Maybe an ASP redirect? Let me know!

source from: