This is the sequel of previous tutorial discussing how to make iPhone style navigation. Once I promised to talk about how to implement AJAX and how to add cookie onto the script we have made before, right? But there will be a little change on the plan. Well, there’s a comment from a friend on the previous post. He told me what if the navigation can be rotated and the menu inside can also be rotated (just like the container). Brilliant! That comment finally helps me decide to change the cookie implementation into rotation. So, there will be the way to implement AJAX and Rotation technique in today’s post.

Sometimes we want to show current week posts in our blog, it can easily do with basic WordPress’s query_posts function. Firstly we grab current week number of a year with php function date(‘W’) (ISO-8601) then add its value to the query, and voila we’ve just created current week posts from our blog. Let’s see the code :

In this tutorial I’d like to talk about how to make an iPhone style navigation using jQuery and CSS. This tutorial is divided into 2 parts. In part 1 we discusses the conception of the menu, the techniques to implement that concept and to tidy up your menu display so as to make it more like what iPhone has. In part 2, we discusses how to implement the script that we have made in part 1 on our daily life by adding AJAX (here we call the content from the menus that is chosen dynamically) and cookie (in order to make the chosen menu be appeared in the right order though we refresh the page).

I can’t help my self showing some designs from a friend of mine. He’s one of Indonesian great artist, I totally adore that ferocious art with its strong character and exquisiteness! In this round-up i’ve collected 13 designs from his collection, some are best for me especially the “Together Not For Pain” design, and here’s his profile and his design collection, enjoy!

Yesterday I saw an ad of a telecommunication provider and I was inspired by its ending which shows the company’s logo using a puzzle paper effect. I think that’s fabulous and we can implement it using CSS plus jQuery without Flash. Ok, let’s go get it!

When I was browsing about CSS pseudo-selector, I found a similar post to Pure CSS Tab Menu I wrote for the previous post. The article written by Paul Hayes discusses how to make an accordion only with CSS. The implementation is able to run the script automatically from the start. I mean, it shows one of the accordion’s content as a default so you don’t have to wait until you click one of the accordion in order to see the content (thing that hasn’t done yet for our Pure CSS Tab Menu, aufklarung! )

Updated techique and demo click here. In this implementation, we’re going to discuss how to make tabbed menu only by using CSS on your Safari or Chrome browser. The tabbed menu will have 4 tabs each with different contents. If a tabbed is selected, its content will ease-in and be displayed while the content of previous tab appeared will ease-out and be hidden.

In today’s implementation we’ll try to discuss how to make an image walking like in “The Wire Tumblr in Realtime”. Actually, that image walking makes use of a very simple technic; the script automatically prepends an element into a box in a certain period, if those elements being mouseovered the script will automatically pauses the element addition and if it being mouseouted the script will run the element addition again.