Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!


Click here to return to the '10.4: Improve the layout of RSS feeds in Safari' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
10.4: Improve the layout of RSS feeds in Safari
Authored by: krove on Jun 01, '05 12:12:30PM

You ought to also contact the sites of interest and ask that they use semantic HTML where

<blockquote></blockquote>
is actually used for a blocked-off quotation.

In this day and age of modern browsers with CSS support, there is no reason that any other tag be used to surround such text on a web page!

Of course, the semantic web is still a pipe dream because so many sites (and companies that run them) are still throwbacks to the 90s. Ugh...



[ Reply to This | # ]
Efficient CSS with grouping and shorthand
Authored by: danielmark on Jun 01, '05 01:09:53PM

If all of the declarations are identical, you can group the selectors using the comma operator. Also, you could try shorthand declarations, remembering the clockwise spatial order: top right bottom left (or TRBL, "terrible" mnemonic). Note the even lazier padding declaration, which takes advantage of the "repetition" effect; that is, if opposite sides are the same (top and bottom, left and right), you can omit the second width.

Cleaner, more efficient code results. One of the hallmarks of web standards, even. For example:

.articlebody div.blockquote, 
.articlebody blockquote, 
.articlebody dd {
    margin: 0.5em 0 0.5em 3em;
    padding: 0.25em 1em;
    background-color: #EEE;
}



[ Reply to This | # ]