Tag: javascript

  • One Type – One Web page Parallax (Ingenious)

    One Type – One Web page Parallax (Ingenious)

    One Style is a responsive one page theme with a modern built using latest Bootstrap v3.3.7 and HTML5/CSS3 suitable for for your service, creative agencies, company, business, or app.

    Full screen video background, menu and portfolio make this theme very uniqu and simple.

    We have created a wonderful contemporary theme that can be used by designers, developers and startup companies, small businesses. to create their websites quickly and easily.

    Enjoy & Don’t forget to rate!

    WordPress Theme Features:

    • Retina ready
    • Multiple Header Options
    • Powerfull Admin Panel
    • 3 Home page variations ( Fullscreen Slideshow / Static Image / Video Background
    • Inline video support (YouTube / Vimeo).
    • Parallax effect section backgrounds.
    • Section content reveal animation.
    • 1-click demo import.
    • WPML multi-language support.
    • Auto Theme Updater
    • Shortcode editor.
    • Slider/Image/Video formats supported for Posts and Projects.
    • Drag and drop gallery management.
    • Built on a full OOP, WordPress framework.
    • Network install compatible.
    • Supports child themes.
    • Developed with WP_DEBUG and Debogger enabled.
    • WooCommerce Support
    • Responsive Design
    • Based on Bootstrap Framework 3
    • Clean and well-commented HTML5 and CSS3 code
    • On Scroll Animation
    • Parallax Effects
    • Easy to Customize
    • Google Web Fonts
    • Font awesome Icons
    • Ajax Portfolio
    • PrettyPhoto Lightbox Plugin Integration
    • Working MailChimp Form
    • Contact Form 7 integration
    • Google map
    • Cross Browser optimation
    • Well documented

    Changelog

    Version 1.0 – 7 February 2017

    - Initial Release
  • Mega WordPress Bundle through Kisded (Miscellaneous)

    Mega WordPress Bundle through Kisded (Miscellaneous)

    Mega WordPress Bundle by Kisded is a powerful collection of all my WordPress plugins (you can view them also, in my portfolio).
    With this item, you can buy all my work, updates and support with a unique discount!
    Note that I will also add future WordPress plugins I will release to this bundle and if you buy it now, you will have also access to all my future work without any future fees!

    At the moment, included items are:

  • FWD Mega Bundle (Media)

    What is Mega Bundle

    Mega Bundle is a powerful collection of all FWD (Future Web Design) products (wordpress plugins and javascript/jquery plugins), a complete collection of galleries, sliders, video players, audio players, grids, carousels, coverflows, lightboxes, image viewers / zoomers and so much more, you can buy all our work, updates and support with a unique mega 80% discount.

    WIth a mega discount you can get all our work!!! You can see all included items at https://codecanyon.net/user/fwdesign/portfolio

    Please note this offer is a limited so hurry up and grab it!

  • Simple Picture Video Heritage (Media)

    Easy Image Video Background is a responsive and fully customizable background plugin. It can display Images and Video files (mp4 videos, Youtube, Vimeo) mixed together in the same playlist.

    Optional onscreen elements (player controls) and playlist thumbnails can be customized or removed completely from the display. Option to autoplay muted videos on mobile phones and tablets makes this suitable for video backgrounds.

    All DEMO examples included in the download package for easy setup.

    Features and options:

    • Responsive layouts
    • Font Awesome Library icons
    • Optional deeplinking with jquery address
    • Only mp4 video format required for all browsers and devices
    • Playlist options available:
      • Video mp4 playlist (self hosted files or public links like Amazon S3)
      • Auto create playlist from folder of mp4 files
      • Youtube API V3
        • single video
        • single video list
        • playlist
        • channel
        • user channels
        • video search
      • Vimeo API V3
        • single video
        • user portfolio
        • user appears
        • user likes
        • user uploaded
        • group videos
        • channel videos
        • user album videos
        • related videos
        • video search
      • Images
      • XML playlist
    • Mobile muted autoplay option
    • Mix different media types in the same playlist
    • Optional playlist and onscreen elements (controls)
    • Playlist scroll orientation vertical or horizontal
    • Video Playback speed
    • Video Start / end time
    • End action (go to next or loop current)
    • Optional keyboard navigation (pause/play, mute/unmute, next, previous)
    • Automatically created thumbnails for Youtube, Vimeo (you can use your own thumbnails and description instead)
    • Optional social share (facebook, twitter, tumblr, google plus)
    • API methods available
      • Play media
      • Pause media
      • Toggle playback
      • Next media
      • Previous media
      • Load media / playlist
      • Add track(s) to playlist
      • Remove track(s) from playlist
      • Destroy media
      • Destroy playlist
      • Set playback rate
      • Set quality
      • Toggle random
      • Toggle playlist loop
      • Get / set volume
      • Toggle mute
      • Seek
      • Get current time
      • Get duration
      • Set autoplay
      • Get playlist transition on
      • Get playlist loaded
      • Get active item id
      • Get playlist length
      • Get media playing
      • Get playlist data
      • Get current media data
      • Get settings
    • Callbacks available
      • Setup done
      • Playlist end
      • Playlist start load
      • Playlist end load
      • Playlist empty
      • Media empty
      • Destroy media
      • Destroy playlist
      • Media triggered
      • Media start
      • Media play
      • Media pause
      • Media end
      • Media seek
      • Playlist item enabled
      • Playlist item disabled
      • Playlist item rollover
      • Playlist item rollout
      • Playlist item click
      • Fullscreen enter
      • Fullscreen exit

    Updates / Changelog

    VERSION 1.0 [2.12.2016]

    - first release
    
  • Husky – Multipurpose AJAX Gallery (Pictures and Media)

    Husky is Multipurpose Web App Gallery using jQuery AJAX as the core engine, make it possible to collect data without load the whole page. With simple setting, wealthy options, targeted placement, and professional coding make it feels like an application rather than a website. Use it as online gallery, photography portfolio, even photography blog! Come with changeable & customizable skin & typography.

    Developer Licence

    Since there’s no Developer Licence on CodeCanyon, then Extended licence can be act as Developer Licence. With it, you allowed include this web app to your web template item

    TEST DRIVE??

    » See Online Documentation

    » Open HUSKY Using Google Resizer Tool

    Features

    • Valid HTML 5
    • Fully Responsive (s, m, l, xl, xxl breakpoints)
    • Cross Browser
    • Smart & beautifuly design
    • Powerred by jQuery AJAX
    • JSON data exchange
    • Providing JSON escape string (PHP only)
    • SASS files included
    • Effective & Eficient Javascript code
    • Neat source code
    • Full of commented code
    • Customizable
    • Modular Skin & Typography
    • Prebuild Skin & Typography
    • Powerred by Anarkit – Exclusive Anarchy Puppy Studio framework
    • Documentation (see online documentation)
    • Fully functional search form
    • Endless possibilities of detail content (multipurpose)
    • Expand mode
    • Navigations button
    • Convinience main menu panel positions
    • Image Grid

    Note

    • All images on demo ARE NOT INCLUDED in main file

    Changelog

    • v3.0

      • [improve] javascript’s functions work-flow
      • [improve] display on small device
    • v2.2

      • [fix] main menu list vertical space on large-up device
      • [fix] panel preview padding for buttons
      • [fix] font size on small device
      • [fix] panel placement for better balance
      • [update] typography
      • [new] added new skin (arc.css)
    • v2.1

      • Initial release
  • uPlayer – Video Participant With Playlist (Media)

    uPlayer is a powerful responsive jQuery based video player that can play local videos.
    uPlayer supports unlimited playlists and each playlist can have unlimited videos.

    CONTROLS:

    • Play/Pause
    • Volume
    • Seek
    • Previous/Next Video
    • Show/Hide Playlist
    • Fullscreen Mode

    MAIN FEATURES:

    • Dark and Light theme.
    • Heading for video.
    • Subheading for video.
    • Optional video poster, the poster is visible when the video player is stopped.
      You can choose one poster for all videos, or each individual poster.
    • Duration and Current time.
    • Click to play or pause, you can click on the video to play/pause the video.
    • Double click fullscreen / normal screen.
    • Pre Roll Advertisement (User can skip ads after n-sec.)
    • Autoplay at Scrolling page.
    • You can create single player, or player with playlist.
    • Support for unlimited playlists and each playlist can have unlimited videos.

    ATTENTION:

    – Only mp4 video file required.
    – Fullscreen button doesn’t work if the browser doesn’t have fullscreen support, browsers like IE8/IE9/IE10 or some mobile browsers.

    SUPPORT:

    Any questions relating to this project, you can get in touch with me via my user page contact form. If you want to rate this item lower than 5 stars or you notice anything working not correctly, please contact me first and let me know. If I know about it, I can fix it. That way, you can get a better item.

  • jQuery Varieties – Stylish Parts (Types)

    About Elegant Elements

    Elegant Elements is a jQuery Form Plugin, that allows you to create HTML Forms in clean, simple and modern style.
    There is no need for more different plugin to format each form element, just enough to add the Elegant Elements jQuery Form Plugin.

    Custom Themes

    Choose from the various predefined themes or create your own custom theme. The plugin offers more than ten predefined styles to save you tons of time. Adding or changing these themes needs to change just one parameter only in the HTML markup.

    Full Set of Elements

    Elegant Elements brings you all basic elements, that you need in any form. That means, you can easily include text input, textarea, radio button, checkbox and select box to create the form you imagined. These fields are the usual way to display the most used forms, like subscription forms or contact forms.

    Unique Fields for Advanced Forms

    In case you need some extra fields, like password or file upload, you can also find the best solution for your project. With Elegant Elements you can simply design advanced, complex forms without spending hours to set the styles and CSS rules. Just few lines of HTML code, then you are ready to go.

    Different Sizes and Colors

    Brings you the option to set custom colors or button size to make the entire form perfectly fit to your website. These feature provides unlimited combinations, that you can achieve with creating a form.

    Special States

    In some cases, you may need a disabled button or field, that can be quickly done with Elegant Elements. Disabled states are available on all type of form elements, that is included in the plugin.

    Responsive and Mobile Friendly

    Elegant Elements is completely responsive and fit to the visitor’s screen on any device, including mobiles and tablets.

    Custom Icons

    Radio buttons and checkboxes support custom icons, that helps you to make your form more user friendly. Choose from more than 500 brilliant icons, supported by Font Awesome.

    Field Notices

    Displaying the success message or a simple warning notice has never been easier with Elegant Elements.
    It can be more than useful with a password or username field to let the users know when they entered wrong details into the field.

    Supported Elements

    The following elements are supported in Elegant Elements:

    • Text Input
    • Password Input
    • Email Input
    • Tel Input
    • Search Input
    • Number Input
    • File Input
    • Select Box
    • Radio Button
    • Checkbox
    • Radio Button Groups
    • Checkbox Button Groups
    • Textarea
    • HTML Button
    • Info Box

    Key Features

    • 12 Predefined Themes
    • Custom Vector Icons
    • Custom Fields
    • Special Fields
    • Detailed Manual
    • Responsive Design, Mobile Friendly
    • Clean & Valid Code
    • Lightweight Minified and Obfuscated JavaScript
    • Multiple Instance, Create Unlimited Forms
    • Different States
    • Useful Examples
    • Compatible with All Major Browsers
    • Free Updates

    Compatible with All Major Browsers

    The following browsers are supported:

    • Google Chrome 49+
    • Mozilla Firefox 48+
    • Internet Explorer 11
    • Microsoft Edge
    • Opera 35+
    • Safari 6+

    Free updates

    Enjoy the free updates! The plugin will be regularly updated and new features will be included.

    Detailed manual

    Check the full manual! Visit the plugin documentation page.

    View Elegant Elements demo on your mobile device

    jQuery Forms – Elegant Elements

    Envato Developers

    Would you like to add this plugin into your item?

    Purchase one extended license for the item you want to sell on any Envato Marketplaces.
    Send me a mail and I will add your item link to this page.

    Changelog

    Version 1.0.3 – November 28, 2016

    - [Fixed] Responsive checkboxes and checkbox button groups in JavaScript

    Version 1.0.2 – November 21, 2016

    - [Added] Info Boxes
    - [Fixed] Improving & optimizing the JavaScript code of radio buttons and checkboxes

    Version 1.0.1 – November 14, 2016

    - [Added] Icons to buttons
    - [Added] The moz prefix to every box-shadow
    - [Added] Background color to form controls in theme files
    - [Fixed] Hide the number input spinner
    - [Fixed] Hide the red box-shadow in Firefox when the input value is invalid
    – [Updated] The basic-initialization.html, elements.html, forms.html in examples folder

    Version 1.0 – November 5, 2016

    - Initial release
  • 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

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

  • Picture Coloration Picker (Pictures and Media)

    Description:

    This javascript will help you extract colors from any picture you input. By default it gets a max of 24 colors but you can easily change the ammount.

    It also displays the color code in HEX values and you can also copy it to clipboard fast or convert the HEX to RGB.

    You can implement it in any of your projects and the code it’s nicely commented for a better understanding of the steps.

    Features:

    • Easily to modify and implement in all kinds of projects.
    • Clean and commented code.
    • Grabs colors from pictures pixel by pixel and displays them.
    • Gets the most used color in picture.
    • Get the HEX and RGB colors.
    • Grabs as many colors you want(by default there is a max of 24).

    Try before you Buy:

    You can check a working demo by clicking here.

    I’m offering lifetime support and free updates for all of my products. If you are having any questions or issues with this script please don’t hesitate to contact me at paulmuntean@rocketmail.com and I will get back to you as fast as possible.

    Thanks for your time and wish you a GREAT day!