HTML/CSS Examples
Ready made markup examples of often used user-interface elements.
Comments on this Article
ClassBehaviours, the javascript framework based on class-name parsing
"ClassBehaviours" is a framework for simple scripted DHTML behaviours which are easily applied through the class-names in an HTML document.
"ClassBehaviours" will scan every html-element in the page for certain keywords in the classnames and apply scripted behaviour accordingly.
"ClassBehaviours" are formatted as jQuery plugins and can be implemented without writing a single line of code..
"ClassBehaviours" is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
Name |
jQuery Plugin |
Description |
Updated |
|---|---|---|---|
| Typical Markup for an Article | - |
This example offers the typical markup of an article in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for FAQ List | - |
This example offers the typical markup of an FAQ list in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for a Form | - |
This example offers the typical markup of a form in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for Tabular Data | - |
This example offers the typical markup of a form in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for a Poll | - |
This example offers the typical markup of a form in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for Summaries | - |
This example offers the typical markup of a related article in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for a Search Function | - |
This example offers the typical markup of a search function in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for a Site-map | - |
This example offers the typical markup of a site-map in HTML 5. |
2009-07-30 17:43 |
| Typical Markup for a Layout with Multiple Columns | - |
This example offers the typical markup of a related article in HTML 5. |
2010-03-05 09:47 |
| Scalable Border around Content | - |
When borders are designed around images, usually background images have to be made for all concievable sizes. This stylesheet trick allows for borders that scale gracefully with their content. |
2009-01-29 15:40 |
| Graphical Buttons That Scale | - |
Buttons are often designed to have a skin to match a website's style. It is quite hard however to get the image background of a button to grow with the text on the button. These two examples offer a solution. |
2008-06-04 23:16 |
| Footer at Bottom | - |
The footer belongs under the document, but when the content doesn't fill the screen the footer tends to float in the middle of the page. This example solves this problem. |
2008-05-30 08:00 |