在项目上使用 rails 有了一段时间了
对我而言的最大问题是在 css 的使用上
设计师对于 css 不是很熟,所以有很大一部分 css 工作到我的头上。
我想问一下,css 学习领域有没有像:
railscasts.com
or
railscasts-china.com
这种网站
或是其它好的快速有效的学习方法
@help5305fff 嗯,调试的话目前还是 firebug 最好用,不过 firebug 的项目负责人前几个月跳槽到了 google 了,说不定过段时间 chrome 的 css 调试使用起来就和 firebug 差不多了
#9 楼 @gaicitadie +1,要写好 css 从 html 时就该考虑如何结构化,还有一些部件重用。建议试用 sass 或 less,能嵌套做起来方便多了
建议看看网上有一教程 30 days to learn html & css,看完以后去研读 Twitter Bootstrap 或 HTML5 Boilerplate 代码,蛮好的。
如果是对着设计用 html 和 css 来实现且你的需求不是很复杂的话,加我新浪微博(@kevin__liu)联系,或许我可以帮你。
PS:我是程序员,css 方面可能没有你想象的专业,但也带过不少“徒弟”。:D
http://www.youku.com/playlist_show/id_16678901.html,
不过是英文的,有空我细看一下,结合自己的经验讲一个中文的,争取做成 10 天快速的。
如果是新手来学 HTML 和 CSS,不建议刚开始就用 less 或 sass
我刚开始做前端时还不流行 div+css,那个时候 sina 163...都是用表格,那个时候我的练习方式是截个他们首页的图,然后自己写 HTML 和 CSS 来切成页面,看到国外界面不错的网站,就做成自己 blog 的主题,经常折腾。
写 HTML: 结构尽量简单,正确且少嵌套,正常的使用标签,在没有 CSS 样式的情况下还能表达页面的内容结构 (GOOGLE:CSS 裸奔节)
CSS: 语义化的命名规则,如:header, footer, content, sidebar... ,个人不赞成使用太多的结构化命名,如:left-content, padding-top10, margin-right15...
错误写法:
<div>
<div class="title">Title</div>
<div class="content">
这是一段文章内容,写的是<a herf="#"><div>xxx</div></a>...
</div>
</div>
正确写法:
<div class="post">
<h2>Title</h2>
<p>
这是一段文章内容,写的是<a herf="#"><span>xxx</span></a>...
</p>
</div>