Various external hand-picked links to CSS-based content from around the web. Subscribe via RSS.
“On a recent plane flight, I starting noodling around with combining flexbox properties, animations and transitions. I came to the conclusion that, for simple accordion-type UI features (see Figure 1), this can be quite useful.”
“By combining a National Geographic feature entitled “Forest Giant” with some of Adobe’s contributions to web standards, Adobe has created a forward-looking vision of how readers will consume web content in the very near future.”
A nice quick little screencast by Mark Otto of Bootstrap fame.
Lengthy piece by Todd Motto, and probably nothing new to those using OOCSS or modular CSS. What I especially like about this article is that it gives some real practical reasons why these approaches are better than what we might be accustomed to doing.
A nice slide presentation by Harry Roberts from his talk at Industry Conf. Best line in this one: “Changing a dozen classes in your HTML is a lot simpler… than picking apart a tangled stylesheet.”
Colt McAnlis answers an interesting question: How do different CSS properties affect the render-weight of your page?
This seems so obvious, so I can’t believe I haven’t thought of this yet. Great little tip that avoids the annoyance of resizing the whole window.
I just discovered this blog that evidently is updated by the BBC news crew. Definitely worth subscribing to if you’re looking for responsive design trends associated with large applications.
This is definitely something I’ve been thinking about, and Lea has some good advice. See also the reader comments about IE10.
I’ve noticed this problem and patiently have worked around it, but didn’t realize it was happening because of scrollbars. Good info from Craig Buckler, and you can also check out his follow-up post on the same subject.
I think this is a great idea by Harry Roberts. Bad code happens anyhow, so why not set some rules for it?
Lea Verou has created a tool to preview a far-future CSS property: border-corner-shape. Not entirely useful at the moment with no browser support, but it’s cool that she’s using SVG to mimic the effect.