Simply place some text in the title attribute and give the image class=”captionme” and you will get lovely “wrap-around” captions which compliment your inline images. Simply play around with the css and caption background image to customise as you wish. Those with javascript turned off simply see the image as normal, sans-caption.
niceTree – jQuery Tree Plugin
Get rid of that ugly tree menu on your site with niceTree. An easy to install JQuery plugin with more options than you’ll ever need. niceTree will take your HTML and turn it into a collapsible menu system with unlimited menus within menus.
Features:
- COLORS – Choose from blue, orange, red, green, gray, or create your own with our easy-to-understand CSS file.
- CROSS BROWSER – Works great with all the major browsers like Chrome, Safari, Firefox, Opera, IE 9 , IE 8, and even IE 7 .
- AJAX CONTENT – It’s simple to setup loading the menu items via ajax into a content ID on your page.
- COLLAPSE /EXPAND – You can create expand/collapse all links with ease.
- COOKIES – Choose to enable cookies on the menu and the user’s state of which menus were open and closed will be saved.
- EASY HTML – The HTML is easy to setup. All it takes is a few classes and IDs to do things like open a menu on page load. Only tags like ul, li, a are required.
- MULTIPLE TREE SUPPORT – You can use multiple trees in a single page.
- ANIMATIONS – Multiple animations can be used like slide, bounce, clip, drop, and more.
Hallo.js : In-Place Rich editor for jQuery UI
Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.
The widget has been written as a simple and liberally licensed editor. It doesn’t aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.The Hallo editor operates as a jQuery UI plugin and has been written in CoffeeScript for the sake of simplicity. CoffeeScript is a beautiful little language that compiles into JavaScript.
Php & jQuery image upload and crop
We needed a PHP and jQuery image upload and crop tool and came up with the following.
Before you start, ensure you have the following:
- PHP 4 or Higher (It has been tested on Version 5)
- Safe mode must be off! – A number of users have reported issues when safe mode is on.
- PHP GD Library
- jQuery ver 1.2.3 or Higher
- Image Area Select plugin by Michal Wojciechowski
Build a parallax scrolling website interface with jQuery and CSS
Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS. Parallax scrolling is a 2d animation process that creates an illusion of depth by animating foreground layers faster than background layers. When you observe the landscape from a moving car, objects closer to the car appear to pass you faster than scenery further away. Parallax scrolling uses the same principle to trick the viewer into thinking they are observing a 3d scene.
Sidetap : Quickly build mobile web interfaces with jQuery
Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.We built Sidetap to be an easy-to-use implementation of the side navigation pattern popularized by apps like Sparrow and Facebook. It solves many common mobile development problems right out of the box. Here are some of the specific things we like about it:
- Lightweight: Sidetap only weighs 2k when minifyied and gzipped!
- Device Support: Sidetap aims to always deliver the best possible experience for all devices by starting with a basic experience and progressively enhancing it for more capable devices.
- Less Decisions to Make: By embracing convention over configuration, Sidetap let’s you start building your mobile interfaces right away.
- Simple: Sidetap provides a flexible foundation for navigating between content panels on mobile devices using an easy-to-use syntax.
Make your images interactive, Tag Your Images with jQuery
Tagyourimages is a plugin for jQuery that lets you to make interactive your images.Now you can insert text and links on your images!.Through the tagTool you can tag your images in the simplest way possible.
jq.carousel : Simple and customizable jQuery Carousel
“jq.carousel” is a jQuery plugin you can implement a simple carousel and Customizable.Because they are designed to be flexible in various situations, can also be embedded in a responsive site for example.Because the default implementations of the indicator are here to inform the user, also perfectly navigation. Because the style indicator in the CSS, you can look you like.You can use an event that has been prepared in advance, the timing of any processing.
Simple jQuery Drop Down Menu Tutorial
This tutorial will be more useful for those with knowledge of the basics of jQuery and CSS. The tutorial doesn’t require that much expertise in coding but at least should have basics know-how so that you don’t comment calling it an alien coding lol. Here’s a quick screenshot of our final menu. This tutorial will be more useful for those with knowledge of the basics of jQuery and CSS. The tutorial doesn’t require that much expertise in coding but at least should have basics know-how so that you don’t comment calling it an alien coding lol. Here’s a quick screenshot of our final menu.