Common Web UI Styles

Question

I have to present a prototype of an web app in the following days to one of my clients, the thing is I\'m not so good at CSS and worst of all I\'m almost never happy with the re

Answer 1

I like RocketCSS. Nice clean design, give it a go.

Answer 2

I like to add Bootstrap it's intuitive, and powerful front-end framework for faster and easier web development.

Answer 3

This won't help you out for your current project, but it's worth considering for future projects. After spending many years creating GUI applications in HTML 4 and constantly wrestling against the limitations of CSS and HTML, I thought I'd try out Adobe Flex. What an improvement!

Rather than faking a tabbed page control or data grid, with Flex or Silverlight, your markup can simply specify a tabbed page control or data grid. And the frameworks come with default styles that are boring but not at all bad. I'm not saying these completely replace HTML, but if you need widgets and GUI layout, I believe they're a much better alternative.

Answer 4

I recently discovered a nice website called iplotz.com where you can create a mockup of your application/website/project online without installing anything. It also has most of the common controls, along with much more features for managing thw whole project and sharing it with others online.

I must admit, i didn't try it yet myself, but i looked at it a bit and it seems pretty cool. I'll probably be using it soon enough.

Answer 5

I ran into this awhile ago, and couldn't find anything, so I took it as an opportunity to learn css. But since then it seems great strides have been made towards this subject.

• Summarizing your problem, there is a wikipedia page.
• There is yaml-css, which takes yaml and turns it into css
• There is baseline, but it assumes some css knowledge.
• I'd also suggest looking at Adobe's Dreamweaver. They have a lot of css and style generation tools which produce very readable and w3c compatible code.

I hope that helps.

Answer 6

Check out Google Web Toolkit. It has a pretty clean default look. They have examples . In particular, their Showcase example demonstrates all of the available widgets and the css styling used to achieve the look.