Above & Beneath: Featured Content Layout Effect with CSS

Above & Beneath: Featured Content Layout Effect with CSS

Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

Clipped SVG Slider

Clipped SVG Slider

A simple slider, with morphing preview images animated using SVG properties.

filterjitsu.js : jQuery plugin to Filter DOM Elements

filterjitsu.js : jQuery plugin to Filter DOM Elements

Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.

There are many ways to filter data on the backend before serving it to the client. Filterjitsu is specifically meant to be used on cached HTML pages served from a CDN, relieving filtering from the backend and allowing for fast page loads.

mgGlitch.js : jQuery helper for Glitch

mgGlitch.js : jQuery helper for Glitch

A little jquery helper to glitch everything.

  • first element become a static background
  • next element with glitch property and lower interval
  • next element with glitch property, higher interval and scale options
  • next element with glitch property, higher interval, scale options and blend mode apply

Simplest Tags Input Beautifier with JavaScript

Simplest Tags Input Beautifier with JavaScript

Better tags input interaction with JavaScript.

jQuery floating Menu Plugin

jQuery floating Menu Plugin

This plugin requires jQuery! floatingMenu is a global-dynamic plugin which means you dont have to worry about dynamically added/created elements. For performance reasons the plugin clears its own initiation events when not visible.

AttrValidate : jQuery plugin for Form Validation

AttrValidate : jQuery plugin for Form Validation

A lightweight jQuery plugin for basic form validation using HTML5 form attributes. Recommended as a polyfill for older browsers which do not provide built-in validation.

jQuery Push Notification Plugin

jQuery Push Notification Plugin

This library allows us to use html5 NotificationAPI in jquery.

naiveScroll : jQuery Full Page Scroll effect plugin

naiveScroll : jQuery Full Page Scroll effect plugin

Tiny jQuery full page scroll effect plugin.

  • Override mouse whell event to scroll full page.
  • Minimum extra HTML elements required.
  • Prevents redundant events from being triggered.
  • Provide API to manually scroll up or down.
  • Tiny size, 1KB zipped.

360 Product view for E-commerce website

360 Product view for E-commerce website

360° Product view is a growing trend that has been able to significantly enhance online visual communication. With many eCommerce businesses increasing conversion rates & customer satisfaction while decreasing product returns with the use of 360 product view.

Features:

  • 360 degree product rotation
  • Responsive layout
  • Easy to install and use
  • Simple navigation for best user experience
  • Native HTML5 & JavaScript
  • No server side required
  • No flash player required
  • Work on every platform(Desktop, Tablet and Phone)