Javascript: JQuery Tabs

In modern web applications you often need to make something visually appealing and without using something like Flash, the best thing for this is Javascript. There are a variety of frameworks available these days that enable a huge amount of visually impressive tricks – from animating content to organising it. This is the first of a series of articles showing how to use these frameworks to make your application a better place – Tabs using JQuery.

Read the rest of this entry »

AJAX and Google Integrated Search

In this tutorial I will show you how to create an AJAX search box that can be used on your website or blog that also has an integrated Google search built in. We will be using HTML, CSS, PHP and jQuery to create our search box.

Read the rest of this entry »

Create a Parallax Website Header

This tutorial will show you how to create a cool Parallax Website Header using jQuery and the jParallax jQuery plugin. This is quite a simple experiment and you won’t need any javascript knowledge, just plain old HTML and CSS. However this has the potential to create some really stunning effects.

Read the rest of this entry »

PHP Automatically Create Thumbnail Images

I recently wrote about making an AJAX image gallery. In it I said you should have a separate thumbnail image so that you don’t have to load up the main image and resize it, wasting time and efficiency. In this article, I’m going to show you how to automatically make a thumbnail when an image is uploaded using PHP.

Read the rest of this entry »

Pure CSS Accordion Menu

This tutorial will explain how to create a pure CSS accordion menu. There is no javascript involved in this process. Simply valid HTML, CSS and 4 images are used. The example we will be using is relatively simple but could be extended to create Accordions for different types of content.

Read the rest of this entry »

AJAX Image Gallery

There are plenty of photo galleries around for you to use, but sometimes you just want something that looks a little different or integrates into your site a little better. In this tutorial, I’m going to make a photo gallery that uses Ajax and Thickbox.

Read the rest of this entry »

Creating a CMS Website Layout using Ext JS

This tutorial will explain how to create a layout commonly used in the backend of a website CMS. We will be using the Ext JS library and normal HTML and CSS.

Read the rest of this entry »

PHP Login System

In most web applications there will be some restricted content – whether that is administrative functions such as managing comments or simply content that is a bit sensitive and needs someone to be signed up to see it. Obviously this kind of thing is key to the application so it is often built into the application in a very specific way.
Here’s why I think that’s a bad thing, and how to do it in a much more generic fashion…

Read the rest of this entry »

Create an Email Form using AJAX

This tutorial will cover how to create an Email Form using AJAX (specifically using the Prototype javascript library and the Livevalidation javascript library) and PHP. I will assume you have at least a basic knowledge of HTML, CSS, PHP and Javascript.

Read the rest of this entry »