[OH-Dev] "Less CSS" now deployed
Asheesh Laroia
asheesh at asheesh.org
Wed Jul 25 02:01:51 UTC 2012
Hello every buddy,
Karen's work on migrating some of our CSS into "less", work that began in
earnest the last Sprint, is now live on the site!
For those who don't know, here is some information about "less":
* It's a mini language for writing CSS fragments that can be re-used.
* It has to be somehow "compiled" into CSS. The two common ways to do this
are (a) to use JavaScript, within the browser, causing either delays or
the Flash of Unstyled Content, or (b) a tool that runs server-side and
generates a .css file. (Right now, we're doing strategy (a).)
There's further work to do in order to make this extra awesome.
In particular:
Front-end-y things to do:
* If you 'git grep' for the string 'CSSTODO', you'll see there's some CSS
that needs to get migrated to the new system. Migrate it! (and/or ask
questions)
* Click around the live site and see if there are any new (...or old)
style breakages, and if so, report them and/or fix them!
Back-end-y things to do:
* Identify and use some automated tool so that in production mode, the app
generates a .css file rather than asking the browser to do all that work.
Documentation-y things to do:
* Document the use of "less" in our docs.
* Explain this difference between deployment and production.
* Explain any style guidelines for writing CSS in the new format -- for
example, which files to use when, and what the purpose of various
constants is.
-- Asheesh.
More information about the Devel
mailing list