Don't forget to check out part 1 if you have no read it.

In the second part of this 5 part tutorial series on how to build a Twitter-like website, we will be creating a signup form so that users can register to our website.

We will be adding records to the database that we created in part 1 and creating validation rules to make sure that the user didn't put any invalid data into the form.
(more...)

Here is a list of posts from this week if you may have missed anything.

20 Stunning Wallpapers For Your Desktop

10 Awesome jQuery Tutorials You Should Check Out

10 Flash and Actionscript Tutorials for the Beginner

Cheat sheets: jQuery, MooTools, Prototype

Deep Linking with jQuery

Build a Twitter-like site with CodeIgniter and jQuery

This tutorial will be the first of a five part series where we will built a social network site similar to Twitter from scratch. We will be using the CodeIgniter framework for the core of the website and jQuery for the effects. In this first part we will be configuring CodeIgniter to display everything correctly and we will also set up a database and connect to it.

(more...)

You can view a demo and download the resources for this tutorial at the bottom of the post.

Web 2.0 websites have a lot of Ajax functionality, some times when you load a new element of a page you may want the user to be able to click the back or forward button so that they can see the previously loaded content. One method to add this function to a website is to use the jQuery Address plugin with jQuery.

jQuery Address has 4 main methods; init, change, internalChange, externalChange. The init method is what is called when the plugin is initiated. The change method is called when the URL is changed, an element in the page is changed or either the forward or backward button is pressed. The change method has the combined functionality of internalChange and externalChange. The internalChange is only called when a hyperlink inside the page is clicked; externalChange is only called when the URL is changed or the backward or forward button is pressed.

To allow deep linking within your website the only two methods that are required is init and change, you can then use internalChange and externalChange wherever you may need them.
(more...)

Javascript frameworks like jQuery, MooTools and Prototype are being used by almost all developers in web design and web development, and if you're not using them you should be. Frameworks like these make building complex Javascript functionality into websites a breeze with only a few lines of code.

If you want to start using a framework but are not sure which one is for you then you are probably best starting off with jQuery as it is simple to understand yet powerful. You can also use frameworks together, check out my post here.

In this post you'll find cheat sheets that will be helpful to you as a reference when using one of these frameworks and you can't quite remember a function.

(more...)

Flash is a piece of software that is used by many developers all over the world. There are also a lot of people who are still starting to learn Flash, I decided to put this list together with some of the 10 best tutorials for beginners that I came across.

(more...)

jQuery is a great tool that everyone in web development should be using to make the functionality of their websites better, it's easy of use and good documentation is what makes jQuery such a successful framework. Although the documentation is good there are still a lot of tutorials out there that you should check out.

(more...)

Everyone likes to have a nice wallpaper for their desktop so I have put a list together of the 20 best looking, simple and stylish wallpapers that I have found.

(more...)

For this tutorial we are going to create a drop down box similar to the one on the Google homepage when you start typing.

The Markup

The first thing that we must do is create the markup HTML. We are also going to include a stylesheet called style.css, we will create the CSS further down the tutorial.
(more...)

I have already done this tutorial with CodeIgniter and jQuery it can be found here. I thought I would do this tutorial again but rewrite it for CakePHP because it is a popular PHP framework.

Before we start doing any PHP code make sure to copy in the code below into your MySQL database.

CREATE TABLE  `tutorials`.`twitter_messages` (
`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`username` VARCHAR( 30 ) NOT NULL ,
`message` VARCHAR( 140 ) NOT NULL
) ENGINE = INNODB

Create the controller

Under the folder named controller create a file and call it twitter_controller.php.

We create a class inside it called TwitterController and it will extend AppController. We then set the name of the controller to twitter and tell CakePHP which table we are using in our database.
(more...)