Tag: javascript

  • GlSlider – A webGL Slider (Sliders)

    GlSlider – A webGL Slider (Sliders)

    What is GlSlider?

    GlSlider uses WEBGL and GLSL to achieve pretty and unique transitions. It also provides an easy to use API which allows you to create your own jawdropping unique transitions.

    Features

    • Lightweight: about 13kb minified.
    • Standalone: no other libraries needed.
    • Customize: The API allows you to write your own fragment shader to create your own transtions.
    • API: allows you to customize the captions and their transitions.
    • Callbacks: The API provides a few callbacks. (onPause, onNext…) So it can integrated with other
      third party plugins (e.g colorbox, Super.Simple.Slider.)
    • Adaptive: The slider size will adapt itself if the browser viewport is smaller than the defined canvas width.
    • Compability: Edge, Firefox, Chrome.

    Update 1.01

    4 new transtions!
    
  • Caleran – Date Vary Picker (Calendars)

    Caleran – Date Vary Picker (Calendars)

    Caleran – Date Range Picker

    Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

    Special Thanks

    Thanks to Santiago for letting me use his design on this plugin,

    Features

    • Option to hide specific parts of the instance
    • Mobile friendly (both portrait and landscape layouts are supported)
    • Support for predefined ranges
    • Can be shown as an inline control
    • Wide localization support (Available languages)
    • Can also be used as a single date picker
    • Sass template included
    • Grunt file included

    Mobile Screenshots

    Portrait

    Landscape

  • Zeus – Pricing Desk jQuery Plugin with Builder (Miscellaneous)

    Zeus – Pricing Desk jQuery Plugin with Builder (Miscellaneous)

    Zeus Bootstrap Pricing Table

    Zeus Pricing Table is a jQuery Plugin with 16 Modern and Unique Styles, 15 trend Colors, 3 Ribbon types with 17 Colors, 3 Button types with 6 Hover effects, Tooltip with 17 Colors

    It is easy to use and modify. Just use Zeus Builder

    Build your desired pricing table with Visual Builder and get options in JSON format text.It is the easiest way to create Zeus Pricing Table with builder


    css-version-available


    Features

    • 16 Styles
    • 15 Colors
    • Joined and Separated versions of columns
    • 3 Button styles
      • 6 Button hover effects
    • 3 Ribbon styles
      • 17 ribbon colors
      • 4 ribbon position option
    • Tooltip
      • 17 tooltip color
      • 2 Tooltip icon positioning options
      • 4 Tooltip data placement options
    • Easy to Build tables with Builder
    • jQuery
    • Bootstrap
    • Fully Responsive
    • HTML5 & CSS3
    • SASS files included
    • Easy to Install
    • Step by Step Documentation
    • Highly customizable options


    install


    install

    1.0

  • ezPrintJS – Simplify Web page Printing (Miscellaneous)

    ezPrintJS – Simplify Web page Printing (Miscellaneous)

    Have you ever wanted to make your complex pages look clean and readable on the paper?

    Tired of customizing CSS styles to adapt your pages for printing purposes?

    ezPrintJS here to help you!

    ezPrintJS is a tiny JavaScript library which allows to make pretty-looking printable pages without the need of modification even single line of existing code in your CSS styles and HTML markup.

    You are free to precisely customize content your visitors will see on the paper.

    Features:

    • Zero dependencies (add polyfill if you’re willing to support outdated browsers)
    • No server-side required (no Selenium, PhantomJS or other apps needed)
    • Compatible with almost all modern browsers
    • Print certain region of page using CSS selectors
    • Hide or show elements on printable pages
    • Expand scrollable areas (useful when printing tables)
    • Print SVG and 2D Canvas objects
    • Add watermark image on page
    • Set header and footer taglines
    • Many options to make your pages look perfect even on the paper
    • Leverage full control on what users will send to printer with custom content handlers
    • Set printable areas as many as you want
    • …and many, many more in only ~13KB library

    Please note, ezPrintJS will not produce PDF, images or other formats.

    It’s just helps you generate on-the-fly clean looking pages with content your visitors want to see!

    See examples at: https://nedgeva.github.io/

  • Global Telephone Codes jQuery Plugin (Kinds)

    Global Telephone Codes jQuery Plugin (Kinds)

    This is a plugin for getting phone codes for correct phone number input.

    Features

    • Display all country codes in dropdown menu
    • Detects user’s country code by ip and selects it by default
    • Display relevant placeholder for selected phone code (for formatting and validation)
    • Navigate in dropdown by typing country name
    • Extensive API documentation

    Demo and Examples

    You can view a live demo and some examples of how to use the various options here: http://phonecodes.webcoder.az/, or try it for yourself using the included example.

    Browser Compatibility

    Chrome FF Safari IE Chrome Android Mobile Safari IE Mob
    8

    Package Contains

    • Demo
    • CSS and JavaScript files for various project types
  • Drawerjs (Navigation)

    Drawerjs (Navigation)

    Drawerjs – A navigation drawer for mobile and web applications


    Drawerjs
    Drawerjs


    drawerjs features


    drawerjs say thanks

    Limitations

    Drawerjs work well with any CSS framework like Bootstrap and just look awesome on any devices and screen sizes.

    Browser support

    • Chrome >= 20
    • Firefox >= 24
    • Edge >= 12
    • Explorer >= 9
    • iOS >= 6
    • Safari >= 6
    • Android 2.3
    • Android >= 4
    • Opera >= 12

    Updates

    ## 1.1.2 - 22.02.2017
    
    Core
    - Fixed _validateUnit() regex
    
    ## 1.1.1 - 08.02.2017
    
    Core
    - Added jQuery version
    - Updated StackedMenu to v.1.0.1
    
    ## 1.1.0 - 06.02.2017
    
    Core
    - Renamed all eventListener.
    - Updated browsers support.
    
    Features
    - Added StackedMenu (exclusive plugin).
    
    Pages
    - Used bootstrap css on demo.
    - Added stacked menu demo.
    - Added cliped drawer demo (full header).
    - Added toastr like demo.
    - Added perfect-scrollbar demo.
    - Added ui-resizable demo.
    
    Documentation
    - Added StackedMenu API.
    
    ## 1.0.0 - 27.01.2017
    
    - Initial release.
    
  • Global Telephone Codes jQuery Plugin (Varieties)

    Global Telephone Codes jQuery Plugin (Varieties)

    This is a plugin for getting phone codes for correct phone number input.

    Features

    • Display all country codes in dropdown menu
    • Detects user’s country code by ip and selects it by default
    • Display relevant placeholder for selected phone code (for formatting and validation)
    • Navigate in dropdown by typing country name
    • Extensive API documentation

    Demo and Examples

    You can view a live demo and some examples of how to use the various options here: http://phonecodes.webcoder.az/, or try it for yourself using the included example.

    Browser Compatibility

    Chrome FF Safari IE Chrome Android Mobile Safari IE Mob
    8

    Package Contains

    • Demo
    • CSS and JavaScript files for various project types
  • Drawerjs (Navigation)

    Drawerjs (Navigation)

    Drawerjs – A navigation drawer for mobile and web applications


    Drawerjs
    Drawerjs


    drawerjs features


    drawerjs say thanks

    Limitations

    Drawerjs work well with any CSS framework like Bootstrap and just look awesome on any devices and screen sizes.

    Browser support

    • Chrome >= 20
    • Firefox >= 24
    • Edge >= 12
    • Explorer >= 9
    • iOS >= 6
    • Safari >= 6
    • Android 2.3
    • Android >= 4
    • Opera >= 12

    Updates

    ## 1.1.2 - 22.02.2017
    
    Core
    - Fixed _validateUnit() regex
    
    ## 1.1.1 - 08.02.2017
    
    Core
    - Added jQuery version
    - Updated StackedMenu to v.1.0.1
    
    ## 1.1.0 - 06.02.2017
    
    Core
    - Renamed all eventListener.
    - Updated browsers support.
    
    Features
    - Added StackedMenu (exclusive plugin).
    
    Pages
    - Used bootstrap css on demo.
    - Added stacked menu demo.
    - Added cliped drawer demo (full header).
    - Added toastr like demo.
    - Added perfect-scrollbar demo.
    - Added ui-resizable demo.
    
    Documentation
    - Added StackedMenu API.
    
    ## 1.0.0 - 27.01.2017
    
    - Initial release.
    
  • expressCart – A Gorgeous Procuring Cart, Made Easy (Procuring Carts)

    expressCart – A Gorgeous Procuring Cart, Made Easy (Procuring Carts)

    expressCart is a beautiful shopping cart, made simple.

    By downloading expressCart you are getting a beautiful responsive design, flexible, customisable, lightweight and
    easy to use shopping cart. expressCart is built using the latest in Node.JS technology which is both easy to install and maintain.

    Demo

    Front

    https://demo.express-cart.com

    Admin

    https://demo.express-cart.com/admin

    Username: test@test.com
    Password: test

    Note: Most of the admin panel is readonly

    Website

    https://express-cart.com

    Features

    • Responsive design (Works on all devices)
    • PayPal and Stripe payment integration
    • Ability to quickly and easily add your own theme and styles
    • Powerful product search indexing allows your customers to easily find the products they are after
    • Easily add item options like Color, Size etc. Fully customisable options.
    • Static page support – can setup About, Contact, FAQ, Shipping pages with ease
    • Fully customisable – Add custom CSS and HTML footer
    • Customisable side menu – Change header and menu items so customers can filter products
    • Built using Node.js which is easy to install
    • Embedded database allows for setup without a database server
    • Ability to use MongoDB server for high traffic websites
    • Easily manage orders and customers using advanced admin search
    • Manage your products with a easy-to-use graphical HTML designer

    Help

    Please read the documentation here first. If you still need help, please email me at: hi@markmoffat.com.

    Requirements

    • A server with Node.js installed
    • MongoDB server (optional)

    Release notes

    Version 1.0.0.6
    • Added ability to accept Stripe payments
    Version 1.0.0.7
    • Added ability to use MongoDB as an alternative to embedded DB
    • Improved admin interface for managing orders
    Version 1.0.0.8
    • Minor bug fixes and dependency updates
    Version 1.0.0.9
    • Themes are now supported
  • Particler JavaScript Plugin (Miscellaneous)

    Particler JavaScript Plugin (Miscellaneous)

    Particler JavaScript Plugin

    Particler is a pure javascript plugin which creates a canvas-particles based on your image. You can easy set up behavior of particles and make awesome stuff.

    Features:

    • No dependencies — pure javascript;
    • Simple usage;
    • Easy customisation;
    • 15 options to set up particles behavior;
    • Small size — only 7kb minified, 3kb gzipped;
    • Good documentation and examples;
    • 3 built-in particle shapes.

    Updates

    v1.1 — 10.02.2017

    • Hover particles effect: particles will be “exploded” when cursor is moving over the canvas;
    • Some options to set up hover exploding effect: explode radius, maximum particle displacement and maximum delta of circular motion radius of particle.