Irish SEO,  Marketing & Webmaster Discussion

 

CSS Frameworks - Can you recommend one?

This is a discussion on CSS Frameworks - Can you recommend one? within the Coding Help forums, part of the Webmaster Help category; Hi Everyone, I could have swore I posted this today, but can't see it anywhere. So here goes again. I'm ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Coding Help

Register Forum Rules FAQDonate Calendar Search Today's Posts Mark Forums Read

  #1 (permalink)  
Old 13-05-2008, 05:17 PM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Thumbs up CSS Frameworks - Can you recommend one?

Hi Everyone,

I could have swore I posted this today, but can't see it anywhere. So here goes again.

I'm looking for a GOOD CSS framework. I've come across a few CSS Global Resets from Yahoo! and Eric Meyer but I find that they actually can slow you down more than help you out.

There is also blue print blueprintcss - Google Code which seems to be good, but seems to use a Ruby script to generate stuff for you.

I've only looked at the Wiki, but it seems quite complex.

I'm wondering what others use to achieve design consistency across many browsers / devices and also for print style sheets etc..

It would be good to have a frame work that sets good typography rules for readability, but also one that allows for flexibility in layout.

Suggestions / tips / help / websites? Anyone?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2 (permalink)  
Old 13-05-2008, 11:56 PM
Frontpage User
 
Join Date: Oct 2006
Posts: 27
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
littleBird will become famous soon enough
Send a message via Skype™ to littleBird
Default

Really depends on what the full scope of what you are looking for. If you want everything and the kitchen sink you could do a lot worse than check out the YahooUI. If you want something a lot simpler and more straight forward you could check out this toolBox CSS utility.
__________________
CSSDiscussion - forum for newbies & experts alike
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3 (permalink)  
Old 14-05-2008, 09:38 AM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default Thanks for the reply

Thanks for the reply, unfortunately the link in that thread seems dead.

The formatting of those links in your second post is something I've seen mentioned by Eric Meyer. You can use CSS to format outbound links and certain elements starting with a certain prefix.

I'd have to double check the compatibility of it with browser versions, but from memory its a case of IE not playing too happily with them.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4 (permalink)  
Old 14-05-2008, 09:50 AM
Frontpage User
 
Join Date: Oct 2006
Posts: 27
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
littleBird will become famous soon enough
Send a message via Skype™ to littleBird
Default

Which link are you referring to? hopefully these will see you sorted

If it is the toolboxCSS then follow this » Toolbox CSS

If it is the YahooUI link that is dead try this The Yahoo! User Interface Library (YUI)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5 (permalink)  
Old 14-05-2008, 05:24 PM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default Yahoo! Looks Promising

The Yahoo! toolkit looks promising. I like the CSS reset and CSS Base. The grid is cool, but it doesn't rely on semantic naming convention. I'm going to give it a try and see how it goes anyway.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6 (permalink)  
Old 15-05-2008, 08:21 AM
Forbairt's Avatar
respect my AW-THOR-IT-AYY
 
Join Date: Jun 2007
Location: My Office, Dublin
Posts: 2,157
Nominated 2 Times in 1 Post
Nominated TOTW/F/M Award(s): 1
Forbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enough
Send a message via AIM to Forbairt Send a message via MSN to Forbairt Send a message via Yahoo to Forbairt Send a message via Skype™ to Forbairt
Default

I tried out the Yahoo grid and I really didn't like it.

Naming convention being one factor ... I guess though if it works for you it works for you.
__________________
Forbairt Media | Web Design Dublin, Ireland - Web Development Dublin, Ireland
Recent Work: Safari Club African Safari Holiday - South Africa Holiday Safaris
Other Stuff: FluffyLinkulator Rapid Inclusion Service Tool
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7 (permalink)  
Old 15-05-2008, 08:47 AM
Frontpage User
 
Join Date: Oct 2006
Posts: 27
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
littleBird will become famous soon enough
Send a message via Skype™ to littleBird
Default

Is a little bit of naming convention a small price to pay for a huge head start on manageable page layout, cross-browser issues and a host of other tried and tested usefulness?

Do you use any CSS library?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8 (permalink)  
Old 15-05-2008, 09:32 AM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default

Quote:
Originally Posted by littleBird View Post
Is a little bit of naming convention a small price to pay for a huge head start on manageable page layout, cross-browser issues and a host of other tried and tested usefulness?

Do you use any CSS library?
Both have valid points. I personally have always hand crafted my layouts. It does mean I have to play around a fair bit with them though. So in a way the Yahoo! layout would be a godsend, but it does employ a certain amount of divitis and I wonder how easy it would be to maintain for those unfamiliar with it.

Lets say you develop a site for a client, hand it over and another web development firm takes up where you left off. How are they going to understand you nested layout? Certainly you would hopefully document it, but what are the chances of that from your experience in the industry? Not high I can say.

The good thing about the framework is that its separated into smaller parts, so you can take what you like and ignore the rest. I guess you could even take the grid itself and give it a more conventional name. Only problem is upgrading to a later version of the grid in future.

It also depends on how complex your website becomes, most basic client sites for a small business won't need to complexity of a grid based layout.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9 (permalink)  
Old 15-05-2008, 10:36 AM
Forbairt's Avatar
respect my AW-THOR-IT-AYY
 
Join Date: Jun 2007
Location: My Office, Dublin
Posts: 2,157
Nominated 2 Times in 1 Post
Nominated TOTW/F/M Award(s): 1
Forbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enough
Send a message via AIM to Forbairt Send a message via MSN to Forbairt Send a message via Yahoo to Forbairt Send a message via Skype™ to Forbairt
Default

Quote:
Originally Posted by gav240z View Post
Only problem is upgrading to a later version of the grid in future.
Hmm... not sure if the license allows for this ... but it should be a pretty straight forward replace x with y ... z with k ... and so on .. so you'd be able to script it for any further changes in the future ... assuming they don't go adding in any extras.

I've not been using any library ... it would make sense to use one ... except I like having my id header ... id footer ... and so on. I guess none of the things I've worked on have overly complex layouts as well which helps to a certain degree.

I also found the grids to be quite complex (I think I've one site out there using them)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10 (permalink)  
Old 15-05-2008, 01:02 PM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Thumbs up I'm like you...

I'm like you in that, I prefer to write my own as I have full control over it. I can also give everything its logical name and cut out the bloat.

The Yahoo! framework looks good, but I tend to think it news large news sites that implement multiple grids, with tile ads, skyscrapers, leaderboards, banners etc...

I definately think a CSS reset is a great tool and even the base css is useful to get you going.

I personally find the most annoyances with regards to list items anyway.

Margin:0;
Padding:0; usually fixes that up.

I just thought there was a possibility that someone had compiled a really nice framework that was simplistic and very reusable. It seems I haven't found what I'm looking for just yet.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
css, frameworks, recommend

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Lightbox2 CSS help!! sticker Coding Help 15 22-05-2008 02:49 PM
CSS help, drop down menu in wordpress garycocs Coding Help 6 13-03-2008 06:08 PM
ie6 css :hover display:block; issue matt-dublin Coding Help 0 17-09-2007 09:05 PM
dynamic css 7aken Coding Help 6 10-10-2006 08:13 AM


Sponsored links

Pepperjam Network
Paid On Results www.zanox.com


All times are GMT +1. The time now is 04:32 AM.


Powered by: vBulletin Version 3.8.2, Copyright ©2000 - 2009, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51