Submit your widget

Border animation effect with css3

11 months ago   Views 12273   downloads 2620   Image Effects

we’d like to explore a very subtle, but interesting border animation effect that can be seen on the creative website of Carl Philipe Brenner. When you hover over one of the white portfolio…


CSS and jQuery Tooltips Hover effect

11 months ago   Views 14928   downloads 2565   Menu & Navigation

Here is another social media buttons, you can add them to you next project, we are only using social media button as an example, you can pretty much use them for any purposes.  From the…


awesome CSS3 hover effect

11 months ago   Views 11974   downloads 2511   Menu & Navigation

we'll show you new CSS hover effects using CSS transition properties with websymbols. It looks so much more interesting with creative design using circles transition style. We like CSS3 hover…


Super cool jQuery and CSS3 slider effect

11 months ago   Views 20178   downloads 3156   Slideshow & Scroller

This is a simple slider that does what a simple slider has to do: slide slides! Include jQuery, simpleSlider.js, touchSwipe.js (optional if you want touch support) and transit.js in yourhead. The slider…


Image erasable effect with jQuery

about a year ago   Views 13255   downloads 1103   Image Effects

This is a jQuery plugin that makes an image erasable (with mouse or touch movements) This plugin replaces the targeted image by an interactive canvas that can be erased using touch or mouse inputs. You…


support mobile devices Liquid Slider effect

about a year ago   Views 28627   downloads 4882   Slideshow & Scroller

The last responsive content slider you'll ever need Advanced CSS3 transitions Unfortunately, traditional animations are not always as smooth as you'd want them to be, specifically on some mobile…


resizing menu bar with jQuery

about a year ago   Views 16582   downloads 2146   Menu & Navigation

we'll started featuring a dynamic and animated menu that resizes on scroll down. Minimizing the main navigation to allow more space for the content. In this tutorial, I’ll explain how you can…


Like "Design Samsung" site grid loading effect

about a year ago   Views 13594   downloads 1642   Layout & Interface

This tutorial wil tell you how to achieve the grid loading effect seen on the "Design Samsung" site. The effect will show a colored element sliding in first and then sliding out again,…


navigation scroll effect with jQuery

about a year ago   Views 16084   downloads 1998   Menu & Navigation

This is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.we called ScrollNaviJs. 1)Include…


Simple Image Slideshow efftct with jQuery

about a year ago   Views 19538   downloads 3248   Slideshow & Scroller

This is a nice photo goes a long way towards making a design stand out. But we at Tutorialzine realized that sometimes a single picture is not enough and what you really need is a smooth slideshow…


Hide the submit button by default and only show it if user enters the correct email address

about a year ago   Views 9406   downloads 1426   Form

Subtle, minimalist and intuitive UI is what I like most about web design, having the visual part of it in mind. The design is in details. Refine each of them in the context of user experience…


Useful jQuery Flip-Quote effect

about a year ago   Views 6571   downloads 897   Layout & Interface

 we called it jQuery Flip-Quote.This is a pull-quote from a text quote found in the document that flipsonce it's scrolled into view.  It also has a click feature that…


Awesome jQuery timeline Plugin effect

about a year ago   Views 22117   downloads 2979   Layout & Interface

jquery.jqtimeline is a simple, lightweight and elegent timeline plugin for jQuery to show a set of important events on a timeline. Data input is a simple json arrary of timeline events. This…


very nice and useful gradient(color) selector with jQuery

about a year ago   Views 12438   downloads 1992   Color Picker

JQUERY GRADIENT SELECTOR The most basic example is given below : <html> <head> <title>gradx example</title> <script src="lib/js/jquery.js"></script> <script…


hexaflip - very cool javascript flexible 3d cube plugin

about a year ago   Views 29534   downloads 4364   Slideshow & Scroller

HexaFlip is a JavaScript UI plugin that let's you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins. Please…