Best jQuery Core Java Script Plugins & Tutorials with Demo

    Fullscreen Overlay Effects with CSS3 & JavaScript

    Fullscreen Overlay Effects with CSS3 & JavaScript

    Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

    The special thing about these overlays is that they don’t have a fixed size like modals but they occupy all the screen, so when creating effects one has to take that into account and not overdo it. But that does not mean that we can’t go crazy and use some fresh and interesting effects, like, for example, morphing SVG shapes.

    OSG.JS : OpenSceneGraph JavaScript WebGL framework

    OSG.JS : OpenSceneGraph JavaScript WebGL framework

    OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an “OpenSceneGraph-like” toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the osgjs format. The API is kept as similar to OpenSceneGraph as possible, providing a familiar environment to veterans of the library and introducing newcomers to a popular and heavily-scrutinzed set of interfaces

    Scattered Polaroids Gallery with JavaScript & CSS3

    Scattered Polaroids Gallery with JavaScript & CSS3

    A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

    FlipClock.js : JavaScript Timer Clock Timer Library

    FlipClock.js : JavaScript Timer Clock Timer Library

    So why use this library when there are many others with the same name? Well, this library was created because the other solutions weren’t abstract enough to provide a deep level of customization without rewriting the code. (Besides the domain was available, who could pass it up?). Some libraries have a huge cascade of conditionals, while others simply hard-code too much into their scripts. Most projects had a very narrow scope. After reviewing as many of the existing solutions as possible, it was determined a proper extendible API needed to be written to create any kind of clock or counter (and the flip effect is just cool). The following are the logical requirements that were considered when creating the API.

    • Use as a clock
    • Use as a timer
    • Use as a countdown
    • Themeable using pure CSS
    • Clean & Dry Syntax
    • Abstract everything into reusable objects
    • Full-Featured Developer API to create custom “Clock Faces”

    MediumEditor : WYSIWYG editor with JavaScript

    MediumEditor : WYSIWYG editor with JavaScript

    This is a clone of medium.com inline editor toolbar.Since I always had problems with bloated editors and I loved the simplicity of medium.com solution I’ve tried to implement their WYSIWYG approach with this script.

    MediumEditor has been written using vanilla JavaScript, no additional frameworks required.

    Path Animator with JavaScript & SVG

    Path Animator with JavaScript & SVG

    Moves a DOM element along an SVG path (or do whatever along a path…)

    Draggabilly : Make that shiz draggable with JavaScript

    Draggabilly : Make that shiz draggable with JavaScript

    Make that shiz draggable with javascript.Rad because it supports IE8+ and multi-touch.

    Highlight.js : Javascript syntax highlighter

    Highlight.js : Javascript syntax highlighter

    Highlight.js highlights syntax in code examples on blogs, forums and, in fact, on any web page. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

    Features:

    • 71 languages and 44 styles
    • automatic language detection
    • multi-language code highlighting
    • available for node.js
    • works with any markup
    • compatible with any js framework

    CoverPop : JavaScript modal plugin with Cookie integration

    CoverPop : JavaScript modal plugin with Cookie integration

    CoverPop is a lightweight lightbox popup plugin with cookie integration. Style agnostic. Responsive friendly.If you are trying to show up a lightbox popup similar first time visitors that is easily styleable and has cookie integration, this is for you.

    If you are trying to show a colorbox image when someone clicks on an internal link, this isn’t for you.

    Knwl.js : A Natural Language Processor in JavaScript

    Knwl.js : A Natural Language Processor in JavaScript

    Knwl.js is a Natural Language Processor built with JavaScript, put simply, Knwl.js scans through text, user data, or just about anything for data of interest, phone numbers, dates, locations, emails, times, and more. Even check if the string may be spam, or get the overall emotion.