CSS Framework for UI Development [duplicate]

This question already has answers here: QuickStart basic layout/template for web development? (4 answers) Closed 6 years ago.

I'm making an app in Adobe Air and I want to make a robust looking UI. And it's quite hard to do in CSS, I just end up with lots of messy code that pr开发者_如何学编程obably doesn't work that well anyway.

So does anyone know of a good UI CSS framework that focuses on a robust layout rather than pointless slidy crap and datepickers.

---

I would suggest Blueprint css framework with BOKS

First you need to understand how Blueprint works

which u can found here http://net.tutsplus.com/tutorials/html-css-techniques/a-closer-look-at-the-blueprint-css-framework/

then use BOKS

http://toki-woki.net/p/Boks/help.html

Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love.

It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

_{(source: toki-woki.net)}

Photoshop Template for Blueprint CSS Comp

---

JavaScript frameworks with good UI widgets:

• qooxdoo
• YUI

CSS frameworks:

• http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

---

960.gs is a decent CSS framework for layout. Though personally I normally roll my own, taking snippets from my previous work and build it up. Using standards mode means virtually no variation between browsers.

---

Try Cascade Framework :

• Flexibility: You won't find any framework that has a more flexible grid system or better browser support. Its panel, tab block, table and navigation components also provide unprecedented flexibility.
• Lightweight: If you use only Cascade Framework's core features, you'll need to include only 8.5 kb (2.6 kb gzipped) of framework CSS code. If you want everything, including all Fontawesome icons, you'll need to include 51.9 kb (10.8 kb gzipped) of framework CSS code. If that's still too much, there's also a fatfree minimal version called Cascade Framework Light.
• Cross-Browser Compatible: Cascade Framework allows you to create a responsive layout in all modern browsers. In IE6-8, you'll serve the desktop version of your website.
• Modular: Cascade Framework provides you with several individual modules as well as a couple of builds (combining individual modules).