http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy

First you are going to need some meta tags in the heading so phones KNOW that they are looking at a mobile site and display in the right way.

<meta name=”viewport” content=”width=device-width, user-scalable=yes”>
<meta name=”viewport” content=”width=device-width; initial-scale=1.0″>

Then you are going to need some media quires. This works well

@media handheld, screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
/* Phone CSS here */

}

Then somthing to resize images

/* Flexible Images for Adjusting Screen Resolution */
img {
width:100%;
}

and then a few fixs

/* iphone text fix */

html {
-webkit-text-size-adjust: none;
}

Mobile-friendly: The mobile web optimization guide

http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/

http://webdesignledger.com/tools/7-useful-tools-for-mobile-website-testing

Media types

http://www.howtocreate.co.uk/tutorials/css/mediatypes

Opera Mini Simulator

http://www.opera.com/mobile/demo/

http://dev.opera.com/articles/view/opera-mini-5-beta-developers/

Taming Opera Mini 4

http://blog.wapreview.com/397/

This is a great article about how it works and different ways to implement responsive design using css

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

A List Apart: Articles: Responsive Web Design

http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/

Tips for media queries

http://www.webdesignerwall.com/tutorials/css3-media-queries/

Different Stylesheets for Differently Sized

Browser Windows

http://css-tricks.com/resolution-specific-stylesheets/

JavaScript ie media queries

http://protofunc.com/scripts/jquery/mediaqueries/

Rethinking the Mobile Web by Yiibu

http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu#postComment

Testing media style sheets

http://protofluid.com/

Fluid Images

This article is about fluid or resizing images that resize with the website.

http://unstoppablerobotninja.com/entry/fluid-images

How to Size Text in CSS

About using em

http://www.alistapart.com/articles/howtosizetextincss/

http://clagnut.com/blog/348/

http://www.serie3.info/s3slider/index.php

http://malsup.com/jquery/cycle/

This plug in for a rotating image gallery

Social Media sites use tools such as blogs, podcasts, videos, live streams, message boards, forms, communities, bookmarks, RSS feeds and wikis. Some terms you may hear when talking about Social Media are:

Social Marketing is the use of Social Media to promote or sell a business’s services or products.

-          Trade me

-          Amazon

Social Networking is the use of online tools, technologies and platforms to create a profile and socialise with others using Social Media technologies. This can be for private, personal or business objectives.

-          Linked in

-          Facebook

-          MySpace

Blogs are websites where the content (for example text, photos, video, and audio) is put in date order. News pages are often considered Blogs.

-          This page

-          Simon “Swampy” Mash -  http://www.swampymarsh.co.nz/Site/Swampys_blog/default.aspx

Podcasts are voice and video recordings regularly updated in a subscription bases that can be downloaded to a device or viewed online.

-          Apple

Photo and Video Sharing can be uploaded to sites for the world to view and recommend others to view.

-          YouTube

-          Flickr

Micro-blogging is form of blogging where the content of each entry is much smaller than a normal blog.

-          Twitter

To use Social Media in business effectively the businesses or product needs to become part of the social media community and be willing to communicate and listen to other members of the community. You can also use other media to promote or in conjunction with your Social Media.  It is a time consuming process and above all should be useful, interesting and funny for all involved.

After all, it is common sense for people use Social Media because they enjoy it.

<img src=”/images/imagename.jpg” title=”Title text” alt=”Alt text” />

http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/

I used it on a FAQs page but had to get rid of the href=# and just left the A tags without anything to link too because every time I clicked to open the page would jump to the top. This was the only issue I could find. Even works in IE6.

http://www.jaymeblackmon.com/blog

Fix

http://www.jaymeblackmon.com/ie6-double-margin-bug-fix

To fix this simply add display:inline; to your floating element

“5 ‘New’ Skills that Every Web Designer Needs to Know”

http://boagworld.com/random/new-skills