Nowadays, pure CSS3 menus still very popular. Mostly – this is UL-LI based menus. Today we will continue making nice menus for you. This will nice dropdown menu (looks like menu at http://www.microsoft.com/) with onclicking (instead onhover).
jQuery charToTable plugin
I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?
The idea evolved and I started to write a new jQuery plugin, charToTable.
I really don’t know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.
jQuery Browser PINPAD
Browser based pin pad that protects the page from access until the correct code is put in. Uses jquery, colorbox, grumble to achieve all the effects.
When the page is loaded it is covered up by a pinpad. Putting in the right pin will reveal the page contents and set a cookie allowing access to that page for 30 seconds (Obviously this can be changed). Also, it will relock the page and require the pin number every 30 seconds (This too can be changed )
JCRUD – Create, Read, Update and Delete Rows with jQuery
jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.
- Insert, update and delete rows in HTML table
- ASP.NET server side + AJAX
- Pagination
- Sorting
- Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)
Portamento: floated layout jQuery plugin
Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!
It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.
Create Multiple pop up divs using the jquery
In this tutorial we are going to create a simple profile overview page containing 4 profile images and names. When we hover over the image or name a more detailed profile will appear. This div is positioned before the image and name link in the code and is initially hidden. When we hover over the image, a jQuery event will occur which will change the display declaration from hidden to block, making the div appear. This is when we make use of the prev() method.
ShineTime – A New jQuery & CSS3 Gallery With Animated Shine Effects
I’d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.