Memorial Day
Support will be closed on Monday, May 28th, 2012 to enjoy Memorial Day with our friends and families.
   
1 of 3
1
CSS Frameworks
Posted: 04 January 2011 06:32 AM   [ Ignore ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  730
Joined  11-11-2006

Looking for advice on which is the most popular amongst designers and which is the best supported.

Thank you
Lee

Profile
 
 
Posted: 04 January 2011 12:50 PM   [ Ignore ]   [ # 1 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  259
Joined  03-13-2006

I have my own “framework” - a set of CSS and HTML files that I use to start every project. It’s always under continuous revision and change as my workflow evolves and it’s got little bits and pieces of many different frameworks. I don’t think anyone should shoehorn their workflow to fit into any framework that someone else develops. Take the best parts that work for you and include them in your own workflow.

 Signature 

http://www.tonygeer.com | http://www.abovegroupogilvy.com

Profile
 
 
Posted: 04 January 2011 03:17 PM   [ Ignore ]   [ # 2 ]  
Sr. Research Associate
Avatar
RankRankRankRankRank
Total Posts:  2607
Joined  08-28-2003
Tony Geer - 04 January 2011 05:50 PM

I have my own “framework” - a set of CSS and HTML files that I use to start every project. It’s always under continuous revision and change as my workflow evolves and it’s got little bits and pieces of many different frameworks. I don’t think anyone should shoehorn their workflow to fit into any framework that someone else develops. Take the best parts that work for you and include them in your own workflow.

Agreed.

I’ve tried them all. Each has strengths and weaknesses which depend on your workflow, site design techniques, skill level, etc. CSS is as much a mess as HTML/XHTML/HTML5 so there’s no silver bullet that’ll kill the beast and give you a perfect CSS framework.

Unless you build it yourself.

The framework I use for most new projects takes a little of this from that framework, and a little of that from this framework, and so on. Find the pieces that work for you.

 Signature 

ronnymac
———
Ron McElfresh
Honolulu, HI
———
From EE to WP | Hobby Site | Newer Hobby Site | Friend’s Site | Another Friend’s Site

Profile
 
 
Posted: 04 January 2011 06:24 PM   [ Ignore ]   [ # 3 ]  
Grad Student
Avatar
Rank
Total Posts:  69
Joined  08-21-2009

Hi Lee,

As these fellows site, I suppose it depends a lot on project, but I really enjoy Nathan Smith’s 960 Grid System.  It’s customizable, super low weight and includes a well thought out reset.  I’ve found myself going back to it over and over when I’m not making my own framework.

Profile
 
 
Posted: 04 January 2011 11:22 PM   [ Ignore ]   [ # 4 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  354
Joined  03-03-2007

I have been playing with this http://html5reset.org/ but 9,60 is the most popular.

 Signature 

Michael Hahn
HCC Development

 

Profile
 
 
Posted: 07 January 2011 04:09 PM   [ Ignore ]   [ # 5 ]  
Grad Student
Avatar
Rank
Total Posts:  92
Joined  06-01-2010

I’ll add a thumbs up to http://960.gs—I’ve been using it quite a bit lately—12 column or 24 column, good reset—works well for me!

Profile
 
 
Posted: 13 January 2011 12:34 PM   [ Ignore ]   [ # 6 ]  
Grad Student
Avatar
Rank
Total Posts:  44
Joined  09-09-2010

I use the 960 most of the time also

 Signature 

Josh Conner
IBG | director-ee | Twitter

Profile
 
 
Posted: 14 January 2011 11:54 AM   [ Ignore ]   [ # 7 ]  
Grad Student
Avatar
Rank
Total Posts:  53
Joined  02-10-2006

960.gs and blueprint are great for setting up a site, but I always find it gets sticky months later when doing maintenance. I’ve been looking at this recently but have no had a chance to use it on a site: http://lessframework.com/
Anyone have any experience with it?

 Signature 

JoeParavisini.com

Profile
 
 
Posted: 14 January 2011 04:24 PM   [ Ignore ]   [ # 8 ]  
Grad Student
Avatar
Rank
Total Posts:  57
Joined  03-01-2009

I was forced to use blueprint by an employer.  It was slow at first, but now that I have the hang of it, I can bang sites out pretty quick using it.  Its now my framework of choice.

 Signature 

Jason Lee :: Freelance EE Developer :: jasonleelab.com :: @jasonleelab

Profile
 
 
Posted: 12 February 2011 02:03 PM   [ Ignore ]   [ # 9 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  876
Joined  01-07-2003

Some of the users of eeSiteKit introduced me to YAML a few years ago. Like EE, it is so well documented, I felt a little overwhelmed at first with it, but I spent a weekend reading the docs and I’ve never looked back. We start all of our sites with YAML now and we manage to launch a custom new site just about every 10 business days.

If you only have about 30 min. to check it out, then visit these links:

The YAML Builder
See a few of the Advanced layout examples (click “next example” in the nav).
Understanding Subtemplates (sample the docs while you are at it)
Meet the Author - Dirk Jesse - as he and Nils Pooker discuss “Everything you should know about CSS Frameworks!”

 Signature 

learn more at eeSiteKit.com


NetRaising | a web services company


Custom Designed Dynamic Websites for Mission Driven Organizations

Profile
 
 
Posted: 13 February 2011 02:51 PM   [ Ignore ]   [ # 10 ]  
Lab Assistant
RankRank
Total Posts:  111
Joined  02-20-2009

I use Blueprint on most of my sites.  But I have been wanting to try out the new media query frameworks http://lessframework.com/ or http://cssgrid.net/ look interesting.

Profile
 
 
Posted: 15 February 2011 01:25 PM   [ Ignore ]   [ # 11 ]  
Grad Student
Avatar
Rank
Total Posts:  75
Joined  02-08-2006

Like many others here, I’ve been using 960 grid pretty solidly for some time and always found it really good, easy to pick up and speeds up build time noticeably.

All that said, I’ve been having a bit of a play with http://cssgrid.net and think I will begin using this as a default framework in the near future. A fixed 960 grid feels a bit dated now to me. It’s not taking full advantage of space available on many large screens, but also not flexible for the increasing use of small/mobile devices. So I want to use a framework that’s suitable for the increasing proliferation of screen sizes sites are now being accessed on.

But whatever you use, don’t be put off using a framework as cheating or anything. It saves a load of time you can put to much better use.

 Signature 

John Cowen
Mekonta - web design
Twitter

Profile
 
 
Posted: 03 June 2011 09:28 AM   [ Ignore ]   [ # 12 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  103
Joined  01-29-2007

I’ve been using HTML5 Boilerplate.

I’ve used Blueprint for rapid prototyping. I’m a bit of a markup / semantics purist, so I don’t like using so many div tags for layouts. The typography portion of Blueprint is good for quickly getting a nice baseline style.

I think the idea with these frameworks is you pick and choose the portions that work for you and your needs, rather than forcibly adapt your workflow or coding style to fit them.

 Signature 

          ♥
Shawn Dai
http://tinyearth.net
http://twitter.com/#!/tinyearth

Profile
 
 
Posted: 09 July 2011 04:33 PM   [ Ignore ]   [ # 13 ]  
Summer Student
Total Posts:  8
Joined  08-09-2010

Shawn, regarding HTML5 Boilerplate, are you taking advantage of the build script?  If so, how are you working it into your EE dev workflow?

I’ve only messed around with it on static code, but my guess is it’ll have issues with the EE template tags?

Thanks,
Doug

Profile
 
 
Posted: 09 July 2011 06:24 PM   [ Ignore ]   [ # 14 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  350
Joined  02-06-2009

I like csswizardry.com/typogridphy/preview - it uses ems instead of px as a base unit.

 Signature 

TucsonSentinel.com - we’re watching Tucson

Profile
 
 
Posted: 12 July 2011 04:51 AM   [ Ignore ]   [ # 15 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  103
Joined  01-29-2007

Hi Doug,

I’ve yet to incorporate the build scripts in an EE workflow. I plan to do so on an upcoming project though, so I’ll report back any findings.

 Signature 

          ♥
Shawn Dai
http://tinyearth.net
http://twitter.com/#!/tinyearth

Profile
 
 
Posted: 12 July 2011 09:08 AM   [ Ignore ]   [ # 16 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  248
Joined  08-28-2009

Our creative director is a fan of the square grid, which I’ve been using in conjunction with the HTML5 Boilerplate and a custom CSS reset / generic typography sheet.

 Signature 

@NickBenson | Senior Front End Developer at PressEnter | Twin Cities ExpressionEngine User Group | EE Pro Network Member

Profile
 
 
Posted: 12 July 2011 12:16 PM   [ Ignore ]   [ # 17 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  354
Joined  03-03-2007

This is very interesting as well.

http://cssgrid.net/

 Signature 

Michael Hahn
HCC Development

 

Profile
 
 
Posted: 12 September 2011 03:09 AM   [ Ignore ]   [ # 18 ]  
Grad Student
Avatar
Rank
Total Posts:  96
Joined  08-13-2009

I am now using a modified version of twitters bootstrap:

http://twitter.github.com/bootstrap/

what i like, is it is more than just a complete reset and grid system. Plus it sits on less js which i have been using exclusively now for months. (cant beat a color variable, especially for clients who change their minds)

Profile
 
 
   
1 of 3
1