Month: December 2016

  • Craigslist Scraper – Search and Record Newest Posts with the aid of Class (Miscellaneous)

    Short description

    Name: Craigslist Scraper

    Purpose: Search and list latest posts from craigslist by grouped categories or cities

     

    Search criteria

     

    The application contains these search fields.

    1. Country or Contents
      • By this field you can define country (USA, Canada) or content (Africa, Asia, Europe & etc.)
    2. States
      • If you define USA or Canada at first field state dropdown list will appear.
    3. City
      • At this field the cities will appear which belong state or country you choose before. You can choose multiple citites at once.
    4. Category
      • You can search by category or can list all categorise at once by choosing “All” option.
    5. Search text
      • You can define search text to search posts which contains this text

     

    Structure

    The application has two (API server and client interface) sides. With client interfaces (GUI) you define search fields and get results. At server side the posts filtered by search criteria an return JSON data to interfaces.

    GUI

    The modern technologies as AngularJS, Node JS and Material Design used to create user interface. The Main layout contains two divided block. First block (left side) keeps search form and second block (right side) show results.

     

     

    Dependencies

    System requirements is:

    1. Node JS with NPM
    2. Angular JS
    3. Material Design
    4. NPM Express
    5. NPM body-parser

     

    Installation

    1. Install Node JS
      1. Download installer file depending on your OS
      2. Run installer file and follow wizard window
    2. Extract all files of zip package into you root directory
      1. For Windows OS: locate zip file any directory, right mouse click on this file and select “Extract to here”
      2. For Linux please follow this link
      3. For Mac user please follow this link
    3. Install NPM dependencies
      1. Open CMD or PowerShell for Windows OS or terminal for Mac and Linux OS
      2. Locate the folder where you extract zip package. You can use CD command for major OS
      3. Execute “npm install” command
    4. Start application
      1. Execute “npm start” command
      2. Open any browser (Chrome or Firefox recommended) and locate “localhost:8080” address.
    5. THAT’S ALL )))

     

    Configuration

     If you start this application remote server or PC you need to change  serviceBase  at line 4 of server.js file in publicjs folder.

  • JQuery Lyrics Displayer (Media)

    JQuery Lyrics Displayer

    JQuery script, a responsive Bootstrap 4 template and audio player for displaying lyrics on a web page in karaoke style, simple (by lines) and enhanced (by syllables).

    Converter for LRC to JQuery lyrics format is provided.

    Tested on all major browsers and platforms, desktop and mobile. To provide full compatibility, linked audio files should be in MP3, OGG and AAC formats.

    Enhanced LRC example:

    [00:03.87]This <00:04.36>can <00:04.66>be <00:05.02>a <00:05.31>song <00:05.82>ly<00:06.29>rics,<00:06.74>

    Converted Enhanced JQuery Lyrics example:

    ["This ", 490],["can ", 300],["be ", 360],["a ", 290],["song ", 510],["ly", 470],["rics,", 450],

    Simple LRC example:

    [00:03.87]This can be a song lyrics,[00:04.13]

    Converted Simple JQuery Lyrics example:

    ["This can be a song lyrics,", 260],

    If you stuck on even more simple LRC format, without ending marks:

    [00:03.87]This can be a song lyrics,

    use Karaoke Lyrics Editor (https://sourceforge.net/projects/karlyriceditor/) to edit/add end timing marks.

    To create your own LRC lyrics, use online LRC maker: http://stage.elsdoerfer.com/elrcmaker/

    Credits:

    Bootstrap 4 – https://v4-alpha.getbootstrap.com/

    Fancy sidebar for Bootstrap – http://bootsnipp.com/snippets/featured/fancy-sidebar-navigation

    JQuery Karaoke text effect: – http://jsfiddle.net/bPGZT/

    Provided audio is created and copyrighted by me.

    Additional info and support available.

  • Flat – Responsive Bootstrap Menu (Navigation)

    The Flat Menu is a professional CSS & jQuery Responsive Menu compatible with Bootstrap. This menu comes with horizontal and sticky version and 5 different color pattern.

    Responsive Flat – Responsive Bootstrap Menu is a flexible and high customization to build your custom Bootstrap Responsive menus. It is very easy to build a menu. you can set up the Flat menu item drop down by mouse click. You can assign a 5 color and choose also gradient effect.

    Flat – Responsive Bootstrap Menu is component based in CSS and JavaScript code. You can use Flat Menu it as a horizontal top menu. It is a Bootstrap Responsive Menu, suitable for any type of website and Template or Landing page.

    Features

    • – 100% Responsive Layout
    • – 5 Color Scheme
    • – Google Web Font “Open Sans”
    • – 12 Column Bootstrap Grid System
    • – Drop Down with 3 Types
    • – Flat and Gradient Effect
    • – Documentation included
    • – Clean Design and Code
    • – Easy to Customize
    • – Easy to use

    Live Demo URL: Click here

    Sources and Credits
    I’ve used the following: Thanks so much to

    Font: Google Web Fonts
    Fontawsome icon: Free Font Awesome, the iconic font
    Images: Pixbay.com
    Social network button: lipis.github.io
    CSS: Bootstrap
    jQuery: Javascript

    If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

    Best wishes
    Design Collection

  • StoCookie jQuery plugin – Cookie Legislation Compliance and Customized Notifications (Miscellaneous)

    StoCookie is a simple and lightweight plugin to quickly create custom notification messages.
    It comes with some smart options to best suit your website.

    simply include the JavaScript, the CSS and activate the plugin.
    Possibility to call a different custom notification in every page.

    Features

    • Highly Customizable
    • Hide banner on scroll (optional)
    • Setup manager with live preview
    • Display once, every session, or everytime

    Full Setup Manager with instant preview included

    Also availabe the WordPress plugin!

    Support

    For support request you can send me a message through my profile page

    Log History
    version 1.1:
    new: banner border radius
    new: font size
    new: font family
  • Light-weight eCommerce Product jQuery Plugin Photography and Media)

    A ready to use jQuery plugin allows you to present your product in right way with Zooming and displaying with Lightbox. Its including all latest features that are existing in market.

    Why should I use this slider?

    Fully responsive – will adapt to any device
    Slides can contain images, video, or HTML content
    Small file size, fully themed, simple to implement
    Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
    Very light and loading fast
    Different types of usage
    Fully ready for Ecommerce product representation

    Features

    Customizable by CSS and plugin options
    Product zooming feature
    Product displaying in modal(popup, lightbox) feature
    Displaying arrows where needed and modifying its styling
    Lightweight plugin
    Bullets feature
    The small thumbnails are automatically generated, sized and positioned
    Unlimited number of images
    Callback functions
    Destroy and Reload functions

  • 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
  • Easy 3D Coverflow (Sliders)

    What is Simple 3D Coverflow?

    Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows. When a thumbnail is clicked you can choose to do nothing, display multimedia content using our great revolution lightbox or to open a new webpage. The lightbox has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps and flash. Simple 3D Coverflow has high performance using OOP code and the latest CSS techniques, ready for mobile with swipe, very flexible, easy to setup and extremely customizable.

    Simple 3D Coverflow main features:

    Responsive / Fluid layout with autoscale function.

    Mobile and desktop optimized (Ipad demo here!).

    Scroll and/or drag and swipe functions for the desktop and mobile devices.

    Mouse Wheel support – navigation with mouse wheel scrolling.

    Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

    Optional Categories Menu.

    Support for unlimited categories and each category can have any number of thumbnails.

    The option to start at a specific category.

    Customizable thumbnails size and topology geometry.

    Customizable hover effect for the side thumbnails.

    Customizable / optional reflection for the thumbnails.

    Customizable description text for the center thumbnail.

    Dynamic or static tooltip for the center thumbnail.

    Revolution lightbox used to display multimedia content. When a thumbnail is clicked the lightbox can be used to display image,
    video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps or flash.

    Customizable controls – each button, scrollbar, bullets navigation, component is optional and can be modified.

    Optional and customizable Shadow Box Gradient for the thumbnails.

    Custom action for the thumbnail click.

    Powerful API included.

    You can include multiple instances on the same page.

    Slideshow Autoplay.

    Two skins included.

    Detailed documentation and examples files.

    Powerful API included.

    Tones of other features.

  • 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