HSL

color: hsl([hue], [saturation], [light]);
Use: color: hsl(60, 100%, 100%);
This is the list of Hues, its twelve sections of the color wheel

• 0 = Reds
• 30 = Red-Yellow
• 60 = Yellow
• 90 = yellow green
• 120 = greens
• 150 = green-cyan
• 180 = cyan
• 210 = cyan-blues
• 240 = blues
• 270 = blue-magentas
• 300 = magentas
• 330 = magenta-reds

Alpha channel

add the “a” to include a alpha channel

color: hsla([hue], [saturation], [light], [alpha]);
Use: color: hsla(60, 100%, 100%, 0.7));
color: rgba(100%, 50%, 0%, 0.1) } /* very transparent solid orange */

SVG Gradient

A simpler, more readable way of creating code gradients.  No need for multiple browser specific prefixes (ie -moz, -webkit, -0, etc).

Using SVG (Scaleable Vector Graphics)   – an xml-based file format for describing 2-d vector graphics – using math & geometry, rather than pixels.  SVG scales with out distortion while maintaining tiny file sizes.

I have been playing with Google’s SVG edit http://svg-edit.googlecode.com 

Create my SVG code with the SVG editor, and then save as gradient.svg

Then just add my gradient.svg like I would a jpg into my background css

html {
	background:url(grad-radial.svg);
	background-size: 100% 100%;
	height:100%;
	}

I did notice that the headers might need to be adjusted I used the following php code, for the page to render correctly:

header('Content-type: application/xhtml+xml');

Check out my other examples here

1. No plug-ins required – it can only use features natively supported by the client
2. Compatibility – it has to work on every major browser on the market
3. Ease of use – no or near-zero configuration needed for standard use cases
4. Speed – it has to be fast, even for sufficiently large amounts of text

Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

http://cufon.shoqolate.com/generate/

<script src="/includes/js/cufon-yui.js"></script>
<script type="text/javascript" src="/includes/js/Clarendon_400.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h1'); // Works without a selector engine
	Cufon.replace('#sub1');  Requires a selector engine for IE 6-7
</script>

I found after adding the cufon script to replace my H1, there were issues with the Z-index and the drop down menu.
In IE7, the cufon letters were always on top- and the drop-down navigation fell behind the h1 title.  
I tried to change z-index but was unsuccessful.

Call (415) 599-2671 (need pin) contact me for access

Track your +1's in google webmaster tools with  Google Analytics asynchronous code

Plus one integration in Google Analytics is not live yet, but you can add button code along with Google Analytics asynchronous code and get it working.
Here is the code which should be added before the </body> tag.

<!-- Google Analytics for Plus One Tracking Code in Webmaster Tools  -->
<script type=”text/javascript”>
	function plusone_vote( obj ) {
	 _gaq.push(['_trackEvent','plusone',obj.state]);
 }</script>

Download Photoshop Files

In order to add my to create my subdomain: dev.slicemultimedia.com
Since I’m point the a subdomain, to the new hosting server, I use the IP address from the new hosting account dev.slicemultimedia.com.

1 step
Open new hosting account, from homepage left column: my products > Hosting
then select new hosting to find IP
Keep this IP for final step.

Hosting IP used in A record

2 step
Next, I launch the domain manager,
From homepage, in the left sidebar, My Products > Domains > Domain Manager

3 step
Then launch DNS manager

Launch DNS manager

4 step
From the DNS manager, add a new A record with the quick add button. In the “host” textbox put in new subdomain, for me it was “dev”, because I wanted dev.slicemultimedia.com as my url. Then place the new server IP (copied from the first step) into the “points to” textbox.

Add new A record with Quick Edit

5 step
then save

Have to wait 24 hours before I can login.