ZinoUI – jQuery user interface framework

ZinoUI is jQuery based, WAI-ARIA compatible, user interface framework consist of 20+ different components. Cross-platform user interface framework for you Web & Enterprise applications. A delightful addition to your CMS, Back-end and Front-end interfaces. Zino UI is brought by programmers for programmers and designers.

ZinoUI - HTML5 library

ZinoUI has 21 modern jquery compatible widgets, some of which are Menu, Tabs, Slideshow, Rating, Calendar, Tooltip, Overlay, Accordion, TreeView, and many more. ZinoUI has great form controls such as ComboBox, SelectBox, CheckBox, Radio button, Spinner and Button. All components are design and built on best practices, and employ advanced javascript technics. ZinoUI utilize HTML5 features and graceful fallback if they are not supported.

Zino – jQuery Slider plugin

Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities. Zino has been inspired by jQuery UI source. Require jQuery 1.4.2 or higher. To see demo, examples, how to use and download link, visit Zino project page.

Zino slider

Arkanoid – HTML5 Canvas game

Arkanoid – javascript remake of popular arcade video game in mid 80′s. Game is built on HTML5 canvas element and is example how to:

  • draw shapes
  • apply styles, colors, gradients
  • animate objects
  • add text
  • add custom events

Play Arkanoid

Arkanoid HTML5 Canvas game

Arkanoid - HTML5 Canvas game

CalendarJS

Javascript Calendar & Datepicker component.
Get the code or view demo.

CalendarJS

CalendarJS

jQuery Selectbox plugin

Custom select box replacement inspired by jQuery UI source, including full featured API.
Get the code or view demo.

Selectbox plugin

jQuery Selectbox plugin

Javascript serialize form

When you can not use javascript libraries like jQuery, MooTools, Dojo, YUI or Prototype, and their built-in functions, but still want a quick and easy way to serialize forms, you need a function like that one. This is the reason to write this function. Get the code or view demo.

function serialize (form) {
    if (!form || form.nodeName !== "FORM") {
        return;
    }
    var i, j, q = [];
    for (i = form.elements.length - 1; i >= 0; i = i - 1) {
        if (form.elements[i].name === "") {
            continue;
        }
        switch (form.elements[i].nodeName) {
        case 'INPUT':
            switch (form.elements[i].type) {
            case 'text':
            case 'hidden':
            case 'password':
            case 'button':
            case 'reset':
            case 'submit':
                q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
                break;
            case 'checkbox':
            case 'radio':
                if (form.elements[i].checked) {
                    q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
                }                      
                break;
            case 'file':
                break;
            }
            break;
        case 'TEXTAREA':
            q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
            break;
        case 'SELECT':
            switch (form.elements[i].type) {
            case 'select-one':
                q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
                break;
            case 'select-multiple':
                for (j = form.elements[i].options.length - 1; j >= 0; j = j - 1) {
                    if (form.elements[i].options[j].selected) {
                        q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value));
                    }
                }
                break;
            }
            break;
        case 'BUTTON':
            switch (form.elements[i].type) {
            case 'reset':
            case 'submit':
            case 'button':
                q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
                break;
            }
            break;
        }
    }
    return q.join("&");
}

jQuery Tic Tac Toe game

jTTT is javascript Tic Tac Toe game build on jQuery and Raphael JS

Tic Tac Toe game

jMem – Javascript Memory game

jMem is Javascript Memory game, written in pure javascript and use canvas with help of Raphael JS.

Javascript Memory Game

jTrack – jQuery Time tracking App

jTrack is simple jQuery Time tracking app, without any use of database, cookies or sessions. Only HTML, CSS, jQuery, DOMCached plugin and jQuery-JSON plugin. Our jQuery time tracking application rely on localStorage, which is a part of the Web Storage specification.

jTask works in all modern browsers including Chrome 4+, Firefox 2+, Safari 4+, Opera 10.5+, IE6+.

jTrack - Time tracking app

jTrack - jQuery Time tracking app

jTrack - Time tracking app

jTrack - jQuery Time tracking app

Follow me! Twitter | LinkedIn | RSS Feed

jKill – The jQuery Mob game

Една игра която бях написал преди месеци, веднага след jZmei – The jQuery Snake game, но поради ред причини не бях публикувал. Играта е написана на Javascript с помоща на jQuery единствено и само за забавление. Играй jKill – The jQuery Mob game – бъди за 5 минути гангстер. Има и експериментална версия за Facebook.

jKill

jKill - javascript game

Следвай ме в Twitter или се абонирай за моя RSS Feed за да научиш кога ще има нова версия на jKill играта.