HTML/CSS 怎么开始写前台的代码?

ruby_sky · 2012年04月09日 · 最后由 1272729223 回复于 2012年08月29日 · 6095 次阅读

UI 已经设计好了,如何开始写前台实现代码?是直接上 CSS,还是借助一些生成工具或者框架,如果是,有什么推荐下?

bootstrap or compass

不要用生成工具,用框架把。

#1 楼 @linjunpop #2 楼 @ichord 你们经常使用这两个吗?css 自己也会写,但弄不到漂亮的 UI,想自己弄个项目,经常为 UI 着急。现在想完整的做个 UI 出来,面试的时候也好证明我懂 CSS。。

bootstrap 的定制难度很大,就像交给你颜料把一副现成的画涂成另一个

compass 看了下文档,api 太庞大了

证明懂 CSS 得空白起家

#4 楼 @Rei 以前兼容性方面做的不是很好。

一直在回避 js 和 css,。最好还是直接上 CSS 吧,尽量少用生成工具、不用框架,当然好的前台可以'抄袭'。

#6 楼 @leekelby yes! 我就是一直回避,现在觉得还是得好好的写个项目。

yui css base + reset + grid

compass css3 mixin 还是很方便的,建议是用 scss 然后只 import compass reset 和 css3。这样又可以学到东西又不会被各种浏览器的差异搞到蛋疼。然后多临摹,看到好设计就 inspect 看看

先写 html 结构 然后写 css

extjs yui jquery ui mootools ui 都可以

建議應用 HAML, LESS, SCSS, SASS, CoffeeScript 這些前端語言,直接編碼,不要工具。既能完全掌握前端開發,又有高生產力。當然,Twitter Bootstrap 也可以應用。它是一個很好的起點,省下很多基本的設定。

纯 CSS 最多加个 Bootstrap,个人觉得 CSS 挺简单的,主要麻烦在于 Js 这个脑残。

如果想写好 css,建议不要使用 grid 等框架,大多框架都不符合 css 语义化命名。sass 或者 less 倒是不错的辅助工具。

看到标题,想提醒一下:“前台”与“前端”、“后台”与“后端”,不是等价的。LZ 想表达的意思应该是“前端”吧?

接触了几次 bootstrap, 感觉还是 normalize.css 这个最好,最简单。我记本用这个,然后写 scss(sass),html 接触了 slim,就转这个了。

ruby_sky 我觉的 Ruby China 对新手不太友好 提及了此话题。 07月08日 01:18
需要 登录 后方可回复, 如果你还没有账号请 注册新账号