CSS Network

Various external hand-picked links to CSS-based content from around the web. Subscribe via RSS.

Animating flexboxes: the lowdown

on | Comments Closed

“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.”

Writing the best CSS when building with HTML5

on | Comments Closed

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.

Architecting Scalable CSS (Slide Deck)

on | Comments Closed

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.”

Responsive News blog by BBC news crew

on | Comments Closed

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.

Is Your Responsive Web Design too Fragile?

on | Comments Closed

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.

shame.css

on | Comments Closed

I think this is a great idea by Harry Roberts. Bad code happens anyhow, so why not set some rules for it?

border-corner-shape Preview

on | Comments Closed

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.

Sportsnet TV Commecial — Responsive Design

on | Comments Closed

This is pretty cool. A national sports channel here in Canada is using the phrase “responsive design” in its TV ad. Interesting to see a web design term become this universal, used by non-techies.

Fun animations with CSS3

on | Comments Closed

First, this is a nicely designed website by Stephen Burgess, who is a Flash developer now starting to get into CSS3 and HTML5. And this is a nice little post explaining the animations he uses on his site.