In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. This element holds a collection of li items that represent your recent works. The visible class is only added if the thumbnail is to be shown. Only three thumbnails will be visible at a time. The href attribute of the hyperlink can point to the website in question, or a larger version of the image if you plan to use a lightbox together with this example.
jQuery dice plugin Very simple plugin which allows to display a dice, click on it and retrieve a random number (between 1 and 6, of course.) The dice glyphs can be replaced. This plugin has been designed to allow custom dice glyphs.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.A big ol’ goody bag filled with CSS animations for WebKit, Firefox and beyond.
To use animate.css in your website, simply drop the stylesheet into your document’s
<head>, and add the class
animated to an element, along with any of the animation names. That’s it! You’ve got a CSS animated element. Super!
You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules.
A jQuery plugin to make field masks.Features :
- String/Numeric/Alpha/Mixed masks.
- Reverse Mask.
- Data type validation.
- Automatic maxlength.
- Live event’s for ajax/realtime apps.
- On-the-fly mask change.
Easy Background gives a dynamic feel to your site. It automatically loads and displays images to the background of your project, switching them with smooth transitions. If you have a html site and you want to give it a better look to it, this is a good item to do so, it is also extremely easy to install and setup!
- Mobile support
- 4 Sizing Methods
- Auto Resize according to windows size
- Auto Resize on window resize
- Smooth Transitions
- Ajax progressive load
- Control Functions
Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery.
- Type in any cell and see how the grid adds new rows and cols automatically.
- The legend feature, which makes the first row uneditable and have an green font
- You can define rules for autocompletition.
- You can drag it (drag-down) to repeat the values from the cell.
- Right click to see the context menu.
- Use the onChange callback to track changes made in the table.
- There is also the NEW onBeforeChange callback, which can be used to validate changes before they are applied to the table.
When playing the Galaxy Tab I love the fanciness of its Android’s dock. The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style. In this tutorial we’re going to create them using jQuery and CSS3.
I whipped up a little Bacon Ipsum jQuery plugin that uses our API to generate some meaty goodness. When you’re mocking up a design, now you can use this plugin in your HTML rather than static text.