Coding

WordPress HTML5 Clickable Div – Highlight Hover Post

Web Design Code

In this tutorial we will highlight hovering over a clickable div which has an image and a title. For an example please visit my homepage With the magic of HTML5 and CSS3 you can now insert a <div> , which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors.

WOW Playground – PHP Checkboxes Revisited

Image of Web Form

Having checked back at some of my popular PHP and jQuery posts I decided to create WOW playground which unites all of my previous checkboxes and radio button form tutorials into one handy script.  I have updated to newer, modern technologies like HTML5, CSS3 and PDO, to handle the database.  jQuery and jQuery UI have been updated to the latest versions with a few new features and the odd tweak here and there.

Adding Google Charts to WordPress Blog Part 2

Google Charts

In this mini-series of Google Visualization tutorials we will be adding a Google chart to a WordPress theme without having to install any plugins but ensuring that we use the correct WordPress functions and recommended safe way of implementing JavaScript. The data we will be pulling will be in JSON format and will be stored on the same server inside the theme directory.  In this tutorial we will be adding  a stacked column chart.  Want to add a table?  Checkout part 1

Adding Google Charts to WordPress Blog Part 1

Google Charts

In this mini-series of Google Visualization tutorials we will be adding a Google chart to a WordPress theme without having to install any plugins but ensuring that we use the correct WordPress functions and recommended safe way of implementing JavaScript. The data we will be pulling will be in JSON format and will be stored on the same server inside the theme directory.  In this tutorial we will be adding a table. Want to add a chart?  Checkout part 2

Jquery News Ticker – Display External RSS Feeds

Display RSS

In this tutorial I will show you how to display single or multiple RSS feeds using SimplePie in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to your blog content try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

Jquery News Ticker – Display Recent Blog Posts

Display latest Blog Posts

In this tutorial I will show you how to display your recent blog posts in your WordPress theme in a news ticker style format using the jQuery news ticker script. If you want to link to external RSS feed(s) try this tutorial. If you want to add a news ticker to a website that doesn’t use WordPress primarily but features a WordPress powered blog section then try this tutorial.

Display Your Cached Tweets Using PHP and OAuth

Twitter Logo

Primarily the focus on this tutorial is to display your cached tweets using PHP and OAuth on your website. We will be accessing the secure Twitter 1.1 API with PHP by parsing and caching the Json file to store on your server. It may seem a lot of code just to display your latest tweets on your website but the benefits are that you can style it to your own taste with a little CSS and caching the Json file will not add extra load on the Twitter API. For WordPress users you should use WordPress – Display your Cached Tweets using PHP and OAuth or my new plugin.

Display WordPress Posts as a News Ticker

WordPress

The following tutorial will display your latest posts in a news ticker format. The code is basically the same as my popular post Display Your Latest Posts on a Static Page except that the output is in a unordered list for the jQuery news ticker to work. This tutorial is meant for non WordPress websites to access their WordPress powered blog. To add a news ticker to your WordPress powered blog to display your latest posts try this tutorial. To add a news ticker to your WordPress blog with external RSS feeds try this tutorial.