I came across this article from the folks at Filament Group last week and have been considering it as an augmentation of my progressive enhancement approach to front-end development.
The idea is that you use JavaScript to manipulate the DOM to test for correct implementation of some advanced CSS stuff (box model, positioning, floats, overflow). If […]
The peeps at Nclud came up with a revision to the clearfix method of clearing floats.
.clear {
display:inline-block; /* or anything that triggers hasLayout in IE */
}
.clear:after {
clear:both;
display:block;
content: “.”;
height:0;
visibility:hidden;
}
Valid CSS 2.1 and a bit cleaner than the current clearfix method.
I’m off to SxSW on Friday. I went last year and it lived up to all the hype and is hands down the best conference I have ever attended. Rife with folks who love the web and are passionate to make it the best it can be. It’ll be great to catch up with friends […]
Do you have CSS that is only used when you have JS enabled? Are you trying to avoid some flickering of pre-JS-ified content? Then put that CSS in its own JavaScript-specific CSS file and write it to your HTML via one of two options.
Good ol’ document.write()
<script type="text/javascript">
//<![CDATA[
document.write(’<link rel="stylesheet" href="js.css" type="text/css" />’);
//]]>
</script>
Slick new DOM:
<script type="text/javascript">
//<![CDATA[
var lnk […]
On a recent project, I came across an interesting bit of behavior from Windows Internet Explorer 6 that I wasn’t expecting. I created the following CSS rule:
input.text,
input[type=”text”] {
border: 1px solid #555; color: #555;
}
I initially created this rule to pass browsers who understand attribute selectors the CSS while at the same time […]
How does the CSS Framework behave when using ‘overflow’ instead of clear to clear the floats?
Each post now has an eclosure for the thumbnail.
O’Reilly has just released O’Reilly Connection, a web application that connects people in the technology world. Useful for those who are looking for work or people. Check it out, sign up, and connect to me.
