Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography.
How Does This Work? The display property allows you to specify a range of table-related values in order to make elements display as though they were table elements. The available display values are: * table makes the element behave like a table element * table-row makes the element behave like a table row (tr) element * table-cell makes the element behave like a table cell (td) element * table-row-group makes the element behave like a table body row group (tbody) element * table-header-group makes the element behave like a table header row group (thead) element * table-footer-group makes the element behave like a table footer row group (tfoot) element * table-caption makes the element behave like a table caption element * table-column makes the element behave like a table column (col) element * table-column-group makes the element behave like a table column group (colgroup) element
Grab the stripes image to the right and slowly drag it over the other stripes layer below it...
CSS is <del>ten</del> <ins>eleven</ins> years old this year
I’ve collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser.
Only standard <p> tags have been used.
stack your classes: no one EVER uses this trick; you can apply as many css classes to a single tag as you want, just put spaces between the names,
I love when CSS is used to make fonts less legible.
It's like the w3schools site, in one page.
It’s interesting because I’ve thought of myself as a CSS expert for a while now (I’ll challenge anyone to a competition, seriously) but I still keep learning and improving.
This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden input control.
I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page).
"Many methods exist to structure your CSS. This article tries to describe the method I use."
In turning this part of the design into something flexible on the website I saw two options; clever CSS, or ‘Lots of Images’. I decided that ‘Lots of Images’ was a bad idea.
This article covers a PHP-based technique for automatically resizing—and more importantly, positioning—between two and eight images in what I call a magazine-style layout.
A CSS Solution to ad blocking
This is a method of animation that requires some interaction with your visitors, making a visit to your web site a more enjoyable experience for them, and maybe tempting them to come back for more.
Quick access to all 95 CSS 2.1 properties
Firefox + Web Developer Extension = Live CSS Editing if that makes sense to you, you probably don’t need to read on any further, except perhaps the “caveats” section.
What's better, telling you that the thing over there is a firetruck and you knowing that it's red, or me telling you there's a big red truck over there and you asking me if it's a firetruck
This is a piece of San Francisco healing around now-gone railroad tracks. (I like the Date/Month/Year sector, too)
Now for the FIRST css animation on the web. Just place your mouse on the left of the blue door and scan it quickly to the green door. The quicker the scan the better ;o) Remember...you saw it here first! (DS - As if that matters)
scroll! auto! default is visible.
now i'm actually doing stuff for work...
i hope to be bored at work soon
lordy dork out sonata #2