Best jQuery Core Java Script Plugins & Tutorials with Demo

    JSON Editor Online : Web-based tool to view, edit and format JSON

    January 28, 2013 | Core Java Script, jSON
    JSON Editor Online : Web-based tool to view, edit and format JSON

    JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in formatted plain text.

    Features:

    • View and edit JSON side by side in treeview and plain text.
    • Edit, add, move, remove, and duplicate fields and values.
    • Change type of values.
    • Colorized values, color depends of the value type.
    • Search & highlight text in the treeview.
    • Undo and redo all actions.
    • Load and save files and urls.
    • Format and compact JSON in plain text.
    Read More Demo

    CHAP Links JavaScript Library

    January 25, 2013 | Chart & Graph, Core Java Script, Tables
    CHAP Links JavaScript Library

    CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines.The library is specially designed to be easy to use, to handle large amounts of data, and to enable manipulation of the data. The library consists of Graph, Graph3d, Network, Timeline, and Treegrid.

    Read More Demo

    Responsive Slideshow Photo Gallery Grid with Html5

    January 16, 2013 | Core Java Script, CSS2 / CSS3.0, HTML5, Plugins, Popup Window, Premium, Responsive, Slider
    Responsive Slideshow Photo Gallery Grid with Html5

    The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible.

    Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries.

    The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8.

    Read More Demo

    EasyAnimationFrame.js : JavaScript Html5 RequestAnimationFrame API

    January 11, 2013 | Animation, Core Java Script, HTML5
    EasyAnimationFrame.js : JavaScript Html5 RequestAnimationFrame API

    Unfortunatelly the new RequestAnimationFrame API does not allow us to set the framerate, but using EasyAnimationFrame.js you can run html5 canvas or html animations having the complete control of the framerate. Using this script you get a complete cross browser suppor.

    Read More Demo

    Smoothie Charts : JavaScript Charts for realtime streaming data

    January 9, 2013 | Chart & Graph, Core Java Script
    Smoothie Charts : JavaScript Charts for realtime streaming data

    Smoothie Charts is a really small charting library designed for live streaming data. I built it to reduce the headaches I was getting from watching charts jerkily updating every second. What you’re looking at now is pretty much all it does. If you like that, then read on.

    Read More Demo

    jCanvaScript : JavaScript Library to manage Html5 Canvas Element

    January 6, 2013 | Animation, Core Java Script, HTML5
    jCanvaScript : JavaScript Library to manage Html5 Canvas Element

    jCanvaScript is a javascript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript. To add support for canvas in Internet Explorer you can use ExCanvas.

    Features:

    • Fully Object Oriented
    • Provides access to the canvas context
    • Provides mouse-events to all objects
    • Provides keyboard-events to all objects
    • Provides drag’n’drop
    • Easy methods to manage objects
    • Provides easy objects animation
    Read More Demo

    SPEAKKER : JavaScript & HTML5 Crossbrowser Audio solution

    January 4, 2013 | Core Java Script, HTML5, Video & Audio
    SPEAKKER : JavaScript & HTML5 Crossbrowser Audio solution

    Comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.

    Read More Demo

    Majuro.JS : Make Interactive Maps with open buildings data

    January 3, 2013 | Core Java Script, Maps, Other API
    Majuro.JS : Make Interactive Maps with open buildings data

    Majuro.js is an open data platform. In each city, users select a neighborhood or draw a custom area to extract buildings. They then can color-code, annotate, and describe each building, before creating a static site by forking the repo and adding their JSON data through Github’s web interface.

    The objective is to develop custom maps based on cities’ public data, without leaving the web browser or introducing command line tools.

    Read More Demo

    tinycon : A Small JavaScript library for manipulating the favicon

    December 29, 2012 | Core Java Script
    tinycon : A Small JavaScript library for manipulating the favicon

    A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don’t support canvas or dynamic favicons.

    Alerts in the favicon allow users to pin a tab and easily see if their attention is needed.

    Read More Demo

    JavaScript Browser Determiner

    December 28, 2012 | Core Java Script, CSS2 / CSS3.0, Premium
    JavaScript Browser Determiner

    It is a lightweight (4kb) JavaScript library that can help web-developers, especially HTML/CSS coders, to easily write CSS or JavaScript code for any specific browser without any CSS hacks. It is indispensable solution for building cross-browser and cross-platform web-sites and web-applications.

    How it works? Very simple. It generates a list of classes with the detailed information about browser, layout engine, OS, device and then attach it to <html> tag.

    Unlike well-known Modernizr, the CSS/JS Browser Determiner is mostly focused not on the browser features but on the browser and the device itself. But it also determines the support of common CSS features.

    Read More Demo