Tutorials

Using The Twitter API With PHP and SimpleXML

Using The Twitter API With PHP and SimpleXML

February 16th, 2010

Twitter has opened up a huge array of functionality through the use of it’s API and it’s really easy to use. In this tutorial I am going to make use of the API to make a simple search using search phrases as well as hashtags. I’m going to retrieve the data via XML and parse it using SimpleXML - now built into PHP5 and return the results to the browser.
Read the rest of this entry »

Theme Switcher With PHP Variables In CSS

Theme Switcher With PHP Variables In CSS

January 20th, 2010

There are many theme switchers out there that do the job just great. Whether you change the theme via a server sided script like PHP or through Javascript most theme switchers do the job of changing the CSS file that styles your content.  But what if you want to just change a few of the styles on the page? What if you only want to have to update just one CSS file? Read the rest of this entry »

A Simple Introduction To JSON with jQuery and PHP

A Simple Introduction To JSON with jQuery and PHP

January 6th, 2010

Before javascript libraries like jQuery came along asynchronously updating content with AJAX involved writing code which would account for the different ways that browsers posted back to the server with HTTP. Using the jQuery method post, we can easily load results via an HTTP post request with only a few lines of javascript.
Read the rest of this entry »

View more or less content with jQuery

View more or less content with jQuery

August 22nd, 2009

jQuery can be easily used to manipulate the way that content is displayed on a page. Using unobtrusive javascript we can easily enhance a users experience if they have javascript enabled by allowing users to click to view more content.

Read the rest of this entry »

Cross Browser Transparent Div With Opaque Content

Cross Browser Transparent Div With Opaque Content

February 1st, 2009

As described in an earlier tutorial covering CSS tips and tricks we can create content in a page element and style that element to be semi transparent using a variety of techniques so that the transparency works across multiple browsers. Using this technique on a div will also make the containing content semi-transparent.

We will look at a method to transform the content to opaque onto a semi-transparent background across multiple browsers.
Read the rest of this entry »

iPhone / iPod Touch Interface for Wordpress

iPhone / iPod Touch Interface for Wordpress

January 25th, 2009

With the increasing number of iPhone’s and iPod Touch’s out there it’s a nice idea to create an interface especially for those users. Following Apple’s interface guidelines we will be creating an alternative interface for those users who decide to select that interface rather than detecting whether the user agent is an iPhone or iPod and forcing them to see the interface.

Read the rest of this entry »

A Quick Selection of CSS Tips

A Quick Selection of CSS Tips

January 24th, 2009

I have compiled a quick list of some useful CSS hints and tips that I use in nearly every website I create.  A lot of my time has been saved by using these CSS techniques. Read, learn and use them in your projects.

Read the rest of this entry »

Change the_content <!--more--> link in Wordpress

Change the_content link in Wordpress

December 10th, 2008

A handy little tip for Wordpress that will help you to remove the part of the link for reading more of an article.  By default this link will take you halfway down the page to continue reading.  Could be handy, but I prefer to start at the beginning of the page and find the jump down the page confusing.

Read the rest of this entry »

jQuery Image Gallery

jQuery Image Gallery

December 7th, 2008

Create your own simple image gallery for your site with jQuery. jQuery makes creating simple interactive web pages a breeze. Use this easy to implement jQuery image gallery to show off your quality images using an interactive interface. This script uses the hover method on thumbnail images to show larger versions of the thumbnail.

Read the rest of this entry »

16 Handy Shortcuts In FireFox

16 Handy Shortcuts In FireFox

December 5th, 2008

Firefox has a plethora handy shortcuts to make your browsing experience quicker and easier. Here a just a few of them to make your day a little easier:

Read the rest of this entry »