Archive for the ‘XHTML & CSS’ Category

CSS Generator Framework

CSS Generator Framework is a tool that can save us much time, because with just putting the html of the site automatically generates a list of CSS for use with the class ID’s. This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure – each selector and all of [...]

Read the rest of this entry »

Minify – Combine & Compress CSS or Javascript Files

Minify is a PHP5 app that can combine multiple CSS or Javascript files, compress their contents (i.e. removal of unnecessary whitespace/comments), and serve the results with HTTP encoding (gzip/deflate) and headers that allow optimal client-side caching. Yahoo’s Combo Handler and Google’s AJAX Libraries API both serve content from their heavy-duty CDNs and potentially increase the [...]

Read the rest of this entry »

Sigma Grid – Ajax Editable Data Grid

Sigma Grid is written in pure javascript, which is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Sigma grid appearance is controled via a stand-alone CSS(style sheet). Developer can change grid skin by defining themes in different CSS files. It supports online printing, to make it easy [...]

Read the rest of this entry »

MenuMatic – A Dynamic Drop Down Menu System

MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system (horizontal or vertical), with enhanced usability and flair. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns. Visit [...]

Read the rest of this entry »

Tick Tock – A CSS & JS Clock

CSS & JS Clock – created using a combination of CSS and Javascript. The Javascript gets the user’s local time and updates the CSS <div> tags with the appropriate hour and minute classes. Clock is broken down into 3 layers. Hour/Min/Sec arms are created using transparent PNG files and layered on top of each other [...]

Read the rest of this entry »

CSSG Collections – Web Forms

5 uniquely designed and coded web form styles. Get these free contact form styles for your use. Nice and clean layouts using CSS. FIELDSET and LEGEND elements have been used for coding these beautiful forms. Forms Demo Download the Form Bundle

Read the rest of this entry »

10 CSS Tricks You Must Know – Useful for Designers and Developers

1- CSS font shorthand rule When styling fonts with CSS you may be doing this: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; There’s no need though as you can use this CSS shorthand property: font: 1em/1.5em bold italic small-caps verdana,serif Much better! Just a couple of words of warning: This [...]

Read the rest of this entry »

typeface.js – Use Any Font Via JavaScript

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. As the fonts that can be used in websites are limited, there are several solutions [...]

Read the rest of this entry »

Ajax Star Rating With PHP and MySQL

The perfect solution if you want to have a rating script on your page! It uses MySQL as the database & the interface can be styled via CSS. It has different nice variations to choose from, you can rate using radio buttons but you will get stars as a result. Explore Website Demo can be [...]

Read the rest of this entry »

Starbox Pretty Rating Stars System for Prototype

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on [...]

Read the rest of this entry »