Snipplr

(PHP) WordPress YouTube Z-Index Fix - paulgrenwood

Fri, 12 Aug 2011 19:38:19 UTC

WordPress allows you to embed videos so easily using oEmbed. You can easily add videos to your post just pasting their URL to your post. WordPress handles all the object and embed HTML for you. But this code is missing wmode parameter which is necessary for CSS z-index to work. Here I will show you how to filter the HTML for the embedded video and add this parameter so easily. For this we will use the oembed_dataparse filter which is run when a user adds a video to the post. Place the following code in your theme's functions.php file:

(PHP) Display Current Year with PHP - paulgrenwood

Fri, 29 Jan 2010 18:30:15 UTC

(JavaScript) Show Most Recent Flickr Uploads - paulgrenwood

Wed, 04 Nov 2009 11:22:52 UTC

This code will display the most recent uploads from Flickr for any account. Replace the â€œ35591378@N03â€³ (the Whitehouse account) in the code below with the ID of the account you are fetching from. Use http://idgettr.com/ if you need help finding it. Alter the â€œ9â€³ in the loop to show more or less than 10.

(PHP) Randomize Background Image - paulgrenwood

Tue, 27 Oct 2009 16:14:28 UTC

Set up and array of filenames, which correspond to the file names of the images you are trying to randomize.

(CSS) Select List Item only if it Doesn't Contain another List (and is top level) - paulgrenwood

Tue, 06 Oct 2009 08:55:57 UTC

(PHP) Cleaning Variables - paulgrenwood

Wed, 30 Sep 2009 08:54:37 UTC

Variables that are submitted via web forms always need to be cleaned/sanitized before use in any way, to prevent against all kinds of different malicious intent.

(JavaScript) Use Firebug in Any Browser - paulgrenwood

Wed, 30 Sep 2009 08:51:42 UTC

Just include this script on the site and youâ€™ll get a Firebug console that pops up for debugging in any browser. Not quite as full featured but itâ€™s still pretty helpful! Remember to remove it when you are done.

(PHP) How to Code a Signup Form with Email Confirmation - paulgrenwood

Tue, 29 Sep 2009 10:30:19 UTC

(HTML) Placing a Flickr Slideshow - paulgrenwood

Wed, 23 Sep 2009 16:41:46 UTC

(HTML) Country Select HTML - paulgrenwood

Wed, 23 Sep 2009 16:40:08 UTC

(PHP) Custom Fields - SEO Your Title Tag - paulgrenwood

Wed, 23 Sep 2009 16:05:36 UTC

Search Engine Optimisation, or SEO is something that a lot of bloggers get obsessed about, whilst others think itâ€™s a load of rubbish. Iâ€™m halfway between the two â€“ whilst I believe that you can change certain things to better SEO your content, such as adding H1, H2 etc tags in the appropriate places, I personally donâ€™t think you should get too carried away with it. One of the things you can do though is change your title tag, and this custom field trick will let you set a custom field and itâ€™ll appear as your title tag. Add the code below to your header.php file:

(PHP) Custom Fields - Display a thumbnail (and auto resize it) - paulgrenwood

Wed, 23 Sep 2009 16:04:25 UTC

Whilst there are a number of ways of displaying thumbnails, this is still my favourite (even if it does require the most work!). First, upload timthumb to /wp-content/themes/yourtheme/ and create an image 250px by 250px with your siteâ€™s logo and upload it to yourtheme/images/. This is the image that will be displayed if no custom field is displayed. Then, for every thumbnail, youâ€™ll need to create it in Photoshop and upload it to your blog. Next, create a custom field â€˜Imageâ€™ with the path of the image as the value of the custom field. Now for the code:

(PHP) Custom Fields - Create a Post Series - paulgrenwood

Wed, 23 Sep 2009 16:03:35 UTC

This is something that I wished Iâ€™d thought of a long time ago â€“ show other posts in the same series using not a plugin but custom fields. All youâ€™ve got to do for this trick to work is create a custom field â€˜Seriesâ€™ with a link to each other post in the series. Each post must be a seperate custom field. Then, use the code below to display all the other posts in the same series!

(PHP) Allow Visitors to Email Posts to Their Friends - paulgrenwood

Wed, 23 Sep 2009 16:02:57 UTC

Allow Visitors to Email Posts to Their Friends

(PHP) Add Custom Bookmark Links - paulgrenwood

Wed, 23 Sep 2009 16:02:12 UTC

(PHP) Add a "Share on Facebook" Link - paulgrenwood

Wed, 23 Sep 2009 16:01:06 UTC

(PHP) Zip Files on the Fly - paulgrenwood

Wed, 23 Sep 2009 16:00:14 UTC

(PHP) Validate Email Address - paulgrenwood

Wed, 23 Sep 2009 15:59:47 UTC

E-mail validation is perhaps the most used validation in web forms, this code will validate email address and also optionally check the MX records of the domain provided in email address to make email validation more robust.

(PHP) Truncate Text at Word Break - paulgrenwood

Wed, 23 Sep 2009 15:58:39 UTC

This function will truncate strings only at word breaks which can be used to show a teaser for complete article without breaking words.

(PHP) Resize Images on the fly - paulgrenwood

Wed, 23 Sep 2009 15:58:09 UTC

Creating thumbnails of the images is required many a times, this code will be useful to know about the logic of thumbnail generation.

(PHP) Prepend http to a URL - paulgrenwood

Wed, 23 Sep 2009 15:57:32 UTC

Some times you need to accept some url as input but users seldom add http:// to it, this code will add http:// to the URL if itâ€™s not there.

(PHP) Parse JSON Data - paulgrenwood

Wed, 23 Sep 2009 15:56:33 UTC

With most of the popular web services like Twitter providing their data through APIs, it is always helpful to know how to parse API data which is sent in various formats including JSON, XML etc.

(PHP) List Directory Contents - paulgrenwood

Wed, 23 Sep 2009 15:55:52 UTC

(PHP) isset instead of strlen - paulgrenwood

Wed, 23 Sep 2009 15:55:18 UTC

This snippet uses isset() instead strlen() to verify a PHP variable (in this example $username) is set and is at least six characters long.

(PHP) Human Readable Random String - paulgrenwood

Wed, 23 Sep 2009 15:54:43 UTC

This code will create a human readable string that will look more close to dictionary words, useful for captchas.

(PHP) Get Real IP Address of Client - paulgrenwood

Wed, 23 Sep 2009 15:54:14 UTC

This function will fetch the real IP address of the user even if he is behind a proxy server.

(PHP) Generate Random String - paulgrenwood

Wed, 23 Sep 2009 15:53:33 UTC

If you donâ€™t need human readable string, then use this function instead, which will create a random string you can use for user idâ€™s etc.

(PHP) Force File Download - paulgrenwood

Wed, 23 Sep 2009 15:53:04 UTC

Provide files to the user by forcing them to download.

(PHP) Encode Email Address - paulgrenwood

Wed, 23 Sep 2009 15:52:24 UTC

With this snippet, you can encode any email address into HTML entities so that spam bots do not find it.

(PHP) Convert URLs within String to Links - paulgrenwood

Wed, 23 Sep 2009 15:51:21 UTC

This function converts URLs and e-mail addresses within a string into clickable hyperlinks.

(PHP) Convert Strings into Clickable URL - paulgrenwood

Wed, 23 Sep 2009 15:50:39 UTC

(CSS) Sprite with Inline Images - paulgrenwood

Wed, 23 Sep 2009 15:45:29 UTC

(CSS) Remove Vertical TextArea Scollbar in IE - paulgrenwood

Wed, 23 Sep 2009 15:43:09 UTC

IE adds a vertical scrollbar to textarea input fields regardless of the height of content in it. You can fix that with this simple CSS trick.

(CSS) Remove Active Link Borders - paulgrenwood

Wed, 23 Sep 2009 15:42:29 UTC

Some browsers like Firefox and IE add a dotted outline border over the link user clicked. It is a useful accessibility feature that lets user know which link he clicked or is in focus. But sometimes you need to get rid of this, hereâ€™s the CSS you need to use.

(CSS) Print Page Breaks - paulgrenwood

Wed, 23 Sep 2009 15:41:43 UTC

While most of the internet users prefer to read content online but some of your users might like to print your article. With CSS you can control the page breaks within content just add this CSS class to your stylesheet and add this class to any tag which you would like to print on next page.

(CSS) Perfect Full Page Background Image - paulgrenwood

Wed, 23 Sep 2009 15:41:04 UTC

This is a very tall order, and we are going to be pulling out all kinds of different stuff to make it happen. First of all, because the image needs to scale, a traditional CSS background-image is already disqualified. That leaves us with an inline image. This inline image is going to be placed on the page inside of a bunch of wrappers, each necessary for accomplishing all our goals. WORKS WITH IE7+

(CSS) Highlight Text Input Fields - paulgrenwood

Wed, 23 Sep 2009 15:39:44 UTC

This CSS trick lets you highlight the input field currently in focus. This trick does not work in IE though.

(CSS) Highlight Links that Open in a New Window - paulgrenwood

Wed, 23 Sep 2009 15:38:57 UTC

This piece of CSS code will highlight links that open in a new window so that user knows before hand that link will pop open in a new tab or window.

(CSS) Equal Height Columns - paulgrenwood

Wed, 23 Sep 2009 15:37:56 UTC

(CSS) Detect Screen Size & Apply CSS - paulgrenwood

Wed, 23 Sep 2009 15:33:51 UTC

I needed today to format the content differently according to the screen resolution of the user. So I thought that just by detecting the screen width using the screen.width property, I could change the stylesheet using jQuery. And so it was. Check the example and continue reading.

(CSS) CSS Dropdown Menu - paulgrenwood

Wed, 23 Sep 2009 15:28:03 UTC

(CSS) Cross Browser Opacity - paulgrenwood

Wed, 23 Sep 2009 15:26:27 UTC

Though CSS3 standard includes the opacity property, but not every browser supports it, hereâ€™s the CSS trick for cross browser transparency.

(CSS) Cross Browser Minimum Height - paulgrenwood

Wed, 23 Sep 2009 15:25:47 UTC

Internet Explorer does not understand the min-height property but hereâ€™s the CSS trick to accomplish that in IE.

(CSS) Change Text Highlight Color - paulgrenwood

Wed, 23 Sep 2009 15:24:14 UTC

(CSS) Attribute-Specific Icons - paulgrenwood

Wed, 23 Sep 2009 15:15:30 UTC

CSS Attribute selectors are very powerful giving you many options to control styles of different elements e.g. you can add an icon based on the href attribute of the a tag to let the user know whether link points to an image, pdf, doc file etc.