Adapt.js - Adaptive CSS for 960.gs

Events happening in the community are now at Drupal community events on www.drupal.org.
Nathan Smith's picture
Posted by Nathan Smith on April 17, 2011 at 7:16am

Since there are quite a few Drupal themes that are based on the 960 Grid System, I thought I would share here that I've developed a bit of JS that allows you to switch grid dimensions on-the-fly. You can read more about it here...

http://adapt.960.gs

Anyway, just wanted to give y'all a heads-up, in case you were thinking about how to do a grid, but still be mobile friendly. :)

Categories: ,

Comments

Thanks for posting about your

Posted by Mojah on April 17, 2011 at 4:37pm
Mojah's picture

Thanks for posting about your work Nathan. We're looking for an effective way to get this functionality into OpenG. I like that Adapt.js has such a small footprint. Great work!

Hmmm, nice new toy to play

Posted by Jeff Burnz on April 17, 2011 at 11:44pm
Jeff Burnz's picture

Hmmm, nice new toy to play with, this looks great.

Nice buds Mojah.

Adapt Theme

Posted by rupl on April 20, 2011 at 3:59pm
rupl's picture

I put together a D6 theme if anyone wants to see adapt.js in action on a Drupal site. Feedback welcome!

http://drupal.org/sandbox/rupl/1131412

Do you think it would be better as a standalone theme, or should I integrate this into the existing NineSixty theme as optional settings?

Seems interesting! Thanks for

Posted by gaurav_m on April 21, 2011 at 6:26am
gaurav_m's picture

Seems interesting! Thanks for the head up!

Silence is golden.

@rupl - I think if @dvessel

Posted by Nathan Smith on April 21, 2011 at 3:06pm
Nathan Smith's picture

@rupl - I think if @dvessel and @toddross agree, it could be a setting in the NineSixty theme.

Yes please! Todd will give

Posted by dvessel on April 21, 2011 at 5:12pm
dvessel's picture

Yes please! Todd will give rupl commit access pretty soon. Thanks for work!

...

Posted by Jeff Burnz on April 21, 2011 at 7:03pm
Jeff Burnz's picture

Its pretty cool and dead easy to get worky, cheers, I'm not using a grid per se but ability to pipe smartphone/tablet css is all I need, well done this works bloody well and appears far more reliable than media queries - which are driving me crazy...

Would this go into the both

Posted by gmclelland on June 2, 2011 at 5:24pm
gmclelland's picture

Would this go into the both branches of the NineSixty theme?

Yes, both 6 and 7 branches

Posted by rupl on June 3, 2011 at 1:32am
rupl's picture

Yes, both 6 and 7 branches will get the Adapt treatment.

Design 4 Drupal

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week

See all hot content.