CSS3 Hue Saturation Lightness

http://www.w3.org/TR/css3-color/#hsl-examples

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 Replacement for CSS3 Gradients

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

Replacement Font with Javascript

Cufón aims to become a worthy alternative to sIFR

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.

Twilio Project

Twilio
Using and XML and PHP to respond to a users phone or SMS text message.

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

FaceBook Contest Goes Viral

Both of my fan gated Facebook contests went viral this week. I used Short Stack Apps to create the contest. In 4 hours I had 500 fan likes.
Here are my stats for the week from facebook:

Google’s New +1 Button Code

Get the New button code for Google’s Plus One

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>

Web-Safe Area Templates for Photoshop

All of the Web-safe area browser PSD templates listed below can be individually downloaded by choosing from the following resolutions: 640×480, 800×600, 1024×768, 1280×960 and 1600×1200 pixels.

Download Photoshop Files

Scala – Digital Signs

Started working with Scala Software to create Digital Signs for Hotels. Next step is to add in the touch screen functionality, as well as pull in RSS feeds and widgets from external sources. I have the delphi interface pulling meeting information from the PMS. Just a matter of data binding the text fields.

One Domain, 2 Hosting Servers – Adding a Subdomain

I had to setup a separate hosting account for my new ASP .net project. I added a second hosting account to godaddy.com. I setup: Windows ASP.NET v4.0 with IIS 7 for my C# project.

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

Started my .net experience.

Installed Visual Studio Web Developer 2010 Express, and upgraded my hosting to .net 4 Created a subdomain for my .net development.

Have to wait 24 hours before I can login.