Create a TAB Interface with Browser History and URL support
- css-html
- javascript
- tutorial
- 11 Oct 2011
- 7
- 8493
Today, we are going to build a TAB interface. Well, not your ordinary TAB interface, this version come with history support. Yes, you can use Back and Forward button in your browsers, and also it has a URL for each TAB as well.
You might have missed these posts
-
Create a Custom Content Slider with jQuery
-
Simplest jQuery Spotlight Effect Tutorial
-
Create a Simple Interactive CSS Button with jQuery
-
Create a Custom jQuery Image Gallery with jCarousel
-
Create Background Scrolling Effect with jQuery
Create a Twitter Feed with Attached Images from Media Entities
- css-html
- javascript
- tutorial
- 15 Aug 2011
- 12
- 11890
Twitter has added a new feature a while ago that I believe a lot of twitter users have been waiting for - Image Attachment. Also, just 2 weeks ago, I wrote a tutorial called Create a Dead Simple Twitter Feed with jQuery, one of the readers (Jamie Graham) asked about twitter media entities, well honestly, when I was building the script for the tutorial, I did not paid attention on the JSON data returned, I just grab what I need. I sat down and did a little bit of research, and I believe it'd be something fun to do so I made a second part of the twitter feed with jQuery.
Learn How to Read, Parse and Display XML Data in Random Order with jQuery
- css-html
- javascript
- tutorial
- 02 Aug 2011
- 21
- 9564
This tutorial will guide you how to build a jQuery script that reads and parses XML file and display data in random order. I made this because I believe some of us might get this kind of request from clients.
Create A Dead Simple Twitter Feed with jQuery
- css-html
- javascript
- tutorial
- 21 Jul 2011
- 23
- 25158
In this tutorial, we will be creating a jQuery script that retrieve twitter tweets from user account. It's quick and easy, come with link, hash tag, alias as well as time posted. Most importantly, everything has a class and will be flexible to style and match your design!
Re-create Google's Search Input Field and Submit Button
- css-html
- javascript
- tutorial
- 04 Jul 2011
- 6
- 19902
Most likely, you have used Google to search something so you're probably familiar with their search form. In this tutorial, I'll show you how to re-create it with some lightweight HTML, CSS and JQuery combination.
Create an Attractive Before and After Photo Effect with jQuery
- css-html
- javascript
- tutorial
- 24 Jan 2011
- 26
- 68519
In this tutorial, we will be creating a before and after photo effect. Simple idea, great effect, good presentation of before and after photo with a bit of user interaction. Also, we will also learn how to convert it to a plugin.
Quick and Easy jQuery Read More Script Tutorial
- design
- javascript
- tutorial
- 28 Oct 2010
- 8
- 24689
Alright, back to jQuery tutorial after a long break. This time will be pretty simple script that hide the extra length of a long paragraph and toggle hide and show the extra sentence.
Quick and Easy jQuery Font Resizer Tutorial
- css-html
- javascript
- tutorial
- 30 Jun 2010
- 11
- 19531
This time, we are going to learn how to build a javascript font resizer that allow you to resize some section of your text instead of everything. This tutorial focuses more on the javascript, so the HTML and CSS are really basic.
Create a Custom Content Slider with jQuery
- css-html
- design
- javascript
- tutorial
- 08 Jun 2010
- 44
- 60655
In this tutorial, we are going to create a custom content slider. The concept behind it is pretty simple, when you click on a button, it uses jQuery scroll-To plugin to scoll the content and display the right content.