Blog

  • jQuery Type Recuperate (Kinds)

    jQuery Form Recover

    Thousands of orders and important messages are lost everyday because of incorrect form submission or accidental refresh. By installing this plugin you will allow your users to have a draft of their form saved and restored automatically in cases of accidental refresh or browser crash.

    As the users fill in the forms, the plugin automatically creates a backup of their input data and restores it after refresh. If the user submits the form then the draft is deleted. You can apply this plugin to all the forms in our site.

    Main Features

    • Use: Local Storage, Session Storage, Cookies
    • Show alert message for recovery
    • Show feedback message (Draft saved)
    • Activate on key press or on blur input
    • Callbacks
    • Array of excluded inputs
    • Feedback custom container
    • Multi-form usage
    • Cookie Fallback for non-supporting browsers
    • Complete debug
    • Well documented
    • Clean coded

    Basic demo

    Creating an instante of the plugin on a form adds listeners to the inputs so that when the users type something, a copy of what they type is saved on their local storage.

    What’s included

    • Source and Minified JS
    • Full documentation
    • 10 starter examples
    • Release Notes

    Changelog

    Version 1.0

        - Multiple types of storage<br />
        - Multi-form support<br />
        - TinyMCE Integration<br />
        - HTML5 Support<br />
    
  • Javascript Auto Recommend Search (JavaScript)

    This is JavaScript based Auto Suggest Search which is easily integrated with HTML or PHP pages using just one file. All files has proper title according to their functionality.

    Main Features

    • Real time search no need jquery or any other library.
    • Search content by Type.
    • Javascript based, so no need page reloads.
    • Easily to integrate with HTML or PHP page.
    • Easily to integrate style css code with your website stylesheet or you can use provided one.
    • Clean code.
  • Bookshelf jQuery Plugin (Pictures and Media)

    WordPress version here:
    43691

    Bookshelf you can use for my projects FlipBooks, but of course you can use for any other purposes.

    Features:

    • responsive design
    • title for image
    • redirect for images
    • Category name for books
    • horizontal or vertical images ( also mixed )
    • each image can have a different size
    • and other…

    See my Books:




    Credits

    WHY NOT Magazine 2 sizes
    Magazine Template

  • Simply Choose (Miscellaneous)

    This plugin provides a select button for every use.
    You can customize the color of the button and all icons.
    We added the ability of a callback function that runs on change.
    The user has to choose the icons from the font awesome collection.

    The user is only 4 steps away from his goal.

    STEP 1

    import font awesome icons
    <link rel=”stylesheet” href=”//cdnjs.cloudflare.com/ajax/libs/font-
    awesome/4.6.3/css/font-awesome.min.css” media=”screen” title=”font
    awesome”>

    STEP 2

    import react
    <script src=”//unpkg.com/react/dist/react-with-addons.min.js”
    charset=”utf-8”></script>
    <script src=”//unpkg.com/react-dom/dist/react-dom.min.js”
    charset=”utf-8”></script>

    STEP 3

    import CASelectFrom files
    <link rel=”stylesheet” href=”plugin/CASelectFrom.css”>
    <script src=”plugin/CASelectFrom.js” charset=”utf-8”></script>

    STEP 4

    use it

    new CA_select(
    selector: document.getElementById(‘select1’),
    bgColor: ”#ffffff”,
    iconColor: ”#03A9F4”,
    items: [
    class: “fa-bicycle”,
    class: “fa-bus”,
    class: “fa-train”,
    ],
    callback: true,
    change: function(return)
    console.log(return);
    ,
    );

    FILES INCLUDED

    1. CASelectFrom.css
    2. CASelectFrom.js
    3. CASelectFrom.min.css
    4. CASelectFrom.min.js
    5. documentation.pdf

    For the use of preview we used Raleway google font
    https://fonts.google.com/specimen/Raleway

  • Single / More than one Customized Make a selection Part Plugin (Kinds)

    A simple, ready-to-use plugin for html select element. This works very well with single and multiple select elements. Also it allows you to use images inside your option items.
    You can customize the style of your custom select element using the style editor included with the product.
    Also there are 2 free web fonts included, Open Sans and Campton.
    This is a jQuery plugin, so you need jQuery included in your project.

  • AngularJS Paypal Funds (Miscellaneous)

    Angular paypal payments

    Esily include the ngPay plugin into your project and start receiving payments using the simple integration through the directive

    Main features

    • Modular (can be easily included into your angular projects)
    • Dynamic view
    • Demo shop included (bootstrap 3)
    • One-click redirect (clicking pay redirects you to paypal)
    • Configurable (email address, ipn url)
    • IPN Script included (official paypal IPN php script included)
    • Full documentation (dynamic documentation

    Usage

        <ng-pay item-price=”250” item-currency=”USD” item-title=”Title of product” item-id=”21” button-string=”Pay for this item with Paypal”></ng-pay>

    or in loops

        <ng-pay item-price=”product.price” item-currency=”USD” item-id=”product.id” item-title=”product.title” button-string=”Pay with Paypal”></ng-pay>

  • Responsive Mega Menu (Navigation)

    “Mega Menu on Lots of Steroids!”
    “[Probably] the last Mega Menu that you will ever need!”
    So good you will never forget to rate it 5 stars!

    $45 Collective Price Value for a “Drop Down” Discounted Price!

    You will also get these lots of extras for Free

    1st FREE Item: Includes additional 120+ Hover Effects Library
    ($10 Value)

    2nd FREE Item Includes additional 70+ Form Templates with Client-Side Form Validation
    ($11 Value)

    3rd FREE Item: Includes Captcha and a Working Contact Script
    ($6 Value)

    4th FREE Item Includes Back to Top Animations
    ($6 Value)

    * Not shown in the Optional Live Preview but in the Master File when you Buy!

    This is not a WordPress Plugin My Friends

    SolidMenu+

  • GedCom Parser (Database Abstractions)

    The GedCom Parser is a JavaScript Library that focuses on translating GEDCOM structure into a GedCom Library.

    Tested with GEDCOM 5.5 exported from Ancestry.com.

    What is GEDCOM?

    GEDCOM (an acronym standing for Genealogical Data Communication) is an open de facto specification for exchanging genealogical data between different genealogy software. GEDCOM was developed by The Church of Jesus Christ of Latter-day Saints (LDS Church) as an aid to genealogical research.

    About structure

    A GEDCOM file consists of a header section, records, and a trailer section. Within these sections, records represent people (INDI record), families (FAM records), sources of information (SOUR records), and other miscellaneous records, including notes. Every line of a GEDCOM file begins with a level number where all top-level records (HEAD, TRLR, SUBN, and each INDI, FAM, OBJE, NOTE, REPO, SOUR, and SUBM) begin with a line with level 0, while other level numbers are positive integers.

    About the Version 1.4.31

    • Gedcom.toGedCom() method added
    • Data.toGedCom() method added
    • List.toGedCom() method added
    • List.create() method added
    • Indi.addToFamily() method added
    • Indi.removeFromFamily() method added
  • SkewSlider 1.zero & 2.zero (Sliders)

    Skewslider is an unique javascript plugin slider that lets you make beautiful skewed image sliders with no effort.

    This pack includes both version 1.0 and 2.0

    Skewslider 1.0 Demo page

    Skewslider 2.0 Demo page

    Features:

    Highly customizable

    20+ javascript options, 10 ready to use examples, almost infinite combinations using the live update method.

    Responsive features

    Supports diferent configuration options for diferent screen sizes, as many breakpoints as you want, just like css media querys.

    Slide animations

    Customizable animations and CSS Transitions.

    Auto image scaling

    Images are automatically scaled to always fit the area no matter the inclination or the slide’s dimensions.

    HTML content and CSS transitions

    Supports any HTML content and CSS custom transitions inside the slides. 2 active states, on animation start, on animation end.

    Image pre-load

    You decide how many images want to pre-load.

    Powerful Api

    Using the public methods, you can extend the slider functionality with just a few lines of code.

  • Multipurpose Tile Navigation Menu (Navigation)

    follow
    portfolio
    reviews
    support
    demo

    Tile Menu PRO

    is a multipurpose, fully responsive tile navigation.

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

    Clean & simple design with 8 awesome predefined color themes.

    Main features

    • high quality app-like look with CSS3 animations
    • 8 predefined color themes
    • less files included
    • easy integration
    • intuitive & user firendly
    • smooth transition effects
    • Font Awesome
    • cross browser support
    • 100% Bootstrap compatible
    • lightweight
    • WYSIWYG – live demo available

    Includes

    • 8 awesome predefined color themes
    • LESS source files
    • Font Awesome: 500+ icons (v.4.6.3)
    • HTML + CSS & LESS + JS files
    • Extensive documentation

    TMPRO also includes

    • all menu elements CSS3 animated hover effect
    • push mode
    • blur mode
    • opacity mode