Slide Out Boxes with jQuery and CSS3

The other day we were wondering how we could show our visitors more of our works. It’s normal that in a blog older posts get forgotten and even if something might still be very interesting and relevant, it get’s lost under the pile of new stuff.

Parallax Slider with jQuery

View demo    Download source Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it’s in motion. The wonderful images are taken from Tetsumo’s Flickr Photo Stream: http://www.flickr.com/photos/tetsumo/ So, let’s sta...

Sweet Thumbnails Preview Gallery

View demo    Download source In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slide into the previewer. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image. Update: If you are interested in integrating the thumbnails preview slider you might want to check out the new post on how to use only the preview part: Thumbnails Preview Slider with jQuery The beautiful images are by talented geishaboy500 and...

3D Wall Gallery

View demoDownload source Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when scrolling or sliding. When viewed with another browser, the gallery will be shown normally, retaining all the functionality. For seeing the 3D effect, please try the demo in Safari. Summarized, you can do the following things in this gallery: Hover an image to see a description Slide through the images using the jQuery UI Slider at the top Use the mouse wheel to scroll through the images Use the thumbnail previewer at the bottom to choose an image Use...

jQuery Fullscreen Gallery with Thumbnail Flip

View demo   Download source In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation controls for the mousewheel and for keys. The thumbnail will have a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page. We will be using Flip!, a jQuery plugin by Lucca Manno that flips elements. And we will...

How to Hack Rapidshare

There are two hacks to beat Rapidshare download limits and waiting time. 1) Rapidshare Hack (For Firefox Users) :- The hot new Firefox plug-in takes browser customization to a whole new level by letting users filter site content or change page behaviors. The glory of open-source software is that it allows anyone with the inclination and the scripting knowledge to get under the hood and hot-rod their computing environment. But most of the time, that advantage is available only to people with the programming skills to make the changes they want. That's where Greasemonkey, a free plug-in for Firefox, comes in -- it simplifies hacking the browser. Released at the end 2004, Greasemonkey is the latest in a growing arsenal of Firefox customization tools. It changes how Web pages look and...

Airtel Hack for free internet

Step – oneYou need a PC or a Laptop and the required connectivity tools ,ie., Serial/USB cable OR Infrared Device OR Bluetooth dongle1) Activate Airtel Live! ( It’s FREE so no probs) 2) Create TWO Airtel gprs data accounts (yep TWO) and select the FIRST as the active profile. 3) Connect your mobile to the PC (or Laptop) and install the driver for your mobile’s modem. 4) Create a new dial-up connection using the NEW CONNECTION WIZARD as follows Connecting Device : Your mobile’s modem ISP Name : Airtel (or anything you like) Phone Number : *99***2# / Try 99***1 Username and Password : blank 5) Configure your browser and download manager to use the proxy 100.1.200.99 and port 8080.( My advice is to use Opera since you can browse both wap and regular websites) 6) Connect to the dial-up account....

Pages 171234 »

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites