For example, in a method you want to check if a value is a valid email address, you can use the following code:

$validator = new CEmailValidator;

if(!$validator->validateValue($email_address))
{
   //invalid
}

For a list of all the Yii validators you can hook into, please visit the system.validators reference page.

• (555) 555-5555
• 555 555 5555
• 555.555.5555

If your phone numbers are not formatted this way you can add the following HTML around your phone numbers:

<a href="tel://555.555.5555">555.555.5555</a>

It is important that only your mobile visitors see this link, as the majority of desktop users will be greeted with an error message when clicking the link. Make sure the linked and non-linked versions of the phone number are swapped out accordingly depending on the device the user is browsing your website with.

For more information, please check out mobile Tuts+ Mobile Web Quick Tips post.

While working on a website I noticed in IE8 the site would crash the entire browser before the site even had a chance to render any content. The website worked fine in IE6, 7, and 9. The error logs provided no valuable information, leaving me to a trial and error approach for debugging. I eventually found that when I disabled the stylesheet, the website would render.

The Problem

There is a known bug with jQuery 1.6.2 that causes Internet Explorer 8 to crash if there is a body background image defined in a CSS file loaded before jQuery in the header: http://bugs.jquery.com/ticket/9028

The Solution

Change your jQuery version, preferrably to 1.7.1. Check out the jQuery website for more information.

console.log("Hello!");

Please visit “How to debug Javascript” for more information

The event, sponosored by Buffalo Bob’s and Element Design, was a part of Grand Haven’s Winterfest. Exposed to the Elements is a benefit for the Juvenile Diabetes Research Foundation.

Read the full article

The issue is that when developers are developing sites using a URL structure such as: http://127.0.0.1/~mysite/images/dog.jpg, timthumb does not correctly parse the folder structure and returns a broken image. In this case, a proper path might be: /home/mysite/public_html/images/dog.jpg, however timthumb creates the broken path: /home/mysite/public_html/~mysite/images/dog.jpg.

For the record, I believe timthumb is a horrible idea and should be avoided at all costs (security and performance issues). However there are many instances where you might purchase a template to find it is completely integrated with timthumb, and the amount of time it could take to remove timthumb from the template is not worth it.

How to fix

Make sure you are using the latest version of timthumb. At the moment of this writing, the version is 2.8.5

At line 209 you will find the code:

$this->src = $this->param('src');

Replace that with:

//check if tilde is found in src
if(strstr($this->param('src'),'~'))
{
   $url_parts = explode('/',$this->param('src'));

   foreach($url_parts as $url_part)
   {
      //do not include any part with a ~ when building new url
      if(!strstr($url_part,'~'))
      {
         $new_dev_url .= $url_part.'/';
      }
   }

   //remove trailing slash
   $new_dev_url = substr($new_dev_url,0,-1);

   $this->src = $new_dev_url;
}
else
{
   $this->src = $this->param('src');
}

This isn’t the most elegant solution, however the only time you should be using it is while you are developing and debugging the site (tildes should never be in the URL of a live website). Once you go live, it will automatically skip over that extra processing and work just as timthumb is intended.

Additional fix for $_SERVER['DOCUMENT_ROOT']

There might be a chance that timthumb is still not working, and that could be because $_SERVER['DOCUMENT_ROOT'] is not being properly defined. To get around this, we need to manually define $_SERVER['DOCUMENT_ROOT'] at the beginning of the document:

Above this line (line 23):

define ('VERSION', '2.8.5');

Insert the root path of your website, something like this:

$_SERVER['DOCUMENT_ROOT'] = '/home/mysite/public_html/';

I hope that helps, and if it is still not working for you, I highly recommend visiting the official timthumb website and talk with the developers.

Currently the only way to re-enable vertical tabs (side tabs) is to roll back to an older version of Chrome. Here are the steps:

1. Uninstall Chrome
2. Install version 16.0.899.0 from http://www.oldapps.com/google_chrom…old_chrome=6660
3. Disable Chrome updates: http://www.chromefans.org/chrome-tu…tic-updates.htm
4. Reactivate side tabs

I recommend you setup Chrome Sync before this process, so you can easily restore everything.

Once you are back up and running, you might get a “This version of Chrome is older than the user profile on this machine” message. To remove that message, follow these steps:

1. Open Windows Explorer, show hidden files
2. Browse to: C:\Users\username\AppData\Local\Google\Chrome\User Data\Default\
3. Delete the “Web Data” file
4. Close and re-open Chrome

Other web-based image cropping services have you upload an image to their server before you can begin working on it. One major disadvantage to this method is the amount of time it takes to upload the image. Depending on your internet connection and image size, it can be upwards to several minutes before you can start cropping. Another disadvantage is various privacy concerns, as your image is now residing on their server.

Croply performs everything in real-time on your computer. Image uploading is instant onto your browser (your image never leaves your computer), and all processing is completed through the HTML5 canvas element. From start to finish, you can crop and process an image in less than 5 seconds.

The results of the cropping process are fantastic as well, the image quality is identical to Photoshop and the file sizes are very similar. Below is a comparison between Croply and Photoshop.

Croply was originally designed for Photoshop-challenged clients. One of the largest hurdles for clients editing their sites was getting the images the correct size for various portions of the site. A feature added onto Croply is a “Share URL”, which is automatically generated based on the dimensions you input. You can create a “Share URL” for a client, and have them use that specific URL for creating images for slideshow areas, content posts, etc.

Croply is the perfect tool for novice to expert web designers, go ahead and bookmark http://croply.com now!

The most ideal way to handle this is to add padding to the container elements at the beginning of the design process. However this was a completely finished, fully tested website. There was not a single container element that could be modified, but instead there were numerous template files and elements acting independently from one another.

It can be argued that the design stretching to the corners of the screen is a good thing, as it utilizes the most amount of space possible on a smaller screen. However this was entirely a cosmetic issue, and the client disagreed with any of the benefits.

The Easy Solution

Create a div at the footer of the site, center it, and set the width of that div to something slighter larger than the rest of the site.

For example, the entire site was set to 950 pixels wide. So right above the </body> tag I added:

<div style="margin:0 auto;height:1px;width:1050px;"></div>

Now when mobile devices view the website, they zoom out to accommodate the 1050 pixel wide div. This creates the padding effect around all containers of the site without modifying any other lines of code. The height is set as 1 pixel so browsers like Safari will recognize the width of the div. To streamline the code you should assign this div a class and define the styles in your stylesheet, but this is the very basic idea of it.

Desktop users should not notice a difference, but if that becomes an issue you can setup a mobile stylesheet to define the div’s styles only when a mobile device is detected.

Download GetParam Here

Installation

• Copy the getparam.php file into: /wp-content/plugins/contact-form-7/modules/

Usage

When editing a form in Contact Form 7, enter the getparam shortcode. There is only one valid parameter which is the name of the $_GET value.

[getparam value]

For example, if the URL is http://mysite.com/contact?ordernum=12345, the shortcode will be:

[getparam ordernum]

Then when building the response email, you can pass the value with [ordernum]