1. Useful UI Plugins

  2. 3 Useful Front-end Plugins

    - Swiper JS for a perfect slider.

    - Parsley JS for client side form validation.

    - Freewall JS for all your tricky listing layout.

  3. Swiper JS

    Key Features

    1:1 Touch movement

    Full Navigation Control

    Most Flexible Layout

    Parallax Transitions

  4. Swiper JS

    Useful Options

    Breakpoints

    Keyboard / Mousewheel

    Pagination

    Layout Controls

    Slide Types

    Hash Navigation

  5. Swiper JS

    Useful Events & Methods

    Slide Progress

    Swiper Control

    Pagination Render

    Start & End

    Move Slide

    Add/Remove Slides

    mousewheel/keyboard controls

  6. Parsley JS

    Key Features

    UX focused

    Intuitive DOM API

    Wide Range of validation

    Dynamic form validation

  7. Parsley JS

    Useful Options

    data-parsley-validate

    data-parsley-required="true"

    data-parsley-trigger="focusout"

    data-parsley-validation-threshold="8"

    data-parsley-length="[8, 13]"

    data-errors-container="#elem"

    data-parsley-pattern="\d+"

    data-parsley-`constraint`-message="my message"

  8. Parsley JS

    Useful Events & Methods

    form:validate

    form:success

    form:submit

    field:error

    field:success

    AJAX Validations

    addValidator

  9. Freewall JS

    Key Features

    Responsive Grids

    Control over dynamic elements

    Flex, Pinterest, Google image and Retro grids

    Nested Layout Option

  10. Freewall JS

    Useful Options

    cellW and cellH

    selector

    fixSize

    draggable

    animate

    rightToLeft

    keepOrder

  11. Freewall JS

    Useful Methods

    reset(options)

    fitWidth() and fitHeight()

    fitZone()

    appendBlock()

    filter() and unFilter()

    fillHoles()

  12. Any Other Plugins ?

  13. Thanks :)

    Keep Rocking !!

Points