Category: Advertising

  • 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!
    
  • REMARK jQuery Plugin + Redactor Plugin (Pictures and Media)

    REMARK jQuery Plugin + Redactor Plugin (Pictures and Media)

    Description

    The Remark Plugin сreates Caption and Description for images, block tags. And it can draw well designed Overlay Headline. The Remark Plugin highly customizable and it has Headline and Credit mode

    Also Redactor Plugin will add Remark to Images, which are inserted on Redactor editor.

    Less coding, More creative

    Features

    • Headline mode is Caption and Description placed front of the image.
    • Credit mode is Caption and Description placed above or below of the image.
    • You can set Caption and Description placement.
    • You can chnage Shade colors and Alpha, Also you can use your own CSS class
    • Captions and Descriptions font-size, line-height, color, text-transform settings are able to set in direct configration. Or you can set your own custom CSS Class
    • Captions and Descriptions are HTML supported. But you can set supported tags.
    • Mobile friendly / Responsive
    • You can use Remark plugin any other Block Tags
    • and much more… Check them from our Documentation/Demo

    Files included

    Remark plugin files

    • js/remark.js
    • css/remark.css
    • remark-redactor-plugin/remark.js
    • remark-redactor-plugin/remark.css
    • Documentation

    and Demo / Usage / Redactor-Plugin page files included

    Screenshots

    HEADLINE MODE

    Remark Plugin

    CREDIT MODE

    Remark Plugin

    HEADLINE MODE has CUSTOM SHADE COLORS and ALIGNMENT

    Remark Plugin

  • Server Monitoring with SMS & E-mail Integration (Miscellaneous)

    Server Monitoring with SMS & E-mail Integration (Miscellaneous)

    Nodmonit is a linux resource monitoring’s solution with SMS and/or email integration, that is datacenter and cluster aware, meaning you can have your computing cloud spread across anywhere you would like in the world and categorize it.
    It’s translatable, embeddable into your existing admin panel and easy to use.

    Main features

    • Real-time monitoring.
    • Real-time resource usage graphs.
    • Just plugin into your existing admin panel! You don’t need a separate login panel, you can just plug the nodmonit dashboard into your existing workflow!
    • SMS and/or E-mail notification: Be notified when resources reach a given threshold (Twilio/SMTP account necessary)
    • Datacenter-aware: is your cloud on EC2? Linode? DigitalOcean? It doesn’t matter, you can spread your tech wherever you like and monitor them all in just one place.
    • Translatable: If your language is not available, you can translate the interface yourself with a simple JSON file.
    • Keep all your data to yourself! Existing solutions in the web requires you to use an external service, with nodmonit you are in control.
    • Two color options: dark and light.

    What is monitored?

    • RAM
    • LOAD
    • DISK
    • CPU
    • SWAP
    • Number of open files

    What languages are available?

    Currently only English and Portuguese-Brazilian are available. But you can easily translate to your own language.

    Where does it work?

    Works in all major versions of:

    • Ubuntu
    • Debian
    • Fedora
    • CentOS

    If for some reason it doesn’t work for your distro I will be happy to help you and send you a refund if necessary.

    Requirements

    • Have root access to the target machines (only to install, not to run)
    • You must be a tech person and be comfortable using the terminal, shell commands and installing packages
    • SSH

    Dependencies

    • mongodb
    • nginx/apache or any other webserver
    • curl (for the agents)
  • 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

  • Metro Button with Interactive Notification Indication and Sub-Buttons (Miscellaneous)

    Metro Button with Interactive Notification Indication and Sub-Buttons (Miscellaneous)

    Metro Button Plugin combines several buttons together: one main and up to 3 additional small buttons. Additionally, you can use the buttons as notification indicators. You receive separate event for each sub-button when user clicks on them. Look of the Metro Button is fully customizable – you can set the icons, texts, color, font, size, etc. of the main and additional buttons. Also you can change the count and location of the small buttons.
    ”metro
    You can see the complete documentation here.