I’m currently working ‘buddycloud’, a federated social network. This is a proposal for a visual folding-effect for hidden comments. The plugin takes a dom element, slices it into parts and arranges them like a folded paper in 3d space. Paperfold CSS — Fold divs like paper →
Tag Archives: css
What’s the Deal With display: inline-block?
We’ve been using floats for layout pretty much since we left tables behind. It’s a quirky solution that can often cause troubles, but if you know what you’re doing, it works. One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to …
Continue reading “What’s the Deal With display: inline-block?”
text-indent: -9999px; revisited
Turns out, this works even better (and is more concise): .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } As Zeldman put it: Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so …
Least: Convert Regular CSS to LESS/Sass
Scaling With em Units
Recently I started testing how proportional scaling of bigger layouts would work in reality and if it makes any sense. It’s possible when using EM units and then changing body’s font-size when viewport’s height grows above certain point. Basically that means, that I have to change only one or two css properties between @media queries …
CSS calc() in Webkit
As mentioned before, CSS calc() was about to come to Chromium/Chrome (Webkit). Since about a week ago, the first part of the implementation has landed into the Canary builds: Adds calc expressions to CSSPrimitiveValue. This enables simple (ie no mixing of percents with numbers/lengths) expressions to be evaluated on most properties. No mixing yet, but …
Sass & Compass: The future of stylesheets now
CSS calc() in Chromium/Chrome
Three days ago this was committed: This is the parsing stage of calc. The expressions are evaluated and expression trees are generated. CSS values are not created yet – that will happen in a subsequent commit. Looking forward to the next commits, as this feature will make things — such as flexible columns with a …