CSS UI Volume Slider
Simple CSS styled volume slider.
Crossbrowser and lightweight way to check if user is looking at the page or interacting with it
No details provided beyond the title which says it all. This JS sits in your page and listens to the visitor and tries to determine if they are interacting with the page or simply reading it. May not be entirely applicable to mobile devices as it listens for mouse movement.
SimTip is A simple CSS tooltip made with Sass
First of all let's talk about position. You can have a tooltip in different directions ( top , left , bottom , right ). Secondly as you know color is an important factor. You can also have a Tooltip in different color such as success , info , warning and danger. (more…)
MagnifierJS enables the magnifying glass effect on images
Features
- Zoom in / out functionality using mouse wheel
- Magnified image can be displayed in the lens itself or outside of it in a wrapper
- Attachment of user defined functions for thumbnail entering, moving and leaving and image zooming events (more…)
A themeable progress bar library for everything
ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. You can design your own template for progress bars or simply customize them.You can use ProgressJs to show the progress of loading contents (images, videos, etc.) on the page to the users. (more…)
A collection of CSS3 powered hover effects for links, buttons, logos, SVG and images
Hover.css can be used in a number of ways; either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you'd like it applied to.
Javascript Key Event Test Script
Type keys in the text area below to see the Javascript events triggered and the values returned. Notes on test results from the page are athttp://unixpapa.com/js/key.html. (more…)
JS drag and drop and resizing and multi-touch gestures with inertia and snapping
JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)http://interactjs.io/ (more…)
PhotoSwipe JavaScript gallery without dependencies for mobile devices
All basic gestures are supported by PhotoSwipe: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom. (more…)
Creative Loading Effects
Nowadays, many different page loading animations are used in websites; just think of the subtle red loading bar seen on YouTube. When loading something on a page, be it images or the next content, we don’t have to be restricted to a tiny loading indicator but we can get creative and big. (more…)
MprogressJS creates progress linear bar from Google Material Design
By using CSS3 and pure js which don't depend on any other libraries. You can use 4 types of linear bar. (more…)
An unfolding 3D transition concept for image slideshows
The idea is to reveal thumbnails using a neat effect: the current image will be “opened” in the middle and the thumbnails view will unfold in 3D. (more…)
Subtle Mouse Click Feedback Effects
Recently, many cool interaction effects have been created that follow Google Material Design principles somehow. One of the great little effects seen around is the ripple click effect, also called click waves. (more…)