Paviles.net

I use both Flash and jQuery when designing interactions for data visualization projects. A great opportunity came along to experiment with ways jQuery could be used to develop an interactive map. Before I go further, I admit that mistakes were made, but no pandas were harmed at any point and our team learned a lot, so it ended up a win-win (for us and the pandas). Read more..

Quicksand is a jQuery plugin by Jacek Galanciak aims to help you create shuffling animation to reorder or filter your items list, it’s inspired by Mac apps (AppZapper). Quicksand turn your unordered list into beautiful shuffling animation by comparing two collections of items and replacing them, see the demostration to make sure what it is.
Quicksand licensed under MIT and GPL version 2 license and it’s works on most modern browser including Safari 4, Chrome 4, Firefox 3.5, Opera 10.15 and IE 7 & 8. Read more..

A recent project put us in need of a carousel. Jcarousel provided the basics for what we needed however we had to add some additional love to get the carousel working the way the client envisioned.
We had to theme the block.tpl file for the carousel, using PHP to achieve our goal. The biggest issue we needed to address was that the carousel would need to start on the same thumbnail (depending on a page's parent) whether it was on a parent or child page. Read more..

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery plugins are an integral part of modern web design. jQuery plugins gives web designers a wide range of activities and opportunities to develop a wide range of variation effects to your websites. The plugins below will allow you to insert in to your website very interesting effects of Social media giants: Twitter and Facebook. If you want to create Facebook like.. Read more..

Have you seen this Twitter Search and Facebook shows most recent tweets/posts count from the database every 10 seconds on top of the page. I had developed like this with jQuery and Ajax. It's simple just 5 lines of code. Read more..

A caption is defined as the text block that appears below an image. The image caption is usually used to give more details about an image/photo. With the use of jQuery we can make a text overlay effect that occurs when you mouse over an image, thus saving space at the same time in our website. There are ten stylish jQuery caption plugins listed bellow, which you can freely use in your future work. Read more..

Browsers load images after an HTTP request is sent for them either by <img> tag or through a javascript call. If you have a javascript function that changes an image on mouseover, you have to wait while the image is retrieved from the server. This would be disturbing when users have a slow internet connection or when the images being retrieved are very large. Although most of the browsers store images in the local cache so that subsequent calls to them are responded immediately, there is still a delay in the first time the images.. Read more..