Tag: jquery

  • SnapIt – Wheel – Slavlee (Animated SVGs)

    SnapIt – Wheel – Slavlee (Animated SVGs)

    SnapIt – Wheel – Slavlee

    SVG wheel with Snap.svg

    Snap.It – Slavlee is a jQuery Plugin that generates a static or animated wheel with just a few parameters.You can optionally display html content in a lightbox after clicking on the wheel.

    You can divide the wheel in as many pieces as you want. Adjust the size, colors and animation speed of the wheel and it’s segments.

    All adjustments are made inside one JSON object.

    More Snap.It – Wheel – Slavlee facts:

    • package include just one css and js file
    • the generated svg is fully customizable via css
    • based on Snap.svg, jQuery and Fancybox 3

    Latest Update:

    • Bugfix Internet Explorer Edge that prevents for the wheel from generating
    • Bugfix Internet Explorer Edge and Firefox that prevent the multilined text to be aligned in the center
  • SmartMenu – Responsive jQuery Mega Menu (Navigation)

    SmartMenu – Responsive jQuery Mega Menu (Navigation)

    SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

    Features Included:

    • Responsive design
    • Supports multiple instances
    • Horizontal (top, bottom) or Vertical (left, right) menu layouts
    • Mega / Flyout submenus
    • Pure CSS3 animations (fade, slide)
    • 3 ways of dropdown (hover, click, toggle)
    • 7 color skins which can be changed easily
    • Custom mega dropdowns, forms, search bar, social icons or HTML
    • 12 columns fluid grid
    • You can add images, maps or videos
    • Over 430 Font Awesome Icons
    • Compatible with mobile devices
    • Help file is included
  • jQuery Easy Sync Scrollr (Miscellaneous)

    jQuery Easy Sync Scrollr (Miscellaneous)

    jQuery Simple Sync Scrollr is a tiny jQuery plugin which allows scroll multiple scrollable areas of the page synchronously.

    How it works

    When you scroll your scrollable area (or simply ‘pane’) jQSSS will scroll other panes to the same height/width simultaneously, regardless of their inner content size. Please refer to demo page and screenshots for more explanation. Added new sync mechanism since v1.1.0: sync scroll position by inner content (see demo)

    Features

    • Scrolls areas synchronously in both vertical and horizontal direction
    • New feature: sync scroll position by inner content
    • Provides custom callbacks for numerous events
    • Has crossbrowser support (compatible with almost all modern browsers)
    • Incredibly lightweight – size of minified js is only ~4KB!
    • Re-attachable (can be disabled and re-enabled at any time)
    • Easily integrates in any CMS platforms and UI frameworks
    • Plays well with any other jQuery plugin
    • Fully documented

    Use cases for jQSSS

    • Book, zines and papers reading (e.g. comparison of scanned pages and pages after ‘optical character recognition’ )
    • Rich text editors for ‘content management systems’ (e.g. comparison of previous copy and current one)
    • Viewing various live data that should be synced
    • …and many more options and possibilities

    See jQSSS in action: https://nedgeva.github.io/jqsss/

    Changelog

    v1.1.0 - added new feature: sync by inner content (see demo)
    added new argument sent to callbacks (ratio of scrolled height/width)
    removed junk code
    v1.0.0 - initial release

  • Experience Calendar Fb Timeline (Calendars)

    Experience Calendar Fb Timeline (Calendars)

    It’s an event calendar plugin. You can simply add your events using html. Here’s also a facebook feed calendar. Its features are :

    • Responsive event calendar
    • Facebook page feed
    • Usable for multiple purposes. IE. Blog, Timeline
    • Flat Design
    • Cutomizable Style
    • Supported in all major browsers

    Event Calendar

    How does it work?

    Events should be added manually using html. For setting the date and time, you have to use the attribute called ‘data-date’ and ‘data-time’. After adding all the events correctly the plugin should be attached like $(“selector”).jeventTimeline()

    It’s also possible to add events runtime. For this, generate your html using javascript/PHP. Then use the plugin like this :
    var a = $(“selector”).jeventTimeline();
    Each Time you add events at runtime. Use the command : a.refresh();

    Facebook Feed

    The facebook feed plugin is developed using the eventCalendar plugin. It’s easy and simple. You just need the pageName/pageid and an accessToken to access the feed.

    Using an app access Token you can only show page feeds. But if you want to show feeds of an individual user you need a user access token with proper permission.

    Currently it shows five types of posts: addedPhoto, sharedLink, addedVideo, statusUpdate, createdNote

    Dependencies

    • jQuery
    • FontAwesome icons
    • Google Fonts : Open sans, Oswald, montserrat.

    The images showed in the preview are not included in the main files.

  • Responsive Cookie Regulation Consent Notification (Miscellaneous)

    Responsive Cookie Regulation Consent Notification (Miscellaneous)

    follow
    portfolio
    reviews
    support
    demo

    is a multipurpose, fully responsive cookie consent notification which will help you to fulfill the obligation, required by the law of the European Union, to inform users about cookie files usage on your website. By using the Cookie LawPRO you comply the EU law requirements.

    Based on HTML5 & CSS3 to deliver best user experience on any smartphone, tablet and notebook/desktop computer.

    Clean & simple design with 2 awesome predefined color themes and over 700 settings combinations.

    Main features

    • high quality flat and clean design
    • 2 predefined color themes
    • mobile friendly – separate options form mobile devices
    • easy integration & customization
    • intuitive & user friendly
    • smooth transition effects
    • Font Awesome
    • cross browser support
    • 100% Bootstrap compatible
    • lightweight
    • WYSIWYG – live demo available

    Includes

    • 2 awesome predefined color themes
    • 700+ settings combinations
    • Easy installer
    • Font Awesome: 500+ icons (v.4.7.0)
    • HTML + CSS & LESS + JS files
    • Extensive documentation
  • gwSlider (Sliders)

    gwSlider (Sliders)

    Description

    gwSlider a.k.a. Goodwave Slider is the best slider solution for rapid development, in a lightweight (8 KB the minified version) jQuery based slider plug-in featuring the most common options for web development.
    The carousel may be used as a full-width, responsive, one item per page slider or a multiple items per page as an image/item gallery.
    Although it is a jQuery based plug-in, the “single item per page” version is based on keyframe animations for transitions, giving it even better loading speed. The default version includes 14 animations, but extra classes may be added (more on this in the options explanations).
    The “multiple items per page” version does not use keyframe animations as it only makes sense with the “slide” transition (revealing next and previous item one at a time) and uses a 1 perPage mobile fallback.

    Technologies

    JavaScript
    jQuery
    CSS3
    Keyframe animations
    HTML5

    Compatibility

    All modern browsers (Firefox, Safari, Opera, Chrome) and IE 10 or higher

    Note

    Documentation is comprehensive and covers all the options for the slider. If you feel that you need to know more about our slider please use help support. We are glad to help you!

  • 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

  • Jsearch – Contacts and Particular person Information Search in JSON File (Miscellaneous)

    Jsearch – Contacts and Particular person Information Search in JSON File (Miscellaneous)

    Pjsear Searchable Autocomplete Elastic Input Plugin

    • Search Contacts, Person Info and e.t.c.
    • Semantic-Ui Framework
    • Elastic SVG Input
    • Search Multiple Variables
    • Datas in From Json File
    • Rtl Support
    • Change Background Easly
    • Using Typeahead.js


    Included Documentation File