Here is a recap of the posts from this week.
Build a Twitter-like site with CodeIgniter and jQuery Part 2
5 PHP Frameworks you may not know about
Creating a basic iPad application
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.
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.
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.
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...)
For this tutorial we will be using the ImgBrowz0r class for the backend of the gallery, we will then write a jQuery script so that we can browse through the gallery created by ImgBrowz0r without no page reloads and a nice effect between page requests so the user knows the page has changed. We will also be using the prettyPhoto plugin for jQuery to open up the actual images.
Getting ImgBrowz0r and prettyPhoto to work
The first thing I done was create a folder called jquery_gallery inside here is where all the files and folders are gonna be stored. I then created 4 folders inside jquery_gallery, the folders are called css, images, inc and js.
When you have downloaded the ImgBrowz0r class, copy the file into the inc folder.
(more...)
Recently I wrote quite a huge chunk of jQuery for a website and it worked fine. A few days later I checked back to make sure that everything was working correctly after modifying a few things, but to my surprise none of the jQuery code worked. The problem was that I had added some Mootools code, the Mootools code worked fine but the jQuery code did not. I done some searching and found that the two libraries were conflicting and all it takes is 2 extra lines of code to prevent this from happening.
