Posts In "JQuery"

Experiment Online Writable Book Using Jquery Plugins

January 3rd, 2013 by aditia rahman / 1 Comment  

     

Lately I’ve been playing with some jquery plugin, one of them is flipbook jquery plugin. And I have an simple idea to creating an online application that look like a book that can be edited on the fly, which mean do not need admin area to edit the content.

This example only presenting the front end, each page are editable using inline rich text editor, if the content are longer than the page height it will presented using scroller. I’m just thinking maybe this idea can be applied to became wordpress theme, and maybe good for some history writer.

10 Free JQuery FullScreen Slideshow Plugins

December 30th, 2012 by aditia rahman / 1 Comment  

     

JQuery are the most used javascript framework used for web design, on of them are for creating image slideshow, with the growing features of modern web browser in HTML5 and CSS3 so it is possible to create a fullscreen image slideshow without using flash, these post have several free jquery fullscreen slideshow plugins that you can use for many projects.

1. Photobox

JQuery Image Animation Trick With Mouse Position

December 27th, 2012 by aditia rahman / No Comments  

     

In this short tutorial post, I create a simple code in jquery to creating an animation look a like effect, that triggered by mouse cursor position. This trick can be used for animating photo profile, with changing the image source on html element or in this case I change the class value.

Basically this post inspired by Any.DO about page, example in this post is a simpler one, all you need is to detect image offset (width and height), image position relative to windows, document mousemove event to detect mouse position, and the conditional statement to decide which image you want to show.

Jquery CSS Animated Menu

October 8th, 2012 by aditia rahman / No Comments  

     

Few days ago I try to create a simple navigation menu with a css rotating animation, using css animation and features sure it possible to do this, but in this case I want the animation applied when mouse over event are triggered.

The problem using css hover menu is when mouse hover triggered, the element are starting to rotate even if the mouse hover on the corner of the element, and the animation suddenly stop cause the element already leave the mouse cursor.

35 Jquery Plugins To Beutify Form Element

September 15th, 2012 by aditia rahman / No Comments  

     

The varienty of web form element usage are growing whether in how it work or it design, for example when “tagging” became popular now a text field must have an automatic tag field, a long list selectbox better have quick search field inside it, a quick live validation, and many more examples that can improve form usability.

jquery form element plugin

Today I have gathered a number of jquery plugins for selectbox, checkbox, radiobutton, validation that can make enhance your web form usability both in usage and skining. Even there already a tools like bootstrap we might be still need one of them, the proof are you can look of some premium admin themes, which are using these plugins.

10 Free Jquery Plugins For Creating Chart

August 16th, 2012 by aditia rahman / No Comments  

     

Charting often are used in statistic to showing a large historical data for example product sales, costumer behavior, stock market, web site statistic, etc. Few years ago we always depend on flash file, today with a great feature of html5 canvas we can code graphic directly in web browser, but coding from strach may taking a long time, in this post I mentioned some free jquery plugins to help you create a chart easily.

Flot

JQuery 3D Carousel Plugins Collection

June 12th, 2012 by aditia rahman / 2 Comments  

     

A slideshow or carousel feature often we found on portfolio or company profile websites. For examples for showcasing a photography, product, projects experience, etc. In today post I have collected some of 3D look a like jquery carousel plugins, which from it look the items like moving on one circle, I found some freebies you can download and some others are premium which mean you can try it online.

Freebies

jQuery Feature Carousel - Brian K Osborne

20 JQuery Table Datagrid Plugins

January 18th, 2012 by aditia rahman / 2 Comments  

     

Datagrid is one of most common used in web design, sometimes it will taking a lot of time to designing table, like header, he zebra row, pagination, etc. In jquery there are a lot of ready to use plugin that I compiled in this post, although grid features will be supported in JQuery UI, maybe is good to know some alternative, before JQuery UI grid came along.

JQuery Accesible RIA Table

JQuery CSS Animation and Rotate

December 11th, 2011 by aditia rahman / No Comments  

     

In today post I try to do a little experiment with css animation, with jquery to generating css value on the fly. When this post created the this animation examples only works on firefox and chrome browser.

In this short example I try to create a stack of images, on the default position each of images have a different angle, and rotating to the same angle in the same duration of time. Here I show all of the code.

JQuery Plugin For Rotating Image

December 4th, 2011 by aditia rahman / 1 Comment  

     

Creating a jquery plugin is easier than it sound, first time I heard about creating 3rd party plugin sounds scary, maybe need more deeper understanding about the platform, but not in jquery. Well I just feel something missing if I have been using jquery for a while not to creating a plugin.

jquery image rotate plugin

Few month ago I have created a simple tutorial to rotating image using jquery, now it would be nice if I can used as a plugin, and now it a chance to learning simple jquery plugin.