XHTML & CSS

398 articles

Fixed Website Footer without JavaScript

This footer behaviour is not a new idea; I’ve seen it on a few sites over the years, the most well known probably being version 7 of Shaun Inman’s site. Take a look at the ‘Work’ page with JavaScript enabled, then disabled to see the effect in action. I suspect that this behaviour, which can look great in the right…

Superfish – jQuery Menu Plugin by Joel Birch

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu. The menu has different orientation and style like you can have horizontal menu, vertica menul, tab based navigation and dropdown structure. Some Highlights: Timed delay on mouseout Animation of sub-menu reveal Keyboard accessibility Supports the hoverIntent plugin Indicates the presence of sub-menus Drop shadows…

Crossfader – Javascript / CSS to fade between elements

Javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect. The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in milliseconds), and the delay between fades (also in milliseconds). Crossfader Demo…

Free CSS Drop-Down Menu Framework

This Free CSS Drop-Down Menu Framework is modular, with themes. Not only that the HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Features: Module and Thematic approach Well Structured CSS Well Organized Code and files Easily Transformable to Horizontal, Vertical Creating a new theme is easy with the available templates and takes…

Date Range Picker using jQuery UI 1.6 and jQuery UI CSS Framework

This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges. Features and Updates: Uses jQuery UI 1.6rc4: The range picker now uses the latest version of jQuery UI's datepicker, and allows passing of native datepicker options. Date.js Integration: We've integrated the fantastic date.js library to allow for easy preset development. Optional Range Advancing…

deploy*: Easily Create Your Web Project Framework

deploy* is an open source web application that enables you to create your web project framework with ease. It lets you to choose the: XHTML document type CSS file (blank or with resets) jQuery to be included or not. If yes, ask for some popular plugins major directories like images, includes to be added Once the link that creates to…

jQuery Accordion Widget with CSS Sprites

There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget. Demo Download

SenCSs: A CSS Framework For All But Not The Layout

SenCSs is a CSS framework that doesn’t provide a layout system but aims to take care of the rest, like: fonts & font-sizes paddings margins colors, tables & lists headers, blockquotes and what more.. SenCSs has support for forms which helps presenting them nicely (better form support is on the way). There are also styles for elements like errors, warnings…