J Muller's Library tagged css →  View Popular

While giving your site some personal touch, you might wish to have hover-over-popups (or "Tooltips") that describe a link or any other HTML element.

While there is a standard way to do that (<a title="Hit this!">a link</a>), you might want to

* make the popups come up directly without delaying 2 seconds or so because the user wants to know what is behind that link immediately
* style those popups your own way (this is mine), not that peculiar yellow the browsers use for that... and you want to do it the CSS way.

I spent some time on this and invite you to "steal" the code.

www.nicolashoening.de/?twocents&nr=8 - Preview

css hover effects custom

In this tutorial you will get a look at the inner workings of Blueprint and we'll take a look at demo application that uses Blueprint to get a better idea of how to use actually use the framework.

net.tutsplus.com/...at-the-blueprint-css-framework - Preview

framework css webDesign blueprint

top of page has an example of a browser specific css for rounded corners/curves.
Also an intro to using a buttons plugin in the blueprint framework.
#features h3 a{
height: 66px;
font-size: 210%;
padding: 11px 15px 3px 105px;
-webkit-border-top-left-radius:30px;
-webkit-border-bottom-right-radius:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
}

particletree.com/...discovering-the-button-element - Preview

css rounded corners firefox buttons blueprint framework tutorial

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

What does Blueprint have to offer?

* A CSS reset that eliminates the discrepancies across browsers.
* A solid grid that can support the most complex of layouts.
* Typography based on expert principles that predate the web.
* Form styles for great looking user interfaces.
* Print styles for making any webpage ready for paper.
* Plugins for buttons, tabs and sprites.
* Tools, editors, and templates for every step in your workflow.

www.blueprintcss.org - Preview

css framework webDesign blueprint html development

www.sitepoint.com/...owspans-colspans-in-css-tables - Preview

CSS Tables rowspans colspans

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

www.quirksmode.org/...condcom.html - Preview

css ie HTML hacks webdesign browser web conditional

CSS: Full property table

www.w3.org/propidx.html - Preview

css reference w3schools

<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]-->

virtuelvis.com/...css-ie-only - Preview

css html webdesign ie hack conditional

www.wellstyled.com/...index-en.html - Preview

color css design generator scheme tools web webdesign