This site is an archive; learn more about 8 years of OpenHatch.

[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