Today we have a collection of free jQuery tab plugins for your web design project.Tab plugins are really useful to present your content in a very small amount space in your website.It can used ither in posts or at the sidebars to show your recent posts, popular posts or whatever you want. Here is the list of very easy to implement and use jQuery Tab plugins for developers. Tabslet A jQuery plugin for tabs.It’s lightweight…
Drop is a JavaScript and CSS library for creating dropdowns and other popups attached to elements on the page. Drop uses Tether.js to efficiently position its elements. Features Because Drop is built on Tether, you get all of the benefits of its efficient and powerful positioning. Drops automatically reposition on page resizes and scrolls, reorienting to stay in view. Drop uses GPU accelerated positioning to maintain 60fps scrolling, even with dozens or hundreds of drops…
This is a handy snippet to let users customize a product directly from the products gallery, and add it to the cart.It’s beeb developed by Codyhouse. By showing customers a “quick add to cart” panel while they interact with a product preview, we can reduce the number of steps that separate a user from purchasing an item, and, potentially, increase our conversion rate. So this is what it does.As you see in the demo,you can…
Have you ever wanted a drag and drop library that just works? That doesn’t just depend on bloated frameworks, that has great support? That actually understands where to place the elements when they are dropped? That doesn’t need you to do a zillion things to get it to work? Dragula handles dragging items very elegantly, includes smoothly applied events and has nice little touches such as quick deletion and ‘click firing’ when the button is…
This is a perfect tutorial by Codyhouse.It’an animated page transition effect with a slide-in content animation triggered by a side tabbed navigation.Basically hover effect turns into a loading bar, that finally expands with new content. When a user clicks one of the item in the side navigation, the triggerAnimation() function is executed. This function triggers the loading bar animation (loadingBarAnimation() function) and loads the new content (loadNewContent() function).
jQuery fontIconPicker is a small (3.22KB gzipped) jQuery plugin which allows you to include an elegant icon picker with categories, search and pagination inside your administration forms. The list of icons can be loaded manually using a SELECT field, an Array or Object of icons or directly from a Fontello config.json or IcoMoon selection.json file. Go to the official plugin page for examples and documentation. jQuery iconPicker has been successfully tested on: Firefox (edge), Safari…
Animated Sign Up Flow is a pricing table that animates into a sign up form once the user selects a plan. In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to animate the pricing table, and show the checkout form right away, in the same page. So here is a tutorial of animated sign up flow using Velocity.js …
This is a mini-library of experimental page scroll effects. fancy effects that take place while the user is surfing through the sections of a web page. Some of the effects are quite extreme, but they can prove very useful if your goal is to create an immersive user experience. All animations have been created using Velocity.js. Please note that these effects are not visible on small devices, where the user can simply scroll through the…
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. Basically add a tilt effect to an image by subtly moving copies of layers of semi-transparent divisions with the respective background-image. This technique uses some CSS properties that only work in modern browsers (i.e. 3D Transforms). The effect only works on hover which means that…
Yes, i know this is not something fresh but i just want to share for whom did not not see it yet.It’s called Tearable Cloth – a Javascript cloth simulation.It’s been created by dissimulate Tearable Cloth Tear the cloth with your mouse Right click and drag to cut the cloth Reduce physics_accuracy if it’s laggy See the Pen Tearable Cloth by dissimulate (@dissimulate) on CodePen.