How to Get File Name, Size, Type Count in jQuery

    How to Get File Name, Size, Type Count in jQuery

    This article explains how to get the file name, file size (in bytes), file type (Text/PDF/CSS files) and total selected file counts in jQuery before uploading it to the server.

    Using File interface, we are able to get the information about files and allows to access their content.

    Warp drive : jQuery HTML5 canvas based Starfield effect.

    Warp drive : jQuery HTML5 canvas based Starfield effect

    Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

    xZoom : jQuery Zoom Gallery Plugin

    xZoom : jQuery Zoom Gallery Plugin

    jQuery Zoom Gallery plugin.

    • Supports jQuery starting from version 1.2.6.
    • A lof of options, effects and easy to use and customize
    • Lightweight ~14kb minified version.
    • You can load low and high res images separately.
    • Supports IE6+, Chrome, FireFox, Opera, Safari, Android, iOS
    • Supports Responsive output.
    • Have an API to integrate with other useful plugins like FancyBox, Magnific PopUp and HammerJS.

    Wraith : A responsive Screenshot Comparison Tool

    Wraith : A responsive Screenshot Comparison Tool

    Wraith is a screenshot comparison tool, created by developers at BBC News.Wraith uses a headless browser to create screenshots of webpages on different environments (or at different moments in time) and then creates a diff of the two images; the affected areas are highlighted in blue.

    jQuery Line Progressbar Plugin

    jQuery Line Progressbar Plugin

    Line progressbar is a light weight jquery progressbar plugin.

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

    • Fully Responsive
    • Unlimited colors
    • SVG icons
    • Multi-touch gestures support
    • Physics Based Animations
    • Automatic SlideShow support (with CountDown timer)
    • FullScreen support
    • Youtube, Vimeo, Dailymotion, Wistia
    • iFrame (Google Map, PDF reader, websites, etc…)

    Simplr : jQuery Smooth scrolling Plugin

    Simplr : jQuery Smooth scrolling Plugin

    Simplr is a jQuery smooth scrolling plugin in all browsers.

    Hiraku.js : jQuery Offcanvas Menu Plugin

    Hiraku.js : jQuery Offcanvas Menu Plugin

    We made jQuery plugin called hiraku.js so that more people can use Offcanvas-menu functionality which is used in a CMS we make.

    Features:

    • Not affected by the DOM structure.
    • Enable to open both right and left side menu.
    • Main canvas is not scrolled, while scrolling Offcanvas-menu.
    • Easy to control the movement
    • Accessible for keyboard navigation and screen readers.

    SmartPhoto : Responsive Image Viwer for Mobile Devices

    SmartPhoto : Responsive Image Viwer for Mobile Devices

    The most easy to use responsive image viwer especially for mobile devices.

    Features:

    • Intuitive gestures such as pinch-in/pinch-out/drag/swipe
    • Use Accelerometer to move images
    • Accessible from keyboards and screen-readers
    • Show pictures via URL hash
    • Can make photo groups

    Playful Little Tooltip Ideas with SVG & JavaScript

    Playful Little Tooltip Ideas with SVG & JavaScript

    Today we’d like to share a couple of simple tooltip animation ideas with you. The tooltips have different shapes mostly made of SVGs and we are animating them with anime.js. Some of these bouncy fellas use SVG path morphing, others transforms and one is a simple text effect.