学习开发人员Web设计的最快方法

hek*_*ran 8 html css frontend

我是一名Web开发人员,在我的项目中,我注意到我最薄弱的一点就是不擅长前端设计.如果他们不能像我想的那样快速生产,那么依赖其他设计师会很烦人.

我对HTML/CSS的看法是它基本上是一个令人惊讶的大黑客.有太多的CSS和浏览器特定的错误/怪癖要学习和记住它们,而不花费大量的时间来解开一切.是否有快速通道将CSS引入我的大脑?我看了一些CSS书籍,但对我来说,他们真的阅读了如何在IE6中正确渲染事物以及如何使角落四舍五入的长列表.(说真的是为什么需要这么多技巧来制作一个尖锐的角落呢?在任何平台上,除了网络,这将被称为一个主要的疏忽.)

是否存在类似于jQuery为JavaScript做的CSS的东西?使用jQuery,你不需要很好地了解JavaScript就可以了解它的工作原理.

我对IE6为什么以奇怪的方式做事情并不感兴趣,因为我根本不关心它的支持.我更感兴趣的是学习如何使用CSS来做我想做的事情而不花费数小时阅读晦涩的博客.

amp*_*ine 5

用铅笔和纸来勾画你的想法(想想用盒子,而不是三角形或六边形),然后分解所有的小部件并学习如何做每一部分.没有问题太大,无法分解.并且,像往常一样,TMTOWTDI!

查找示例并从中学习 - 至少我开始学习的方式.研究使用的风格并与它们一起玩耍.当你找到符合你喜欢的东西时,创建一个模型并玩弄它.然后测试它是否具有跨浏览器兼容性.

如果你感到沮丧,因为某些东西在Firefox和Chrome中有效,但在IE中却没有(这会发生很多),不要放弃.我发现诅咒比尔盖茨的名字,他所代表的只是一个很好的缓解压力的人.:-)

我喜欢使用的一个很棒的工具是Firebug,它是Firefox的一个插件,它允许您在浏览器中编辑CSS规则,并在您完成后立即查看结果.

我同意CSS在网页设计领域是一种事后的想法,但它是一个发明的地狱,让事情变得更加容易和快速.


T. *_*one 3

是的,有些 CSS 框架就是“CSS 中的 jQuery”。一些比较流行的包括960Blueprint。我个人使用 960,发现它不需要在布局中进行大量猜测。

正如其他人所说,CSS 很难通过阅读来学习。它最终成为你只需要通过大量经验培养直觉的事情之一(这通常意味着大量的尝试、错误和挫折)。正如您所强调的,这不是一个理想的情况,但事实就是如此。

另一个困难是所采用的方法或工作流程因人而异。有些人首先在 Photoshop 中制作模型,然后使用 HTML/CSS 生成精确的逐像素“渲染”。其他人则使用 Photoshop、Illustrator 或其他工具简单地绘制草图和想法,然后使用 HTML/CSS 从头开始​​重新创建。还有一些人更喜欢直接从 HTML/CSS 和一些缩略图开始。弄清楚这些方法中哪一种最适合您是这个难题的另一个重要部分。