Blog

  • 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
  • TinyMCE4 MindMap Editor (Rankings and Charts)

    TinyMCE4 MindMap Editor (Rankings and Charts)

    TinyMCE4 has no mind map plugin default. This plugin is a mind map plugin for TinyMCE4 called TinyMCE4 MindMap Editor”, you can use it in TinyMCE4 to insert/edit mind map easily, just like the XMind!.

    Features

    • Mind Map structure in WordPress MindMap Editor contains a root in the center, with main branches radiating from it.
    • Support for links, images, and markdown notes.
    • Multiple beautiful themes.
    • Easy to use.
    • Pure front-end, no server support.
    • Save as image.

    How to install it

    1. Upload the files to the tinymce plugins’ folder.
    2. Update your tinymce configuration to add `leaui_mindmap` plugin, eg:
      tinymce.init( styleselect formatselect fontselect fontsizeselect );
      

      Please Note that, you must set paste_data_images to true.

  • 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
  • Arcfilter – jQuery Plugin for Sorting (Media)

    Arcfilter – jQuery Plugin for Sorting (Media)

    Arcfilter is a jQuery plugin who works in all modern browsers and touch devices.
    You can customize the plugin with just a little HTML and CSS.

    For animations this plugin use animate.css and supports over 30 animations that provides beautiful animated filtering.
    Arcfilter is a jQuery plugin that sorts using CSS3 for animations.

    Features List:

    • More than 30 animations
    • Touch devices
    • Unlimited number of items
    • Filter by categories
    • Load more
    • Using CSS3 Animations
    • Adjustable speed, animations delay
    • Full width support
    • Easy to Configure
    • Use with any HTML content
    • Clean documentation with examples
    • Constant support
    • Multiple galleries on the same page

    BROWSER SUPPORT

    • Chrome
    • Edge
    • Firefox
    • Opera
    • Safari
    • IE11
    • IE10
  • Evolved Datalist Enter – Drop-down Checklist with Autocomplete (Miscellaneous)

    Evolved Datalist Enter – Drop-down Checklist with Autocomplete (Miscellaneous)

    The Advanced Datalist Input plugin is used to provide an “autocomplete” feature on input elements. Users will see a drop-down list of pre-defined options as they input data.
    Unlike HTML5 datalist the Advanced Datalist Input has the following benefits:
    • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
    • Allows a user to remove items from the list
    • Return the id of the selected item instead of text
    The appearance is easy customizable using CSS.
    See detailed help here.

  • 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
  • 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!