Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your own slider. If you are not the programmer or you just don’t want to re-invent the wheel, RSlider is for you. Its a full screen responsive image and content slider powered by the fantastic javascript library jQuery. With a nice and simple design it adjusted automatically to the width of your browser screen.
Treesaver.js : Creating magazine-style layouts with JavaScript
Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and design, no JavaScript programming is required.
Key features and aspects:
- Fast and compact: The JavaScript is under 25K gzipped (important for mobile).
- Highly compatible: Works with most modern browsers, and degrades gracefully for older browsers (or those with JavaScript disabled).
jQuery Tagit Plugin
The jQuery Tagit Plugin transforms an html unordered list into a unique tagging plugin.
Features:
- Convenient way for users to enter a list of items
- Fully integrated with jQuery ui auto complete
- Automatically adds current input as tag if input loses focus
- Easy to use public methods
- Easy to theme (single css file)
- Customizable trigger keys
- Backspace on empty input deletes previous tag
- Ability to provide initial tags on creation though options
- Ability to provide initial tags on creation via list items
- Option to toggle usage of a hidden select so the tags can be sent using a normal form!
- Ability to re-arrange tags by drag and drop!
- Optional ThemeRoller compatibility!
- Fully HTML5 Data-attributes compliant!
jQuery Mobile Datebox
DateBox is a jQuery-mobile based date and time picker.Four display mode Standard, click-outside-to-close popup mode, Forced input modal popup mode, Unique page dialog mode, Inline mode.
Features:
- Android style date picker
- Calendar style date picker
- Slide style date picker
- Flip Wheel style date or time picker
- 12 and 24 hour time picker
- Duration time picker
jQuery Notification Bar
In this tutorial we will create a neat and simple notification bar which allows you to integrate the notifications on your website. It can be used to create alert, success, error, warning, confirmation messages as an alternative to the standard alert dialog or to notify the visitors about the latest updates etc.
Once the page is loaded, our notification bar will slide down automatically. When we click the close button in the bar, it should slide up and a button should appear to show the bar again.
uSquare – Universal responsive grid html5/jquery
uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind. In our live preview we have included 3 modifications of the original file in order for you to see how uSquare can serve your purpose.
While we developed uSquare responsive grid plugin we carefully thought about its responsive layout. We wanted to make sure that all elements are visible and accessible with all resolutions for responsive layout.
jQuery.html5form : Form Validation & Ajax Submission Plugin
HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6.
Just create your form according the HTML5 syntax and the script will execute itself.It does not require extra classes. The plugin gets all the information from the HTML source.Runs automatically when detects Internet Explorer, Opera or Mozilla Firefox.The form sends through an asynchronous Ajax request by default.The plugin automatically gets method and action attributes declared on the form.
jQuery.msgBox : Smarter Displaying messages Plugin
jQuery.msgBox is a plug-in to make smarter displaying messages. Also usage of the plug-in is so easy. You just need to add following files to your page as shown below and the images named ‘alert.png’, ‘confirm.png’, ‘error.png’, ‘info.png’, ‘msgBoxBackGround.png’ used by plug-in to ‘Images’ folder in the root directory. That’s all!!!
3D CSS3 Book Generator with jQuery
Today we made up my mind to develop something really interesting and useful for you. A new jQuery plugin – as a generator of books. The main idea is to display user friendly book basing on raw text (with images). The book consists of pages, each page consists of 2 sides (as in a usual book), there are buttons Back-Next at the sides of pages to navigate through the pages, and when we turn the pages we see that the pages are turned in 3D (powered by CSS3). In order to achieve this 3D effect we use CSS3 transform (rotate3d, preserve-3d and rotateY) and transition effects.