<link src="some Styles.css" media="screen" />

The important part of this is the media attribute. I am sure you all use at least screen and print. We can add to those to change the layout of our page for different screen resolutions.

For Example, adding to our previous code:

<link src="someStyles.css" media="screen" />
<link src="someMediaStyles.css" media="screen and (min-width: 480px)" />

All we added was “and (min-width: 480px)” after in our media attribute after screen. What that means is if the width of the browser is at least 480px then the stylesheet someMobileStyles will be loaded.
That was a bad choice on my part to use min-width for iphone styles. There is another media query we can use, device-width, which does what I was trying to accomplish. (While writing the demo I discovered that min-width doesn’t work on the iPhone, device-width does)

From here on out I am going to reference using the @media declaration within a stylesheet. An example of the @media declaration:

@media screen and (device-width: 480px) {
/*css goes in here */
}

Pro Tip: I always use @media over the media attribute on the link tag because it saves an http request.

There are several media queries that we can use. The ones I can see myself using are min-width, device-width, orientation.
Most of them allow you to add min- or max- as a prefix for greater or equal to or smaller or equal to.
For a fill list, visit the W3 CSS Media Queries article.

I wrote up a demo that shows a practical application of this technique. It shows 4 different layouts, one for 960px+, one for 600px to 959px, one for 480px to 599px and one for mobile devices with a width of 480px (like the iPhone).

Demo

Further Reading

http://www.w3.org/TR/css3-mediaqueries/
Chris Coyer’s Excellent article on CSS Media Queries

But, yeah, Comcast sucks.  Not much of a suprise to most people who have them.  I have never liked them, but sometimes, you don’t have much of an option.  Like me now.

Comcast has started idling out our connection.  When I first moved to Florida in December, I was getting about 12-14Mbps down, and about 10Mbps up.

What am I at now?

2.12 Mbps???  I’m sorry, but I believe we are paying for HIGHSPEED.

Further more…  Comcast’s Domain Helper Service.

With the Domain Helper service we are testing now, we will instead help direct your Web browser to an easy-to-use page with suggestions and links to get you back on track. We also provide a seamless search experience on this page, which is powered by Yahoo!, so you can find relevant search information, or simply perform another search.

Problem is, IT DOESN’T WORK.  Today, trying to do some research, several sites would have some pages load just fine, then all of the sudden BAM!

“Sorry, we can’t find “URL”.  Did you mean “SAME URL!”

Normally, I would think that this is just a problem with the server the site is on.  But I doubt Google has that problem.

So, obviously, I am switching.  We will be cancelling them by the weekend and switching to some provider that isn’t going to slow down my service and use buggy beta services.

Shirt rant, but, I am sure it’s been read over and over again that their service is a complete joke.

This is still a preview, though.  So they may stop it at anytime, and there may be several bugs.

What is Wave? Just think gmail, gtalk, Flickr like photo management and a bunch of social-networking technologies, all rolled up into one big ‘ol burrito. If done just right, this may be the Facebook/Myspace killer (Please god, let it be the Facebook/Myspace killer).

Thus far, I am not impressed.  Looks pretty, but so far, there is very little to keep me occupied.

Anywho, head on over and try it out for yourselves. If you have a Google account, just log in, if not, get with the program and get one.

function format_hex_color($t) {
	$t = preg_replace("#(\#[0-9A-Fa-f]{6})#si", "<span style='color:\\1'>\\1</span>", $t);
	return $t;
}

Example usage

$string = "He wanted it in #ff0000 or #00FFAA.";
$string = format_hex_color($string);
 
echo $string;

Would output:
He wanted it in #ff0000 or #00FFAA

Works with both caps and lowercase.

A typical echo is…

<?php echo $variable; ?>

And the shorthand method that I almost always use…

<?=$variable?>

I have a guest poster or two that are going to help keep the content rolling here soon as well.

Stay tuned.

I find it… With an added surprise. I found a website filled with themes, and there are a lot on there where they removed the author’s link backs and copyrights and added their very own.   Including my Isolated theme.  I know this, because I have seen may of the original themes before.

This website, http://www.wordpressthemes2.com is by far one of the biggest rippers I have ever seen.

I recommend, if you are or know any theme authors, send them to that site and see how many of their themes have been ripped.

And they officially become the first member of my new Hall of Shame.

It is free to download, but be warned:

1. This was created a few years ago, it is way out of date and will probably need modifications to run.
2. The javascript used to make it is probably outdated too.
3. I will NOT support this theme in any aspect whatsoever.
4. I have no screenshot here.  Too much work.  If you are here, you probably know what you are looking for anyways.

Enjoy.  All I ask is that a link back to me is left in the footer.

I’ll tell you what happened…  I have drastically changed Ensellitis.com, again.

No longer is this just some personal weblog (I hate the sound of blog)…  Now its back to it’s original format.  So I am starting from scratch.

Also, the old design was ditched to be more user friendly, especially to those with javascript disabled and mobile phone users.