A comparison of CSS preprocessors

Nice. Sass vs. Less vs. Stylus.

Webapp design stuff

Ember is a JS Webapp framework.  Here is the tutorial list.

Then there are Pure CSS and Topcoat that have shown up on HNN this week.

More on HTML5/CSS

Two links today:

• What looks like a nice "lecture series" on basic HTML5/CSS skills
• SASS, another higher-level CSS language that looks cool. [hnn] [comparison with less]

Simpless: CSS compiler

Another Less-to-CSS compiler. These are good to study.

CSS tricks

Here's a nice CSS-and-dynamic-code trick from Airbnb to display rating stars. Nice solution!

Twitter Bootstrap

A ... what? CSS boilerplate distro from Twitter to make the assembly of Webapps easier. Neat - and should be pulled in wholesale. And studied, really, because a higher-level Webapp (or app) domain should be built on top of the HTML and CSS domains I finished last month.

Basic CSS of a grid layout

Nice breakdown. This is the kind of thing I want to look at macro-izing, like, next week. I've started work on CSS::Declarative again, and next on the checklist is macros.

AXR: the Web done right

The AXR project is an interesting rethinking of Web presentation languages, with content in XML and style in "HSS", a hierarchical stylesheet language based on CSS that ends up basically doing the same things as less-css. Interesting reading, though still pretty young. Hmm. This might just be a takeoff on less-css anyway, as it even reuses the phrase "done right". Still - hierarchical style organization seems to be a Good Idea.

Normalize.css

Another CSS framework.

CSS grammar

A helpful recursive descent parser definition for vanilla CSS. (Not Less-CSS.) So I could either just use the CSS module or roll my own. Honestly: rolling my own is attractive, but ... so is finishing things. I wouldn't think of writing my own HTML parser, after all. (I'm crazy, but not that crazy.)

Of course, I'm also not proposing switching back and forth between text and Decl in HTML definitions, as I am with CSS. So ....

CSS by example? Elements of design?

I'm now looking more closely at CSS (after saying I could get away with ignoring it). Building on the basic insights of LessCSS and OOCSS, I'd like to go through a bunch of CSS examples and ... do whatever comes naturally.

For example, here is a list of CSS examples. Or I suppose I could have looked at StackOverflow to start with. Another list of tutorials. Really, there's a lot written about Web design. Go figure.

Another good reference.

CSS again

Thirty-two neat things you can do with CSS that traditionally required JS.

Nice drop shadows

With CSS. I really want to look at CSS carefully one of these days.

31 CSS code snippets, OOCSS

More CSS information for my later reading delectation.

Also: an object-oriented approach to CSS construction. Very interesting!

Awesome Web fonts

This ... is pretty neat. I need to understand the CSS end of it.

Trees in pure CSS

Neat trick.

CSS background image hacks

More grist for the CSS mill.

.Less - CSS done right

Some rudimentary preprocessing of CSS directives is really all you need to organize your style sheets. .Less is one way to do that that jumped out at me months ago; not sure why I didn't mark it then. The original Ruby project is here; a .NET equivalent was at dotlesscss.com, but that seems to have succumbed to link rot now (it appears to be selling Bibles, among other things).