Beat your HTML layouts into submission with jQBoxModel Plugin

Posted July 3rd, 2011 in html/css, jQuery, plugin by Kalim Fleet

The jQBoxModel plugin is a plugin for jQuery that allows you to quickly prototype complex layouts. This plugin was developed to streamline the page layout process by using % widths to have your main content width take up a percentage of the

jQuery Notifications Plugin

Posted February 18th, 2011 in jQuery, xml by Kalim Fleet
article thumbnail

One thing I envy about more advanced programming languages is their heavy use of XML to set the properties of controls. This demo is my attempt to use jQuery’s XML processing capabilities to mimic similar behavior. In particular, this demo will display notifications of various types with some robust customization options all within a nicely [...]

jQuery UI Based Colorpicker

Posted July 16th, 2010 in jQuery, webapp by Kalim Fleet
article thumbnail

Here i have created a colorpicker web application that is based on the colorpicker hosted on jQuery UI’s website. To make it more useful to web designers I have added another slider to represent transparency. Additionally, the return values are now printed on the page as the sliders are moved left or right so they can be copied and pasted into your CSS file.

ieCSS – a jQuery plug-in to help modernize Internet Explorer

Posted June 3rd, 2010 in jQuery, plugin by Kalim Fleet
article thumbnail

CSS 2.1 introduced advanced selectors with basic expressions that allow you to more easily target elements in the DOM for styling without creating extra classes in your HTML markup. Modern browser all offer support for this but IE only offers partial support in version 8. Here is a jquery plug-in to help earlier versions of Internet Explorer use these techniques.

Super small CSS tooltip works in all modern browsers

Posted May 14th, 2010 in html/css, jQuery by Kalim Fleet
article thumbnail

Sometimes there is not enough space to present all the information you need on a web site. Here I present a very simple tool-tip solution. In the example presented in the demo, the tool-tip will appear if you hover over a link (in this case the link is an abbreviation). The link needed further information but presenting it on the web page would have interrupted the flow of the other list items so the solution is to display the additional information in a tool tip.

Page 1 of 3123