CSS List Boxes

No Comments


Using a simple unordered list this experiment aligns the boxes across the page with the end result being to showcase items like services, products, or specials. One of cool thing about this — if you turn off styles — is the extractable semantics with the headings and paragraphs used.


Link:
http://mikecherim.com/experiments/…

Big list of CSS Menus

No Comments

Build a better table

No Comments


This article is about the proper usage of tables, for tabular data. How you can implement them with accessibility in mind and how to make them appealing for the eye using CSS.


Results are pretty good looking. Amazing how a little style can make something look so much more professional.

Link:
http://veerle.duoh.com/…/a_css_styled_table_version_2/

Selectoracle tells you what that a CSS selector means

No Comments


Ever wondered what a particularly complex CSS selector really means? Here’s your chance to find out! Simply enter one or more semi-colon separated selectors or rulesets into the following “Direct Input” area, or provide the URL of a stylesheet in the “URL Input” area. Best of all, the SelectORacle will flag potential errors and other problems, and it won’t choke on any actual rules. You’ve always wanted to know what makes those line-noise posers tick– now you can.


For instance if you have:

  • body > ol > li p;

SelectORacle tells you it means:

  • Selects any p element that is a descendant of a li element that is a child of an ol element that is a child of a body element.

Pretty handy tool to better comprehend someone else’s CSS.

Link:
http://gallery.theopalgroup.com/selectoracle/

25 Rounded Corners Techniques with CSS

No Comments


25 Rounded Corners Techniques with CSS: “Rounded corners is one of the most popular and frequently requested CSS techniques even the father of internet Google also launch the rounded corners style markup with her Google Adsense and let users to custom their ads recently. Actually, there are a lot of methods and techniques to create rounded corners with Cascading Stylesheets. Some are quite simple just need pure CSS, and a part of them need 2 to 4 background corner images and Javascript.”

Link:
http://cssjuice.com/25-rounded-corners-techniques-with-css/

Vertical Bar Graphs with CSS and PHP

No Comments

Ahhh PHP and CSS:
http://www.terrill.ca/design/vertical_bar_graphs/

Iconize Textlinks with CSS

No Comments

There was another blog post about how to Iconize Textlinks with CSS and I forgot to mention it. Glad I did as this tutorial is much more complete and even supplies the icons for you.

Link:
http://www.pooliestudios.com/projects/iconize/

Easy CSS Menus – Lose that bloated Javascript navigation

No Comments

Stop using Flash or Javascript for navagation when a CSS menu will do the same thing.

Why?

Because Flash is being blocked by alot of Firefox users using a very popular extension called FlashBlock. Don’t have this extension yet, get it.

And Javascript, don’t even get me started on this one. Not only is Javascript not supported on every browser or allowed under certain security settings, but its often buggy and riddled with errors.

Center a page with CSS and NO tables

No Comments

Just a quick example of how to use CSS to center a webpage without the need for tables.

Now, wasn’t that easy…

Newer Entries