Flickrshow : Simple Javascript slideshow for Flickr

    Flickrshow : Simple Javascript slideshow for Flickr

    Flickrshow is a very simple Javascript slideshow for Flickr. It doesn’t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web space. It works in all modern web browsers, and Internet Explorer 6.Flickrshow can display the latest images uploaded to Flickr in less than 40 characters.

    Although Flickrshow does not require jQuery, if JQuery is detected Flickrshow will add a convenient wrapper function allowing you to use Flickrshow as you would any other JQuery plugin.

    Holder.js : Client side image placeholders

    Holder.js : Client side image placeholders

    Holder renders image placeholders entirely on the client side. Holder is a client-side image placeholder library that uses <canvas> and the data URI scheme to render placeholders entirely in browser.It works both online and offline, and offers a chainable API to style and create placeholders with ease.

    Magnifying glass for image zoom using jQuery and CSS3

    Magnifying glass for image zoom using jQuery and CSS3

    Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action.

    The code uses CSS3 box-shadow and border-radius properties to create the magnifying glass. Jquery is used to position it at the cursor coordinates and change the background position accordingly.

    Moving the cursor away from the image gently fades out the magnifying glass bringing the image back to the default state.

    How to grab Dribbble feed with jQuery and CSS3

    How to grab Dribbble feed with jQuery and CSS3

    As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going to look at dribbble’s API. Dribbble is a place to show off your design, it’s based on invitation basis, therefore, most designs are of high quality.Dribbble API documentation is pretty neat and straight forward, it’s still in Beta stage at the moment, but it’s pretty stable and easy to use.

    However, we will not retrieve it directly from Javascript, we call it using PHP to solve AJAX cross domain issue. I wrote a simple PHP proxy to retrieve the JSON data from dribbble. It’s not the best PHP script (it’s very rough!), but it will do the job just fine. You can enhance the PHP from here such as adding cache control to reduce number of call to dribbble, and perhaps, make it a little bit more secure.

    jQuery.my : Binds HTML with JS objects in Real Time

    jQuery.my : Binds HTML with JS objects in Real Time

    jQuery.my is short plugin for jQuery library. It allows real-time bi-directional binding between HTML controls and native javascript objects. Non-interactive HTML elements also can be tied with javascript objects to reflect their values in real-time.

    jQuery.my allows comprehensive validation and conditional formatting of HTML inputs and static fields. Plugin recalculates and redraws interdependent controls automatically. $.my supports non-standard composite HTML controls as well as standard.jQuery.my is form-centric. We just define what form must do when controls are changed. It means we have no separate schema, controller and view definitions.

    MiniTwitter : jQuery Widget puts your Tweets on your Website

    MiniTwitter : jQuery Widget puts your Tweets on your Website

    MiniTwitter – the Widget jQuery which puts Twitter and your tweets on your Website or your WordPress blog.

    Features :

    • Put Twitter on your website and even more: the tweets from the folks you like, the lists and yourself.
    • Show up to 100 tweets within 7 days (limit set by Twitter’s Search API).
    • Use the color of your link profile on Twitter.
    • Display tweets from your feed or from the Twitter Search.
    • Display tweets from a list or from your favorite users.
    • Stylize your feed with your Cascading Style Sheet or with other jquery plugins.
    • Compatible with the last jquery version: 1.7.

    Pull Off Awesome Scroll Effects With Stroll.js

    Pull Off Awesome Scroll Effects With Stroll.js

    Stroll.js is a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of JavaScript, the rest is all handled with HTML and CSS. Keep reading and I’ll show you how it works.

    Stroll.js is a neat little JavaScript library that brings a bunch of eye-catching animations to the scroll action on list items. The idea is that you have a group of items in a scrollable list and you use Stroll.js to make browsing that list more interesting.

    CSS 3D Image Gallery with JavaScript

    CSS 3D Image Gallery with JavaScript

    In this experiment we will create a little gallery using CSS 3D transforms and an advanced javascript with jQuery framework.

    Swatch Book with CSS3 and jQuery

    Swatch Book with CSS3 and jQuery

    A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.

    Today’s tutorial is about creating an animated swatch book using CSS rotation transforms and JavaScript. The idea is to show a swatch book like structure and make the single swatches or “sheets” clickable. When clicking on a swatch, we’ll rotate the other swatches in order to reveal the selected one.

    jQuery Dynamic Grid: XML Gallery

    jQuery Dynamic Grid: XML Gallery

    With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. Literally endless – the script is smart enough to generate unique layouts every time it launches, which means a unique experience for your visitors on every page load.

    With the Dynamic Grid engine you have the power to create exactly the layout you need. And if you don’t know what you need, the script comes with solid default settings that create a beautiful and random layout on every page load!