jQuery Pagination

    jQuery Pagination

    I’ve been working on a generalized solution for long in order to combine the variety of needs that are imposed on such a navigation to finally put an end to blocks of code that are copied from one project to another with the consequence that it gets no longer understood over the time.

    The result of these efforts is my third jQuery plugin that has another big advantage over server side pagination; by generating the links virtually on the client, the risk of duplicate content drops and the need of ugly follow, noindexlink attributes left unnecessary. The pagination plugin also combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout.

    Create An Animated Bar Graph With HTML, CSS And jQuery

    Create An Animated Bar Graph With HTML, CSS And jQuery

    Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash. Technologies such as HTML5 can do many of the same things without the need for a plug-in. The new HTML5 <canvas> element could even be adapted to the task. Plenty of charting tools are online that we might use.

    How to Create a Fantastic jQuery Photo Album with TN3

    Create a Fantastic jQuery Photo Album with TN3

    During browsing web – I noticed new interesting library – TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS). Today I will show you how you can implement this gallery to create own photo album.

    Creating Ajaxy Photo Gallery (jQuery) with Custom Images Sets

    jquery ajax photo gallery with custom images sets

    Today we will make simple and nice jQuery gallery which will load images ‘ajaxy’. Also our gallery will support working with predefined custom sets of images. I hope that our result will interesting for you.

    Google Plus Style Drag and Drop adding Groups with jQuery

    Google Plus Style Drag and Drop adding Groups with jQuery

    Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery and php.

    Responsive Image Gallery with Thumbnail Carousel

    Responsive jquery Image Gallery with Thumbnail Carousel

    Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

    JQuery Gantt Chart

    JQuery Gantt Chart

    jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.

    It’s able to:

    • Read json data
    • Paging results
    • Display different colours for each task
    • Display short description as hints
    • Mark holidays

    Create Sticky Notes To-Do List In CSS And JQuery

    Create Sticky Notes To-Do List In CSS And JQuery

    In this tutorial you will learn how you can create your own simple To-Do list using CSS and JQuery.

    First you will design the To-Do list, this is going to be a simple form where you can quickly add your tasks for the day.

    Then we will learn how to take this list and turn the items on it into Sticky Notes so you can display this information in a graphical way to help you remember.

    jQuery List Reorder

    jQuery List Reorder

    List Reorder is a jQuery plugin that allows you to reorder any simple ordered or unordered list. List Reorder is easy to use and does not require any additional markup. Its look and feel is completely customizable using a set of CSS classes.

    Creating CSS3/jQuery crossbrowser Drop-down menu with tabs

    Creating CSS3/jQuery crossbrowser Drop-down menu with tabs

    This is our seventh CSS3 menu. Today we will make dropdown menu with parental tabs (as first level). Part of the work we pass on to the shoulders of jQuery (switching tabs, display popups). In the current version – we have three levels of menus.