CSS Framework for UI Development [duplicate]

萝らか妹 提交于 2019-12-06 15:54:05

问题


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 probably 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.


回答1:


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




回答2:


JavaScript frameworks with good UI widgets:

  • qooxdoo
  • YUI

CSS frameworks:

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



回答3:


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.




回答4:


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).


来源:https://stackoverflow.com/questions/1988692/css-framework-for-ui-development

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!