大家好,事情是这样的。我有一堆东西想送给大家,主要是关于网页设计和开发的书籍。我一直在思考如何才能把它们都送出去,我绝对不想用 Twitter 刷屏,我也不想搞那种“只需评论即可”的活动,因为我觉得太简单了,只会留下满屏的垃圾评论。
我最终想出了一个我认为不错的点子:CSS 大比拼!我从 JD Graffam 和 Tony White 那里借用了这个名字和创意,据我所知,他们是最初举办 CSS OFF 的人。不过他们已经快两年没举办了,所以我认为现在介入不会有问题。这个创意就是,你获得一个 Photoshop (.psd) 文件,你的任务就是把它变成 HTML 和 CSS。做得最好的人获胜,但是… 这不仅仅如此。请继续往下读,了解所有细节。
活动流程
在这篇文章的底部,您可以下载 Photoshop (.psd) 文件。显然,您可以使用 Adobe Photoshop 打开它,但您无需拥有 Photoshop 才能参加此次比赛。一种替代方法是使用 GIMP,它类似于 Photoshop,但它是开源且免费的。如果您在 Google 上搜索,可以找到其他可以打开您平台上的 Photoshop 文件的程序。我们还将提供一个扁平的 JPG 版本。从一个扁平的文件进行转换会更具挑战性,但也是可行的。
打开文件后,您需要做任何需要做的事情来将设计转换为 HTML 和 CSS 设计。将其切片、切分、转换,无论您想怎么称呼它都可以。您有了设计,现在将其变成一个真正的网页。
两种参赛方式,两种获胜方式
您可能会对自己说,太难了!我想要那些书是为了学习如何像那样构建网站。的确,你说得没错。像这样的比赛,以最佳作品获胜,对那些已经很厉害的人来说,就像是锦上添花。所以这次比赛的规则是这样的,前四名参赛者将是获胜的开发者,然后这四位获胜者将从这篇文章的评论中分别选出另外两位获胜者。这也是参与这次比赛的第二种方式:您可以在这篇文章的评论中留下您的姓名、真实邮箱地址(以便我们在您获胜时与您联系)以及一段话描述您对网页设计的热爱。让我们回顾一下
两种获胜方式
- 经验丰富的开发者 – 转换设计并提交您的作品。您将获得优先选择奖品的机会,并且您可以选择其他获胜者。
- 初级开发者 – 在这篇文章中评论。写一段话描述您对网页设计的热爱。
获胜开发者的姓名和网站将被公布。他们将根据自己想要的任何标准来选择获胜者。第一个评论的人?随机?最有趣的人?最真诚的人?这取决于他们。请只以一种方式参赛。
将有12 位获胜者,4 位获胜开发者,8 位获胜评论者。
设计转换的细节 / 规则
- 您只需要创建模型中的那个页面。子页面完全可选,创建它们不会获得额外积分。
- 设计模型中存在的每个元素都必须出现在您的最终设计中,至少要包含这些元素。如果您愿意,可以扩展现有内容。请记住,您所做的一切都会被评判。添加额外内容可能会让您的设计更上一层楼,也可能会让您的设计跌入谷底,而您最好将其省略。
- 没有提供任何元素的悬停状态,请发挥您的创意。
- 设计不必在每个浏览器中看起来都一样,但设计必须在任何浏览器中都完全可用,不能出现任何看起来像是错误的区域。
- 在评审结束后,所有作品将在线托管,供大家浏览。
- 请记住,较小的文件大小是高质量设计的标志,我们不应该下载 2 MB 的 ZIP 文件!
- 模型只使用了 Helvetica 和 Georgia,每个人都应该拥有这些字体。网站标题和文章标题中有一点 Helvetica Neue,您如何处理它取决于您。
- index.html 文件是必需的,您应该使用 CSS 进行设计。您选择使用的任何其他技术完全取决于您。
- 您有一周的时间,从现在开始!提交作品截止日期为 2010 年 2 月 17 日美国中部时间下午 12 点。
评审
作品将根据其质量进行评审,而不是提交时间,因此您可以将您的设计保留到比赛结束(但不要迟到!)。评审将由我和 Doug Neiner 进行。我们将测试上面列出的标准,以及许多其他未公开的/无形的因素(例如您的代码的整洁性和工艺)。
您的设计需要适应 Firefox(3.6)、Safari(4)、Chrome(4)、Opera(10)和 IE(8)的最新版本。由于这是针对熟练开发人员的,并且我们希望这是一项挑战,因此我们还将在 IE 7 和 IE 6 上进行测试。设计不必在这些旧的浏览器中保持一致。您选择如何降低设计质量由您决定。
作品提交
您可以在 CSS OFF 作品提交表格 提交您的作品。所有作品必须在 2010 年 2 月 17 日美国中部时间下午 12 点前提交。要求
- 提交一个 .ZIP 或 .RAR 文件。
- 使用您的真实姓名和真实邮箱地址(不会被公布,我们只需要在您获胜时与您联系)。
- 提交的文件解压缩到一个名为“CSS OFF 作品 – 您的姓名”的文件夹中。
- 该文件夹可以包含您完成设计所需的一切,但必须包含一个 index.html 文件。
- 我们应该能够在本地浏览器中打开该 index.html 文件并查看您完成的设计。
获胜
我们可能需要至少几周的时间来评审参赛作品,因此在宣布获胜者的时间方面没有明确的承诺,但我们会尽量在一个月内完成。一旦选出获胜者,我们将通过电子邮件通知获胜开发者,以便他们可以选出自己的两位获胜者。然后按以下顺序选择奖品
第一名开发者
– 他们选择的评论者 #1
– 他们选择的评论者 #2
第二名开发者
– 他们选择的评论者 #1
– 他们选择的评论者 #2
等等。
获胜者将选择他们想要的奖品,奖品将从列表中划去,然后下一位获胜者选择。每个人需要在 24 小时内做出选择,否则我们将需要继续进行下一项选择,否则会花费太长时间。在所有获胜者都选出奖品后,我将一次性将所有奖品寄出。
奖品
12 位获胜者,24 份奖品。最顶层的“团队”获胜者选择他们的奖品,然后我们从上到下进行,在选择时将奖品从列表中划去。每个人可以选择两样东西。列表中的最后一个人获得最后剩下的两样东西。请注意,这些产品大多是使用过的。它们是我使用过的东西,或者是我读过的书。有些书的封面可能有点破损,诸如此类。它们曾经对我很有用,所以我想把它们送给需要的人。
最重要的奖项,就像铁人料理的参赛者一样,你赢得的是**自豪感**,因为你知道你在转换网页设计方面很棒。我们将公布四位开发人员的获奖者,他们的获奖作品以及他们真实网站的链接。
此外,对于每个符合基本标准的模型转换条目,我将向我选择的援助海地的项目捐款 3 美元。所以,即使你参加了比赛却没有获胜,也会有一些好事发生。
![]() |
Smashing Book作者:众多作者
|
![]() |
CSS Mastery作者:Andy Budd
|
![]() |
Flexible Web Design作者:Zoe Gillenwater
|
![]() |
EyeTV Hybrid
我用过它,效果很好,只是不再用了。 |
![]() |
Sams Teach Yourself Drupal in 24 Hours作者:Jesse Feiler
|
![]() |
Learning jQuery作者:Jonathan Chaffer 和 Karl Swedberg
这是我开始学习 jQuery 的那本书。请注意,这**不是**本书的最新版本,但书中的代码和概念仍然相关。 |
![]() |
Microformats Made Simple作者:Emily Lewis
|
![]() |
The Art of Scalability作者:Marty Abbott 和 Michael Fisher
|
![]() |
Sams Teach Yourself HTML and CSS in 24 Hours作者:Dick Oliver
这是这本书的第七版,所以他们一定做对了什么! |
![]() |
The Web Designer’s Idea Book作者:Patrick McNeil
|
![]() |
Agile Web Development with Rails作者:Dave Thomas、David Hansson 等
警告:这实际上是这本书的第一版,现在已经出到第三版了。我不能保证这仍然是相关的。 |
![]() |
Fancy Form Design作者:Derek Featherstone、Tim Connell 和 Jina Bolton
|
![]() |
Joomla! 基础作者:Barrie M. North
这是一套书籍+DVD 培训组合(9 小时以上的视频) |
![]() |
Sams 自学 PHP、MySQL 和 Apache作者:Julie C. Meloni
书籍+视频组合! |
![]() |
维多利亚时代的互联网作者:汤姆·斯坦达奇
|
![]() |
AdSense 代码作者:Joel Comm
|
![]() |
jQuery 实战作者:Bear Bibeault 和 Yehuda Katz
这是本书的最新版本,但很快就会有第二版取代它。 |
![]() |
使用 Web 标准设计作者:杰弗里·泽尔德曼 |
![]() |
万物皆有回声由 AIGA 整理。每一页都是与设计相关的引言。 |
![]() |
Joomla 模板设计作者:Tessa Blakeley Silver
|
![]() |
Polycom® SoundPoint® IP 550请不要问我这是什么东西。我不明白。我拥有它的故事很奇怪。但嘿,也许它对你们中的一位来说是完美的。否则,把它在 eBay 上卖掉或者什么。 |
![]() |
苹果蓝牙键盘这是他们变得超级纤薄之前的旧款键盘。我个人更喜欢较大的按钮版本。我认为这对 RSI 也更好。当我使用新的纤薄键盘时,我的 RSI 非常严重,当我回到“你需要实际按下按钮”的键盘后,RSI 就消失了。 |
![]() |
Wacom Bamboo Fun 平板电脑
|
![]() |
JavaScript 基础 I & II作者:Paul J. Deitel
组合书籍和视频课程! |
好的,让我们开始吧!
以下是 PSD 文件
对于好奇的人,它看起来像这样
最后提醒:参赛作品截止时间为 2 月 17 日中午 CST,你可以在这里提交作品。通过评论参赛的人员可以现在就开始,评论将在该日期关闭。
很棒的比赛!
顺便说一下,那本 Ruby On Rails 书现在已经几乎没有意义了……事实上,最新版本这本书也快过时了。这并不是一件坏事(IMO),但 Rails 的发展非常快。
把它想象成那个时代的收藏品吧 =)
免费的,为什么要抱怨……
我最喜欢 Web 设计什么?嗯,Web 设计最棒的地方在于总有许多新东西需要学习和探索。它就像一段无止境的旅程。
// 来自瑞典的 Anders
哈哈 :) 我很喜欢这个主意,看看人们会想出什么会很有趣。我也很想自己参加这个比赛。
CSS3 一直走下去 :)
没错,没什么比用一种几乎没有得到主要浏览器标准支持的语言来编写网站代码更让人沮丧的了。
幻想 *永远* 比现实更美好 ;)
只是好奇你会如何评分,Chris,使用 CSS3 和 HTML5 会有加分项吗……使用 jQuery 会有减分项吗?
我仍然更习惯于严格的规范,但如果使用 HTML5 会有加分项,我就会尝试使用它 ;)
欢呼!
一切都是相对的,Greg。用 XHMTL 做得好比使用 HTML5 却做得不好或错误地使用新元素要好。
但如果用 HTML5 做得好,但浏览器支持失败了呢?
我认为需要一些严格的浏览器清晰度,或者优雅降级就足够了吗?
尽你所能做就好。因此,尽可能地支持各种浏览器和情况。
如果你认为使用 HTML5 而不支持 Internet Explorer 6,然后用 javascript 修复,更好,那就这样做。
如果你认为支持旧浏览器,但不要求 javascript,因此不使用最新技术,更好,那就这样做。
Chris 解释得非常完美。尽你所能做就好。愿最好的获胜。最终,一切都是 position:relative :-)
我最喜欢 Web 设计的地方在于它的多样性和可能性。我个人喜欢各种不同的 Web 设计风格,比如极简主义、插画、粗犷风格等等,那里有无限的内容和想法可以借鉴,而且只会越来越好。
条件注释可以接受吗?
那款时钟看起来很眼熟。
http://kylesteed.com/2009/new-clock-icon/
确实如此……不过它是 Shutterstock 上的一张照片。
这太酷了。如果我能从客户的网站重新设计中抽出一些时间,我就会提交一个参赛作品。如果我没有时间,我就写下这条评论,希望有人选择我。
这是对获胜者的请求:我正在学习,而印度这里没有一半的书籍,没有支付昂贵的运费就买不到。因此,这是获得这些很棒的书籍的最佳方式。
现在开始设计!
糟糕,看起来我错过了写评论的主要部分。所以,这是我关于 Web 设计的段落。
我最喜欢 Web 设计的地方在于设计社区很棒。我真正意义上开始我的博客和设计服务才一个月,但我对得到的回应感到欣喜若狂,其中包括 Doug 的回应。
这正是我确信这是我想要与我的主要职业营销分析师一起进行的职业生涯。现在你知道我的秘密了,给我我的书!:)
哇,Chris,这是一个很棒的想法,一个 CSS 比拼。我最喜欢 Web 设计的地方是,它既简单又困难。
Web 设计可能很枯燥,而且试图修复 IE6 的 bug 或者仅仅试图思考页面上所有元素如何连接起来都很有挑战性,但一旦你克服了这些挑战,你就会感觉自己站在世界之巅。Web 设计师必须是“多面手”,艺术家、有远见者、创造者和学习者。我大约 14 个月前才开始从事 Web 设计,在此期间,Web 设计领域已经发生了巨大的变化。
虽然看起来似乎有无限的东西要学习,但你总是感觉自己是大师,就像你无所不知一样,但同时你又不知道自己究竟在做什么。Web 设计是一种表达形式,这里没有正确与错误的答案。
什么让 Web 设计变得简单?博客圈,我是自学的,实际上我是从 Chris 的视频教程中开始接触 Web 设计和 CSS 的。所以我想这里也包含了一些感谢。
你可以在编码比赛和评论比赛中同时参加吗?
感谢 Kev
感谢你举办这个比赛!我会试着参加,但我真的不是专业人士。
这个比赛唯一我不喜欢的地方就是我必须为 IE6 编写代码。上次我为 IE6 编写代码的时候它还是最新的浏览器,顺便说一句我只有 16 岁。
我还是会试一试 ;)
我不认为他们说你必须这样做 - 但你可以这样做。
跨所有浏览器提供良好的浏览体验并不意味着要像素完美,而是要将内容传达给用户。
所以你在六岁的时候就做网站了吗?:)
我的意思是 IE7 还没有出来的时候。
@Phunky: 是的,我明白,但这仍然让人心烦,因为你必须在几乎所有你做的事情上检查 IE6,否则就会出现灾难。即使它不必像素完美。
网站不必在所有浏览器中都一样。
重要的是没有任何东西会/应该看起来“损坏”,并且公司标识毫无疑问地得到认可。
真是个好主意!没有人会因此受到影响(
哦,开始了。祝大家一切顺利!
在您使用 Gimp 打开 PSD 时,现在有一些内容在 PSD 中显示。一些文本阴影、背景和边框。没什么大不了的。只要仔细看看 JPEG 就可以了。
听起来很有趣。有没有关于与他人合作并分享奖品的规定?
我迫不及待地想看看所有的诠释。你会把投稿发布到某个地方吗/如何发布?
刚打开文件,有一件事我忘了问,而且我也没看到任何地方提到;使用什么字体?
他说用的是 Helvetica 和 Georgia。
还有一点 Helvetica Neue。
是的,文章标题是 Helvetica Neue Thin,真倒霉,我没有 Thin 变体 X(
我直到 14 岁才开始接触网页设计。我小时候就对学习编程很感兴趣,从 C 语言开始,但因为它的复杂性而失败了。然后我转向了 HTML。一开始我的头都炸了,但后来我开始理解成为一名程序员意味着什么。后来,CSS 走进了我的生活。我慢慢开始成长,现在,15 岁,仅仅一年,我理解了成为一名程序员意味着什么。这是我希望成为我生命一部分的事情。所以我真正喜欢网页设计的原因是,它让我学习了编码,在我心中种下了程序员的种子。
好主意!
Chris -
正如 PSD 经常出现的情况一样,这似乎在 GIMP 2.6 中无法正确显示 -
http://jdeerhake.com/misc/css_off_gimp.jpg
我不太熟悉 GIMP 打开 PSD 的方式,但似乎 960gs 覆盖层设置为可见。
底部 3 个块的背景不可见。只有一部分边框和文字阴影。
是的,底部这两个框的图层蒙版有问题。
Gimp 在处理 Photoshop 的蒙版时存在问题。只需检查这些图层并删除它们的蒙版。
好的,我认为我已经修复了图层蒙版,但谁能告诉我 - 在底部这 3 个框中,蒙版设置为完全白色还是更低?
还有一个平面的 JPEG 可用。只需与那个进行比较,因为它是在 Chris Coyier 的机器上渲染的方式,也是应该有的方式。
最终产品将如何使用?
我喜欢网页设计,因为编码是我最接近数学的东西(我一点也不懂数学),没有数字,它让我有满足的“啊哈”时刻。
我刚接触 CSS,实际上这个网站帮助我学习它,但我参与了!还有什么比实践更好的学习方法呢?好主意!
好主意,但你遗漏了一本书:Andy Clarke 的《超越 CSS》,CSS3 推动者。(但话又说回来,我怀疑你可能还没有接受 HTML5/CSS3 用于一般用途,即使使用一些文件开头 JavaScript 技巧……)
总之:好主意,但现在我退出:正在用 HTML5/CSS3 重写我的网站。然后我会降级到 HTML4(“class”策略),直到我看到我的用户大部分都不使用 IE6。很有趣!
我有那本书,真的很喜欢。留着自己收藏=)
我试一试.. 回家下班后就开始做!
嗨,Chris,我不喜欢指出错误,但在“两种参赛方式,两种获胜方式”部分,你说 8 位开发人员将获胜并选择 2 位评论者,然后你在下面说 4 位。
是我的错误。是 4 位获胜的开发人员。
我爱它,网页设计最棒的地方是能够与全世界分享艺术。互联网对我来说是一个艺术画廊。在那里,我沉思着最棒的、独特的、不拘一格的和大师们的作品。
作为一个从青少年时期就开始编程,现在已经三十多岁的人,我一直着迷于成为网页设计的大师,成为这所有不同事物中的一种。所以你提供的任何书籍都一定能帮助我实现目标。
And She Has Spoken
还有一件事,你能做一个关于文件上传的教程,其中包含将文件通过邮件发送给你或放到目录中以及将其调用的不同选项吗?我很好奇你想如何处理这个项目。
谢谢
网页设计是一段美妙的旅程。当我第一次开始网页设计时,我当时了解到它只是在 Photoshop 中裁剪图像,然后在 Dreamweaver 中将所有内容放在一起。然而,大学毕业后,我学习了 html/css,并对通过精美的网页设计展现的可能性大开眼界。有时课程让人沮丧,但我学到的东西帮助我发布了当前网站的修订版。我一直在努力提高我对 css 的了解。
好的!让我们开始吧!
赠品竞赛(书籍)只限于美国吗?我可以在东南亚参加吗?
是的,可以,全球范围。
对于设计,最适合的格言是:“你只受限于自己的想象力”。我认为设计出很棒的设计结构的可能性是无止境的,这个过程永远不会结束……
我们/可以基于某种 CMS 框架(如 WordPress 或 Joomla)构建它吗?
请不要以这种方式提交您的参赛作品,我们只评判符合上述规则的参赛作品。如果您最终想将其转换为 CMS 主题,您可以这样做。
如果你不能/不想在静态 HTML 文件中开发(在我看来这更容易)
那么就创建主题/模板并在浏览器中查看它。然后查看源代码并将其复制粘贴到 .html 文件中。
如果你真的想要一个 CMS,就用吧。但我怀疑它会有什么帮助。
最终结果需要是静态 HTML!
嘿,我也可能会参加 :-)
你必须记住,压缩包(zip 或 rar)必须包含一个 index.html 文件,并且它必须在计算机上的任何地方打开,并且必须在有或没有互联网或 PHP 服务器的情况下工作(规则中隐含),因此静态 HTML 看起来是更好的选择。
它对所有人开放吗(例如,来自英国)?那款劣质手机的运费要花一大笔钱!;)
是的,比赛对英国参赛者开放吗?
我也想知道。我来自智利(几乎从你的地图上掉下来)。
Chris 已经说过你可以全球范围内参加。
很高兴看到这场比赛。就像 JD 说的一样,没有人会踩到你的脚趾。
我喜欢学习新事物。
网络……世界上最令人兴奋的海滩 :P
是的,它拥有广阔的信息海洋。没有理由任何人会不喜欢它。我会一直睡在海滩边。:P
我仍然是新手,所以我没有机会和这些高手一起玩……但我鼓励我的,也是我喜欢网页设计的地方是它作为创意出口的低门槛。
如果你想获得“我制作了它,它看起来很棒!”的感觉,你需要一个项目和一个实际打印东西的理由,才能尝试印刷设计。艺术家可以随心所欲地绘画/素描,但让自己的作品展出可能很困难,摄影也是如此。刚刚起步的音乐家会发现离开车库或本地演出很困难。
但网页设计……嗯,任何人都可以获得一些便宜的托管和域名,然后 BAM,你的作品就可以供全世界观看。
此外,网络现在让那些刚刚起步的艺术家、摄影师和音乐家能够以全新的方式与国际观众联系……这是创意人士的梦想!
太棒了!!!我仍然是学生,但快毕业了。我兼职做网页设计师/开发人员。这对克罗地亚女孩来说并不常见。我会为了那个平板电脑而拼命的!我已经看到比赛很激烈了……祝我好运(祝我自己好运)
哈哈,我真的很喜欢你的评论。如果你的提交没有成功,而我应该赢了,我会选择你作为我最喜欢的评论,并尝试给你平板电脑 :-D
有趣的比赛!
我参加了!
好主意,我一定会参加,只要我腾出时间。
关于使用 CSS 框架和开源脚本(例如 JavaScript 灯箱或滑块……)是否有任何规则/注意事项?
我非常喜欢网页设计/开发的一件事是,你可以轻松地与所有人分享你的作品,即使是那些不懂技术的人。你现在正在做什么?我只需要给他们一个链接:那个网站或那个网络应用,它就可以正常工作。无需安装任何东西,即使我的奶奶也知道如何使用浏览器,也可以看到我在做什么。
此外,我喜欢它融合了多种技能,有时你需要深入研究代码和算法,而有时你需要对设计和可用性有深入的了解。
它允许你定期使用大脑的两侧。
可惜了 - 没有时间参加比赛,忙于自己的项目,所以我留个言。完成。
我参加了,很棒的比赛。
我创建了一个根据你的截屏视频制作的 WordPress 主题。 http://www.akvaryumkeyfi.com
当然我可以做到,但并不完全一样。
网页设计就是关于你拥有的创造力和技能。没有人可以偷走你内心的创造力,而证明你最有创造力的最好方式就是设计创造力 :)
两种获胜方式,我选择了第二种……
我非常喜欢在大学里学习网页设计,但我没有指导我编写代码或其他东西,所以最终我只对它感兴趣,而不是悲伤地跳入开发……
所以我连接到互联网后,我在几个网站上浏览,找到了 psdtuts,从一开始就关注它,然后是 nettuts,之后社区里出现了几个博客,然后我开始学习,还在学习 :(
我喜欢读书,而不是观看/阅读教程,所以它只是让我们从头开始,所以这场比赛对我来说是一个福音,感谢 Chris!我想要 jQuery 或 CSS 书……
我喜欢网页设计的原因是:它现在变得更强大,有更多框架可以让我们少写代码,做更多事情,[首先他们制作表格,现在使用 CSS,首先他们编写 Javascript,现在他们使用 jQuery,首先他们编写原始 php,现在他们使用框架,它正在发展,所以我喜欢学习更多] 以及许多教程可以学习,它让一个网站变得优雅,这是对优秀设计的需要,我也喜欢制作这样的网站 ;)
凭我的运气,我肯定不能赢 :D
PS:英语不好,当然 :D
我对网页设计的定义既简洁又强烈。
网页设计是艺术:线条和色彩来表达自己。
我可以从以色列参加吗?
Chris 早些时候说过:“是的,你可以,全球范围”。
那么,我喜欢网页设计什么?社区、社区、社区。什么领域可以尽其所能传播它的秘密,并免费收纳新人?我只遇到过这一种。
不错的比赛。我想参加编码比赛,但由于时间限制,我不能参加,而且与大多数人相比,我仍然认为自己是一个新手。
我喜欢网页设计的一件事是,它都是相同的代码,但却如此不同。结构可以相同,但颜色、边距、填充和排版赋予网站不同的偏移量,使其独一无二。就像人类一样,相同的构建,不同的个性。
我希望比赛顺利进行。祝所有正在开发它的人好运。
进行一些春季大扫除?
你好,Chris。
我可以使用网格系统吗?
规则中没有说不允许。XD
哇,真是一个很棒的赠品。
好吧,我真的很喜欢编写 HTML/CSS 代码。我也喜欢 HTML5 和 CSS3 带来的新时代 :)
我最喜欢网页设计和开发的地方是,在为客户制作网站的过程中,我不仅可以锻炼我的创造力和解决问题的肌肉,而且当客户看到他们在线问题得到解决时,我也可以获得即时的积极反馈,并且可以通过更大的销售额从他们的客户那里获得相对快速的反馈。人人皆赢。
我最喜欢关于“优秀设计”的地方是它实际上可以起到吸引注意力,以及增强“优秀内容!”的作用。
我喜欢网页设计的一件事是,你只需制作漂亮的网站就能吸引客户,而不是实际提供优质产品。提供优质产品是一回事,但提供一个优秀的销售媒介,例如一个可用且易于操作的网站,将肯定有助于更容易、更快地从这些产品中产生收入。
除了我每天都像吃巧克力一样关注你的博客之外……我目前在Mysql、Jquery和Drupal方面已经眼花缭乱了……我需要这些书!哈哈
正是网页设计的这个方面让我爱上了它。仅仅绘画、画几个圆圈、做一些花哨的矢量形状,或者用钢笔工具让自己惊艳,是一回事,但能够将左脑和右脑结合起来创造出奇妙的作品,这才是真正的狂喜!我感觉自己离成为一个名副其实的文艺复兴人又近了一步。如果你问我:为什么我喜欢网页设计?……我会告诉你:因为我既可以像数学家一样思考,也可以像艺术家一样表达感情。:)
网站设计 我爱什么?
IE6,它很别扭,但你不得不爱它。
1. 盒模型
我喜欢填充会增加宽度的事实。虽然在我看来边距不应该增加。
2. 不支持PNG。
这是个谎言。它完全支持PNG
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(标准不喜欢这样。)3. 它已经存在7年了。
并且20%的互联网用户仍然喜欢它。
4. 它并不慢。
你认为它处理了多少条件语句?我有4个脚本(30KB)让IE6的行为像一个正常的浏览器。
5. 怪癖模式。
对我来说,它总是处于怪癖模式。我喜欢它的怪癖和与众不同。
6. 不是它。
你的汽车坏了,少了一个方向盘,你会责怪谁:汽车本身,还是制造它的人?
IE6缺少一些螺栓。你会责怪谁。
IE6制造商(只做界面)还是Trident(做布局)
7. IE6有一些错误,但他没错。
75%的网络用户使用IE6。这意味着如果他们想包含一个爆炸函数,他们可以。或者一个烤鸡函数,他们也可以。人们会接受它。实际上,为什么Netscape、Firefox和Opera要如此困难?
建议
IE9从你的错误中吸取教训。
并乐于犯错。
Firefox有很多错误。但是他们在新版本中修复了它们(你会得到新版本,因为你已经收到了通知)。
IE是一个糟糕的品牌名称。
为什么他们不买下Firefox的代码。
够了,别再抱怨了。
网页设计就是你对IE6的感觉。
如果我们使用CSS3,我们会因为缺乏浏览器兼容性而扣分吗?
看一下这条规则
“设计不需要在所有浏览器中看起来一样。但是,设计应该在任何浏览器中都能完美使用,没有任何区域看起来像错误。”
它们必须在最新的浏览器中工作,比如Safari(4)、Opera(10) Chrome(4)和Firefox(3.6),对于旧浏览器的降级由你自己判断。
这个比赛的想法不错!
我最喜欢网页设计的一点是它的灵活性。它不是静态的,而是随着时间而改变的。
我认为这是一个好主意!我真的很想赢开发者选项,但我自知不可能。
我在大学学习网页管理,喜欢网页设计。我正在慢慢学习,并期待着有一天能真正有资格参加像这样的比赛。
总之,为什么我想要这些奖品?我想要任何能帮助我提高网页设计技能的东西。另外我喜欢小工具和科技,并且把我的每一分钱(虽然不多,因为我还是个学生)都花在了最新的玩意儿或潮流上。
我希望你们这些经验丰富的设计师中有人会选中我,让我赢得奖品!还有,祝贺你赢得比赛……享受你的奖品吧 :)
嘿,Chris,
你简直是点燃了全世界!
网页设计是将内容以一种有意义、优雅的方式传达的能力,这能增强与内容交互的体验,而不是压倒内容。
网页设计最好是让人在不知不觉中使用它。它只是被使用而已。
我对网页设计的热爱
网页设计帮助我们这一代人和未来的人们走到了一起。在当今世界,一切似乎都快要崩溃,我们的舒适区正在被剥夺,网页设计却给庞大的个人网络带来了温暖的安全感。设计师不再局限于自己的地理位置,而是能够接触到多种文化,从中汲取影响和见解。
在所有文本、图像、动画、颜色和理论之下,网页设计包含了其创造者的内心。搜索网络不再是在五颜六色的杂乱无章的标签设计中浏览,而是现在,由于网页设计师的努力,它已经变成了一个令人震惊的充满活力的动态图像和时尚排版的空间。
所以,基本上,我喜欢科技让艺术和平面设计在很多方面取得进步,并且为设计师展示他们的艺术和信息提供了更多选择。
感谢这次机会!
我试图在Themeforest上发布一个论坛帖子来推广这个比赛,但它被删除了,因为这里有广告与TF竞争,好吧,希望一些来自那里的开发者无论如何都会参加。
我仍然处于网页设计学习的早期阶段,了解HTML和CSS,但不知道jquery,还需要Photoshop或一个好的克隆版本并学会如何使用它。从PSD到图像的转换对于参加这个比赛来说是很难的,如果我能做到这一点,我会提交一个参赛作品,我相信我能处理HTML/CSS编码部分。
Al
哇,这是他们删除它的原因吗?这对我来说很奇怪。
就是这样,Themeforest的一封邮件中提到的
我已经禁用了你在CSS Tricks上最近的帖子。主要原因之一是网站上有直接链接到我们竞争对手的广告。希望你能理解。
致敬,
Thinesh P
帖子很快就被删除了,现在已经不存在了。希望一些来自那里的家伙能来这里参加比赛,让我们看看他们有多厉害。
Al
下载GIMP,就像Chris上面提到的那样。这是一个免费的应用程序,但我认为它工作得很好。
http://www.gimp.org/
它显然不像Photoshop那么全面,但足以用来切片和切块成可用于网站的图像。
希望这有帮助:)
如果你使用的是Mac电脑,你可以购买Pixelmator,它类似于Photoshop,但功能有限,但50美元的价格还是很值得的。
我冒昧地说一句,我真的不喜欢网页设计。我可以撒谎,编个关于田野里盛开的鲜花之类的答案,或者直接说真话。
我认为网页设计是当前在万维网上部署的服务器-客户端范式的一种必要条件。如果没有颜色对比、排版和丰富的界面,网络体验将会变得平淡无奇。网页设计是维护浏览在线用户和代表所浏览内容的实体之间协同作用的关键方面之一。
在书架上再加一本书,远不如创造然后反思的机会和能力更有价值。我祝比赛顺利,并迫切地想要看看这个社区会提交什么作品。
我对网页设计的热爱是什么?我喜欢它让信息比以前更容易获取。互联网上的基本信息排序是这样的:首先,你让大众获取信息。然后你越来越多地发布它,这样人们就会对它感兴趣,即使他们以前没有。如果信息以一种有趣的方式呈现,那是一个加分项,但如果它不可读,或者读起来很差?如果你必须对网络本身进行信息排序,以便读者可以更有效地浏览它怎么办?或者更糟糕的是,如果你的网站上的信息在其他地方也可以获得,虽然质量相同,但呈现方式更好,读起来更好,让访问者想要获取更多信息?虽然这是一个本质上是修辞性的问题,但我还是会回答它:如果你的信息无法阅读,你的设计就很糟糕。
信息需要整齐地排序才能观看,而网页设计为我做了这件事。这就是我爱它的原因。
GIMP对图像没有帮助。你能以单独下载的方式提供图像吗?我没有Photoshop :(
我想我们必须考虑字体许可问题,所以不能使用@font-face或sifr等。
是的,我也对此有疑问,我的字体族设置是先获取布局的字体,然后获取其他字体,但通过http://www.fontsquirrel.com/fontface/generator可以轻松地将字体嵌入任何网站。
“但你不需要使用Photoshop才能参加这个比赛。一个替代方案是使用GIMP……”
你也可以使用Fireworks。
Chris,我们中没有多少人拥有你在设计中使用过的所有字体(我只有一些,相信我,我已经拥有超过 13,000 种字体)。
由于上述原因,使用图像代替实际字体(通过 @font-face 或脚本),是否会被认为不如那些拥有字体并将它们嵌入构建中的人?
整个设计中只使用了三种字体。其中两种是标准的 Helvetica 和 Georgia,每个人都应该拥有它们。另一种是 Helvetica Neue(标题和文章标题),你如何实现它将是你的评判标准之一。与该设计中的其他所有内容一样,像素完美不是必需的,但需要做出明智的选择。
好吧,里面有 LucidaGrande-Bold
查看一下:http://img688.imageshack.us/img688/5719/screenshot210201063611p.gif
没关系,我找到了 LucidaGrande-Bold:是“继续阅读”按钮中的小箭头。
Georgia 或 Garamond 有相同的符号。
谢谢。
我打开了 PSD 文件(使用 Windows 7 Ultimate 上的 CS10),当我收到关于字体替换的警告时,我感到震惊!
我最近对 Win 7 进行了全新安装(没有从 Vista 升级),并且希望 Photoshop 会提供 Helvetica 字体系列。事实并非如此,至少在我的情况下是这样。
Helvetica 没有出现在 Win 7 的字体列表中,也没有出现在 PS 的字体列表中。
没什么大不了的,这可能是我的安装的一个怪癖,但是假设 Helvetica 可用对我来说并不奏效。
Georgia 很好。
只是需要注意的一点。我很想知道是否有人注意到这一点。
据我所知,Helvetica 从来不是 Windows 字体。
实际上,Mac 有几个版本的 Helvetica。我已经看到至少 3 种 Helvetica Neue 子类型和几种 Helvetica - 例如,Helvetica Bold 从技术上讲与 Helvetica 不同,它是加粗的。我仍然喜欢 Mac 设计师(至少是我合作过的一些人)使用 Helvetica 的方式,尽管它在 PC 上的渲染效果很差,即使 PC 安装了它 - 他们不喜欢 Arial 在 PS 中的渲染方式,因此他们坚持使用 Helvetica。我会在我的作品中坚持使用 Arial,主要出于实用性 - 如果一种字体在 90% 的计算机上看起来像屎,就不应该使用它,IMO。
撇开字体之争,我是你的忠实粉丝,希望将来能参与更多讨论。:)
我可以确认,Helvetica 从来不是 Windows 的标准字体。他们制作了自己的廉价复制品,并将其命名为......Arial
实际上,在 Arial 出现之前,Helvetica 是 PC 上的标准字体。然后微软制作了 Arial,并向 Helvetica 说再见。当然,除了他们自己的标志,它是 Helvetica。
我喜欢网页设计总是有所不同。概念和想法可能保持不变,但每个客户都是不同的。网络在不断变化。它不再是一种停滞的媒体,未来对我们能想象的任何事物都是开放的。
我们将永远是学生和老师。学习新事物,教授旧事物;这永远不会过时。
网页设计总是促使我去学习和学习新事物!
我喜欢网页设计什么?这个问题,每个人都可能会以完全错误的方式回答:是的,网页设计对我来说很好,我学到更多,我理解更多,多样性和可能性。我喜欢极简主义、插图、磨砂(这很令人震惊),我也喜欢修复 IE6 错误(哇),它很容易学习,因为我们有博客圈,你的脑袋爆炸了,直到猜猜什么,CSS 来了,统治了我的世界。让我们看看还有什么......好吧,这是一段旅程,你可以分享一些美妙的艺术。最后但并非最不重要的是盒子模型、怪癖和 PNG。
伙计们,你们错了重点,如果你喜欢网页设计中的代码,那不是网页设计,如果你喜欢这个想法,因为它很酷,每个酷人都在做它,那也不是网页设计。如果你认为你必须了解所有奇怪的东西,并用心记住 CSS 规范,然后你才算是一个网页设计师,那么你疯了。
网页设计是关于打开你的脑袋,去学习你无法想象的更多知识(而不是信息)。这是你能做的最好的练习,可以扩展你的认知和想象能力。你在这段时间里学到的所有东西其实都是过眼云烟,唯一的益处将是你的头脑,你敞开的心胸,准备从各个角度看问题,准备比以往任何时候都更深刻地理解事物。所以,为了回答你的问题,我喜欢网页设计,因为它改变了你对周围环境的感知和理解,以及更多。
“我们应该能够在本地浏览器中打开该 index.html 文件,并查看你的完整设计。”
这意味着没有外部引用资产(来自 Google CDN 的 jQuery 等......)?
这很好......假设谷歌在那天运行良好。如果你有任何疑问,请使其本地化。
克里斯,
你是否会分别为开发者对参赛作品进行评论?如果我参赛,我不介意得到一些关于我的 FE 技能的反馈。我会更重视你的意见,而不是任何现有的赠品。
基本上完成了。正在添加一些小装饰。这是一个不错的雪天项目。可能要让它停留一段时间,看看我是否想添加一些东西。
祝大家好运。
我喜欢网页设计的一件事,对吗?
好吧,它由两件事组成,这使你能够使用大脑的两侧:创造力和逻辑。你创建你的设计,然后以最简单和最有效的方式编写代码(这需要你使用逻辑)。
我认为这是唯一能让我保持理智的职业。
110% 同意。
很棒。
克里斯,这是一个很棒的比赛创意。我要试着参加,但我怀疑我是否有足够的时间在一周内完成。太可惜了,我想我会把代码写出来,即使我没有及时完成。这会阻止我变得生疏!
我喜欢网页设计的地方:与许多编程不同,我在 HTML 和 CSS 中所做的更改会立即在线显示(只要我的缓存已清除)。不需要等待,它会立即发生。
我能说什么?我喜欢即时满足。
(这并不是说网页开发不需要很多工作,但是......哦,你明白我的意思。)
我喜欢网页设计的地方是,我认为它是为数不多的几个职业之一,在这个职业中,你看到了同事之间的合作和分享,不仅是资源,还有知识。我即将从平面设计学校毕业,我将加入这个社区,并将尽我所能回馈我所获得的一切。
我刚刚意识到我不能以两种方式参加比赛,我已经发送了带有 HTML/CSS 的文件,所以请忽略我之前的留言。我将通过转换 psd 来参加,谢谢。
我全职工作和学习,所以没有机会;但是看看这个......这是我见过的最棒的网站 - 继克里斯的网站之后 - 我想说明一下,我不是设计师......
我喜欢网页设计的地方是它允许我动手(而实际上并没有动手)。设计网站就像实际建造东西一样。我的父亲是一名木匠,他负责改造和完成木工工作。我觉得我就像他一样在建造东西。奇怪的是,网页设计只存在于屏幕上,从技术上讲,它没有实物(或传统意义上的实物)。即使网页设计是二维的,成功的网页设计也会模仿现实世界中的物理定律。我喜欢事物完美契合,从视觉上解决问题带来的满足感是如此美好,没有比这更好的感觉了。
哦,天哪,我喜欢这个主意,我要试一试。这个设计非常复杂,但我喜欢它!
CSS 3(尤其是 RGBa)会使设计变得容易很多,并会为更具语义的标记提供机会。但这让我感到困惑,IE 6 JS 技巧是否允许?
你知道,我刚开始学习网页设计,我还没有掌握 Photoshop,所以尽管我知道我无法赢得书籍(或奇怪的手机之类的东西),但我还是会尝试将其转换为 html/css。
我真心认为你应该考虑发布一些 PSD 文件(也许不同难度的),供新开发者使用,我认为这会很有帮助。我认为我在这个网站上学到的东西比其他任何地方都多。这将是你帮助他人的另一种方式:)
我喜欢网页设计的一点是,这个社区愿意通过免费资源(比如这个网站)来帮助人们。因此,一个有胆量的人可以在网上免费学习高质量的职业,并受到同行们的尊重,就好像他们上了常青藤盟校一样。与此同时,这个领域非常细致入微,并且随着新技术实施的快速发展,对网页设计师的需求超过了熟练设计师的数量。这使得网页设计成为一个很有趣的职业,拥有良好的就业前景。这些特性加上工作提供的地理位置灵活性,使得网页设计成为一个理想的职业。
感谢你把这些放在一起,Chris!
很难说我最喜欢网页设计的哪一点,因为它是一个多功能的环境,拥有无限的边界。然而,我可以说,也许最有趣和最令人惊叹的一点是,它是一种任何人都可以进行的艺术——无论他们的才能如何。在我看来,它真正需要的是一些耐心和努力。我自己就是个例子。我比正常年龄组要年轻一些,准确地说只有 12 岁,但年龄对我来说网页设计意味着什么没有任何影响。事实上,我已经为一个主要的行业创建了几个网站,每周都有数千次访问。对于其他设计师来说,这几乎是一个日常项目,但对我来说,这是一个挑战。所以,虽然网页设计一开始看起来很难,但它并不不可能,无论是谁尝试它。
除此之外,网页设计改变了我对周围环境的看法。自从我开始以来,我一直有一种“这是怎么工作的”的态度,它给事物带来了新的视角。不仅仅是电子产品,还有人们的想法、思想、行为。对我来说,日常生活是如何运作的,是一个无休止的探索,想要了解它的运作方式。是的,网页设计确实需要记住一些元素和例子,但设计一个网站确实是一门艺术:你可以发现使它工作并把它整合在一起的功能和幕后图形。
我喜欢网络和编程的一点是:自由。谁不喜欢呢?十几岁的孩子编程了 Facebook。网络赋予个人学习和做他们想做的事情的能力,无论他们是谁,或者他们在现实生活中做什么。这几乎是一种宣泄。互联网疗法,有人吗?域名仍然可用。
我是一名平面设计专业的学生,完全被如今网页设计带来的效果所吸引。它不仅仅是关于保留互联网特有的传统,它更是我们新媒体的前沿。它是印刷技术的复兴,应用于网络标准,它是数十种设计学院理念的融合,掌握在任何有决心弄清楚它的人手中。因为我们知道,对我来说,好的网页设计不仅仅是整理信息,而是关于指引人们走向新的方向。独立的网络开发者是我们社会在“眼见即所得”的互联网中可以走向何方的第一也是最后的话语权。在人类历史上,艺术家和工程师很少像今天这样获得我们所看到的信任和权力。
这令人鼓舞和激励,最重要的是它对我来说是实质性的,真正的实质和动力,而我们的其他进步似乎很缓慢。
嗨,大家好,我是 Louie,一个有抱负的网页开发者,我明年开始上大学。
我喜欢网页设计和开发的地方在于,它的核心是 **道德**。像这样的社区致力于“最佳实践”,这抛开了最终结果。作为一名开发者,我不必担心一些大人物的企业混蛋告诉我我必须按照他学到的方式编码。我知道我可以而且应该以一种维护弱者利益的方式编码:用户和未来查看代码的开发者。不仅如此,还要让那些使用屏幕阅读器(或被称为 IE6 的疾病)的人也能从中受益,因为 **我** 选择帮助他们!
就是这样,感谢您的时间。
我在考虑做这件事,但后来看到了设计。
太恶心了,我绝对不会把那个怪胎切碎!
为什么我喜欢网页设计?
我相信我的故事与大多数人不同。我受过化学工程师的训练。我在生物化学工程领域进行癌症药物研究,并且刚被宾夕法尼亚大学化学工程博士项目录取。
那么,我与网页设计的联系是什么?
这是我的激情。就像我投入到我的教育中一样,就像我对那些对我来说毫无意义的愚蠢方程式熬夜一样。我喜欢网页设计。它很有创意。它很有趣。它可以被掌握。它可以被传授。
网页设计几乎无处不在。只要我不沉浸在科学论文中,我就编程。多亏了 Chris 和这个不可思议的网站,我从 Dreamweaver 切换到了手动编码我的网站。我研究了太多网站的代码,以至于我终于开始更好地理解 CSS 和 HTML。
我喜欢网页设计。这是我的爱好。这是我的激情。除了化学工程,这就是我所做的一切。
祝大家一切顺利:)
我喜欢网页设计的一点?
它创造了无限的才华和创造力。
我没有时间参加编码部分,但会保存文件以备将来练习(我仍在学习基础知识,这对我有很大的帮助)。当然,一本支持我学习的书会很有帮助:-)
好主意,Chris,我刚提交了我的尝试!
我认为第二种方式对我来说更好,因为我还在学习网页设计。很棒的想法,Chris,谢谢!
你们关心 CSS 验证吗?我的意思是,我可以使用 CSS hack 吗?这会影响最终得分吗? ;)
Chris Coyer 说:“该模型只使用 Helvetica 和 Georgia,每个人都应该拥有这些字体。”
信不信由你,有些网页设计师使用 PC。我们没有 Helvetica(除非我们花很多钱购买它)。
在 CSS 中指定 Helvetica 并使用 Arial 作为备份就足够简单了。
我必须在家里同时使用 PC(工作中)和 Macbook Pro。
是的,但这意味着我无法在 Photoshop 中选择文本以查看字体大小、粗细等。只要我单击它,它就会被替换,并且会改变布局。
CSS
**C**ool and **S**imple to **S**tyle with, the **C**reative **S**olution that **S**hows off **C**lever, **S**mart **S**tylists.
—–
我正在快速学习 CSS 和 PHP,动手实践。我大部分知识来自这些网站,以及查看现有的例子。
希望花更多时间在网页设计上,它让我放松。
Ciao
clokey
To **C**ontinue **C**ontemplating **C**almly Mr. **C**loake.
**S**ince **S**tupid **S**tress **S**ucks **C****k Sometimes
A **S**ecret to **S**uccess – **S**top and **S**tep away and **C**ome back to it later.
如果你曾经因为代码无法工作而感到压力。有时你得走开,清空你的思绪。这很有效
我不是说你 *必须* 这样做,只是一条友好的建议,让你继续保持放松:)
我认为我最喜欢网页设计的一点是“啊哈”时刻。在几个小时内与 php 或 js 脚本作斗争,最后终于搞定它(通常对我来说是凌晨 2 点),并且知道你独立完成了它。我也喜欢从空白处开始创作,在那里可能性是无限的。每次都很新鲜,永远不会厌倦。我想如果它真的变得厌倦了,就该做其他事情了。感谢你的比赛。
哦,太有趣了!这就是我喜欢网页设计的地方!我喜欢将平面图片变成带有代码的动态功能网页的类似拼图的解决问题的过程。我很确定我不会赢得设计部分,因为我还是个新手,还有很多东西我不知道(咳咳,jQuery!),但这是一个学习新技巧的好方法。感谢你,即使我没有赢得任何书,我还是要玩这个设计!
非常棒,不过我有一个问题,如果你要送这些书的话,你现在在读什么书呢?
我真不知道是否该把自己归类为经验丰富的开发者还是初学者,因为最近我做了一个网站,感觉自己完全不懂 CSS。不过我想我应该参加经验丰富的开发者组吧。
让我用一段话描述我对网页设计的热爱,就像让我列出过去一年我访问过的所有网站一样。我喜欢网页设计的理由太多了,多到我自己都不知道该从哪里开始。我从来没有想过自己会做网页设计(编写代码),而且当我开始做的时候,我再也不想不做,无论是字面意思还是比喻意义上。我也不知道为什么,我就是瞬间爱上了它。
#1 – 网页设计本身就是燃料。
#2 – 让火焰燃烧更旺的加速剂是互联网让学习变得免费、易于获取,几乎是瞬时就能获取。
#3 – 准备好了吗,我们来划重点!网页设计就是显而易见的火焰,我们都为之倾倒。
它让人渴望,总是充满灵感。就像熊熊燃烧的热情。永不熄灭,永不衰减。依靠着永不枯竭的生命力。
另外,上面提到的#2是持续的,为火焰提供源源不断的燃料,因为网页设计、开发和图形设计资源非常丰富。这并不奇怪,因为这些东西构成了我们浏览网页获取信息用来构建... 我们浏览的网页。这是一个悖论吗?构建的挑战,以及让它运作起来的成就感,任何人都可以在任何地方看到它。
你使用、浏览和探索你花费时间学习如何开发、展示和使其运作的东西。这真的很有道理,就像两只手互相扶持一样。
还有什么比用那么多人都在用东西,既为了与网页设计相关的理由,也为了普通互联网用户会有的理由,更好呢?当然是在工作和娱乐中结合起来!对我来说,这简直是完美的世界。我无法再比这说得更清楚了,不,我真的可以。我可以坐在这里,一整天都谈论我对网页设计的热爱,但现在该开始写代码了!我已经占用了足够多的评论空间了。
祝所有参赛者好运!
我真正热爱网页设计的原因是,它将许多人的热情——创造力和逻辑编程——融合在一起,让设计师能够开发自己的风格,使其个性化、灵活且令人惊叹。
我爱你,想要和你生孩子,这样他们就能创造出完美对齐的 PSD,并将其分解成标记良好的图层。
作为一名开发者,我永远不明白为什么设计师会提交如此混乱的 PSD 进行切片。你让我重燃了对... 好吧... 人类的信心!:D
不错的比赛,Chris。对于那些有时间的人来说,这是一个好主意。不幸的是,我没有时间。
我喜欢网页设计的地方在于它一直在不断发展,这让我充满动力。我必须不断尝试新事物,快速学习,否则就无法跟上潮流。
拥有广泛的技能(设计/开发),使用不同的工具,只要你专注于一件事(但我还没做到这一点),也是件好事。
天啊!我绝对喜欢为别人的设计编写代码(尤其是这个!)。如果这场比赛不是在本周举行就好了。
无论如何...
我绝对热爱网页设计的原因是,这个行业在不断变化。在相对较短的时间内,我们现在可以使用 CSS3 和 HTML5 进行开发。而浏览器,它们也在不断更新。需要支持的浏览器数量有时会让人很烦,但还不算太糟糕。设计/编码网站最有趣的部分就是有机会满足所有者/目的的需求。听到有人说:“哇,我没想到会是这样的!”的赞赏,真是太棒了。
感谢你提供这次机会,Chris!
有人能解释一下时钟和背景是如何工作的吗?比如,背景是如何覆盖所有内容,并且在时钟的底层时,如何遮挡时钟的白色区域?感谢你的帮助!
公平地说,这确实是挑战的一部分。我真的很想看看参赛作品,因为我相信人们会用不同的方法解决这个问题。
我想说的是,这个设计比我最初看到的时候要难得多。我开始着手解决它,解决了其中一个问题,却在解决的过程中遇到了另一个问题。
最终,我会提交我的作品,其中包含我自己的解决方案。我会为之感到自豪,并且在整个过程中学到很多东西。不仅如此,我还将从其他参赛作品中学习到很多。我相信不同的技巧会引发讨论,我将通过这种方式学到更多东西。简而言之,我认为这就是我如此热爱网页设计的原因。
这是最初的 CSS Off 没有做到的,我非常希望 Chris 能够做到这一点——公开展示其他人的作品。为每个作品提供讨论区会是一个额外的奖励,但我真的想看看其他人是如何解决我在这个设计中遇到的各种问题的。
另外,看看底部的高亮线是如何实现的,也会很有趣。它会始终以与主容器底部相同距离的高度浮动,还是参赛者会将其放置在其他地方?
另一个棘手的地方是 DaVinci 照片的插入,我注意到它位于段落的中间,如果段落发生变化会怎样?如果内容段落发生变化,它是否可以始终保持在相同的位置?
或者人们会直接放弃,将其放在段落的末尾?
我一直在研究这个问题,但我不会提交参赛作品,因为我没有 PS,也不知道如何使用 GIMP 从 PSD 中提取时钟。
无论如何,这个设计中包含一些有趣的挑战,需要对其进行复制,并允许内容更改。我将关注如果左右两列的内容发生变化,设计会发生什么变化。对我来说,这和复制当前布局一样重要。
Al
哇,我真的很喜欢编码这些很酷的设计!我一定会参加这次比赛。感谢你举办这样一场很棒的比赛。^^
这只是一个具有挑战性的布局,主要是关于顶部标题和页脚文章,看起来需要使用 z-index,但编码起来会很不错。
哇,Chris,这是一个很棒的想法!我喜欢你将初学者(比如我)也包括在内的方式。不过,如果没人反对的话,我想我会去尝试一下,尽管我的技能不足,但尝试一下总不会有什么坏处。
我一定是对“我对网页设计的热爱”部分匆匆一瞥了^^。这确实是一个难题,我喜欢网页设计的有很多原因,例如,我是一名高中三年级学生,我可以看着那张图片,然后说“看起来我需要一些 JS 来获取日期”,或者说,在整个过程中总会有某种挑战,我喜欢解决生活中的复杂问题,或者说是在这种情况下,解决那些挑战。我还着迷于将这段文本编写出来,然后它(几乎)立即变成你自己的艺术作品的能力。
我对事情的看法是:
– Jerm
我真正热爱网页设计的原因是,它不断学习的曲线。你永远不会因为网页设计而感到厌倦。当你开始精通某个东西时,就会有另一个方面需要探索。你可以从 HTML 开始,然后转向 CSS、布局理论、排版、Flash、脚本... 好吧,你明白我的意思了。对于任何喜欢学习的人来说,这是一个绝佳的领域。
我完全同意。另一个很酷的方面是,你可以找到像 css-tricks 这样的网站,并在付费接受正规培训之前学习很多代码。
我想参加比赛,因为我喜欢将 Photoshop 文件转换为 CSS,并且在这方面拥有丰富的经验。我唯一犹豫的是,我订阅了 SafariOnlineBooks,可以访问所有赠送的书籍,除了 Smashing Magazine 的那本,我想要那本。我想知道为什么人们现在还购买实体书。
奇怪的是,那本书的电子书版本还没有发布,这解开了我的一个疑问,SafariOnlineBooks 真的值得吗?你是使用每月 10 本书的那个选项,还是其他选项?
我喜欢网页设计,因为它充满了力量,魅力和金钱。我像从我的镶满水钻的 Pimp 杯中倒出美妙的香槟一样,倾注着代码,让你的屏幕变得无比美妙。你知道的,你喜欢它,就是这样。
验证有加分吗?还是只看艺术内容呢?
我再投一票,希望有更多设计作品被编码。这个主意很棒,我没有时间做代码部分,但我会保存下来以后再做。
我喜欢网页设计什么?
对我来说,并不是设计部分,我设计网站很糟糕。我喜欢的部分是构建网站的代码。我喜欢技术不断变化,总有新的、不同的方法。从 jQuery 和 MooTools,静态 HTML 网站到动态 WordPress 网站,总是有新东西要学,有新书或教程要读。这就是我喜欢的地方。
太棒了!我要试试!选择最佳元素,以最佳方式嵌套,用最少的代码行数应用 CSS,这永远是一个挑战。
这些规则几乎和 Adam & Joes Quizzlesticks 一样复杂!
好主意!
我也喜欢网页设计。
拥有广泛的技能(设计/开发)并使用不同的工具也是一件好事。
Helvetica 和 Georgia,每个人都应该有……
嘿,伙计,你用过电脑吗?
Helvetica 不是网页安全字体……
当然,将网站优化到半纳秒内加载,这种感觉是无法言喻的,但我觉得我最喜欢网页设计的地方在于,它提供了无限的可能性,无论是在呈现的信息类型上,还是在呈现信息的方式上。你不仅可以今天做音乐网站,明天做个人博客,后天做宠物美容网站,而且还有数百万种不同类型和风格的宠物美容网站、音乐网站和个人博客可以创建。最棒的是,几乎没有进入门槛,也没有实体媒介需要购买和补充;只要你有电脑,有学习的时间,有随着趋势和技术发展的耐心,你就可以为网络设计。
我是一个网页设计世界的新手。我喜欢网页,因为它灵活,总是在变化。现在,我正在学习 jQuery 以及 PHP。
这是一个很棒的比赛,我想要其中一本书,我认为它对我很有用。
更多设计,少点战争。
嗯……选我?求求你了?*猫靴模式*
很棒的想法!
我会试试!
我很想得到那本 Smashing 书或者 jQuery 书……
感谢你们提供这个机会!
嗯,我一直很佩服**排版**,我很高兴看到它在网页设计中的重要性越来越高。
我总是发现自己会重新阅读关于优秀网页排版细微差别的文章。
虽然那里没有关于排版的书籍,但我真的很想得到《CSS 精通》和《创意书籍》!:)
我成为一名网页设计师,不是为了谋生。我完全把它当作一种爱好。当我第一次认识互联网的时候,我总是好奇,这些网站背后的人是谁?他们是怎么让这些东西工作的?他们是怎么知道我登录并发送了一条信息,比如“你好,迈克”?他们是怎么让雪像真实的雪一样在他们的网站上飘落的?Flash 怎么回事?Javascript?PHP?等等……
这些问题把我引向了网页设计领域,从那以后我就爱上了它。在我的空闲时间,我喜欢调整代码,创作一些东西,当它能运行的时候,我会很开心。
这个领域最棒的地方在于,你每天都能学到新东西。完成一项任务有无数种方法。你不会受到任何特定方法的限制。这使得这个领域如此有趣,你永远不会感到无聊。
不像许多其他无聊的工作,我们会对它们非常熟悉,可以闭着眼睛完成工作。但在网页设计中,只要你认为自己掌握了一种技术,就会出现新的东西。你已经掌握 CSS 了吗?不!CSS3 正在路上。你精通 Photoshop 吗?不!Photoshop CS'n' 即将发布!哦!HTML 很简单!真的吗?HTML5 就快出来了。
这就是我热爱网页设计的理由。
我喜欢网页设计的一点是,它将左脑和右脑的功能结合在一个事业中。你的创造力在打造美丽、易用的设计方面得到了锻炼,然后你的逻辑思维通过编写和组织简单但有效的代码,将这些设计变成了一个可用的网站。在我看来,这是两全其美。
你打算用这个网页做什么?
这有点冒险,因为说实话,我还没有做过任何正式的网页项目。我仍在向你们这样的人,比如克里斯,学习技巧和窍门。但我喜欢网页设计,因为它几乎有无限的可能性,可以创造一些东西,学习新知识。
我喜欢网页设计,不仅因为它最终的结果,还因为它中间所有的(大大小小的)困难。设计一些东西,然后接受用代码将它变为现实的挑战,这是一种令人满足和着迷的感觉。我每天都能学到新东西,或者学到用旧方法做新事的方法。我真的很感谢能够创造和完善如此多的技术,所有这些技术都能产生最终结果,即一个所有人都可以使用 的网站。
大多数人的评论都是这样的:“我不会赢”。
:-)
他们认为,发表这样的评论会让他们成为赢家。我认为“我也不会赢”!
哈哈!
你好,比赛不错!我也会参加:)
一个问题,我们自由使用任何 CSS 框架,还是应该自己编写 CSS?
你还在说,我们应该让它在所有浏览器(每个浏览器的最新版本)上都能正常运行。我真的很想用 HTML 5 制作它,并放置 JS 代码,让大部分功能在 IE 上都能正常运行(我不确定 IE6/7),但 HTML 5 还没有正式发布(如果我没记错的话,还没有 HTML 5 验证器,因为它还没有正式发布),我找到的唯一(非官方)验证器是http://html5.validator.nu/
总结一下
1) 我可以使用 CSS 框架吗?
2) 我可以用 HTML 5 制作吗?
谢谢:)
很棒!我肯定会试一试。有了你手中的所有这些文件,你会对最常见的技术和错误有一个有趣的了解。在比赛结果出来后,看到一篇关于这方面的文章,将会令人欣慰。
我无法访问https://css-tricks.cn/css-off-entry/上的提交表单。
克里斯,我可以把这个发给你吗?
让我对网页设计如此兴奋的原因是,我可以使用我大脑的两个部分。我学习的是建筑学(甚至获得了硕士学位)。建筑学对我来说是终极的创意出口。我不仅可以在纸上设计美丽的艺术作品,还可以设计人们可以与之互动的物理空间。这给艺术赋予了社会意义,比如可访问性、功能性和用户体验,以及对环境的尊重。项目挑战始终是将我的艺术一面与对结构、环境和建筑规范及要求的透彻技术理解相协调,并创造出在所有方面都表现出色的作品。但由于我在 3D 图形方面的才华,我工作的建筑公司最终让我成为了“图形专家”,我从未真正享受过任何项目。现在,当我做网页设计的时候,我感觉到了与做建筑时相同的艺术和“极客”般的满足感,但现在是在一个数字空间中,可访问性、功能性和用户体验以及对环境的尊重同样重要。网页设计是一种艺术,就像建筑学一样,内部结构(没有人看到或注意到的东西)可以和外部外观一样美丽。这让我的大脑感到高兴。
悬停状态。每次我完成一个网站,我都会情不自禁地来回悬停在按钮上。
祝大家好运。
我尝试过,但后来意识到客户的工作太大了 :( 如果时间框架更大,我会做得更好,但不幸的是,我的客户比这次比赛更重要。
祝大家其他人都好运,我想我只能自己买个新平板了 ;)
我喜欢网页设计的一点是,它给了许多人一个机会在网上建立自己的家园。从爱好到商业,每个人都可以付出合理的努力参与其中。
从简单开始,如果你想,你可以逐步建立起精细而复杂的的设计。
我喜欢网页设计的一点是,它是极客的艺术。我希望能看到一个艺术画廊,所有墙壁上都只有显示器,每个显示器都展示着来自网络上最优秀设计师的不同网站。
我在这里真的很像个孩子。但我有一个梦想,它不受我生活中所有界限的影响。我只有一个简单的博客,内容完全不同。但我在寻找一些博客技巧时,爱上了设计理念。最近我学会了“如何使用图像精灵创建 CSS 菜单”。当我看到它在我的博客上生效时,我差点哭了。
我需要一些关于 CSS 和 HTML 基础知识的好书。我住的地方很难找到好书。我不能通过网上购买,因为对我来说太贵了。
这是一个很棒的比赛。我很想赢一些书。
哇哦!
我刚完成设计编码 :)
我发现关于网页设计最神奇的事情,也是我最喜欢它的地方,是项目永远不会真正完成。当然,你可以使用你所知道的一切(或者认为你所知道的一切)关于当下所有可用的东西,并在浏览器中立即看到你的结果。当出现问题时,浏览器是奇妙的、无情的反馈来源。但总有一些新奇激动人心的事情被发现、开发和引入,让你惊叹不已,让你疯狂地翻阅源代码,一边低声喃喃自语,“他们是怎么做到的……?我一定要在我的画廊(或表单/导航/嵌入/什么东西)中使用它!”
– 说真的,Chris… 一段话总结所有?我本可以喋喋不休,但我想要赢一两本书,这样我就可以准备好在你的下一次 CSS Off 中迎接设计挑战!
有意思,Chris,你让我想起了我正在选择的书,正在工作中。祝大家一切顺利
克里斯,
你会在书上签名吗?
好主意,Chris!我真的很喜欢你在这个网站上做的事情。我经常来这里,你是一个很棒的灵感来源!
向你致敬,Chris!
我认为 Chris 在书上签名,也许再写点鼓舞人心的话给我们的想法很棒。
你会对那些没有赢的人提供任何反馈吗?我当然不是在说他们所有人,也许 10 个你认为他们不错但仍需改进的人。
为什么我喜欢网页设计?现在距离我第一次偶然遇见我心爱的 HTML 已经过去了十周。不久之后,我发现了 CSS,并立即爱上了它。最初作为一个非技术人员,当我看到自己的代码变成一个有效的网站时,我绝对着迷。我最喜欢的是挑战。没有什么比试图弄清楚为什么我的 min-height 没有按照我预期的方式工作更吸引我。是的,网页设计和我是一起长久的。无论发生什么,我们都要风雨同舟… 甚至要度过 IE6 的考验。;-)
参加了!那很有趣,这是一个尝试 html5 和 css3 的好机会。感谢你提出这个想法,如果你再举办一次,我肯定会再参加 :) 顺便说一句,Windows 不包含 Helvetica 字体系列。
我希望有更多时间提交我的作品,但我真的没有时间!=( 所以我会用评论来尝试一下。
你问我最喜欢网页设计什么。好吧,我喜欢网页设计。就这些!设计一个网站,开发它的功能,创造一个很棒的用户体验,让客户满意,还需要什么?这是世界上最值得做的事情!
每次我们设计师有机会将情感、信息等等转化为一个网站,就像赋予我们自己或客户的想法生命一样。
感谢你的比赛!也许下次我就会提交作品了!
我不得不做一些修改,所以我再次提交了。
当我把作品交到客户手中,看到他完全满意时,我内心充满了温暖和幸福…
哇哦。感谢你提醒我,我仍然是一个新手!我将继续努力,但我怀疑目前设计中的一些方面超出了我的技能范围。而这实际上说明了我喜欢网页开发的什么:把一个设计分解成一个难题,进行研究,找到解决方案,并将其转化为代码,然后是当你最终解决问题并将其正确完成时的“啊哈!”时刻。
另外,我不确定 Chris 是否会发布获胜作品,但我真的很想看看有经验的开发人员如何完成这个构建,如果有人愿意分享的话(当然,在比赛截止日期过后!)。
好主意。我参与了。希望我能及时完成,可能有点晚了。
我在整个 CSS 游戏中遇到的最好的事情之一就是对咖啡味道的真正满足感。哦,还有当一切都完美运行时的突然惊喜… “真奇怪!”
我最喜欢网页设计的一点是,每个人都可以在其中找到自己的位置。如果你喜欢管理数据库和编写大型国际应用程序,PHP 和 MySQL 可以胜任这项工作。设计艺术家可以享受制作精美的布局来展示内容。
我有一个故事,几乎所有网页设计师都经历过:作为自学成才的人,我最初学习了 HTML,然后就上瘾了。我继续学习了 CSS,然后我听说过 JavaScript 和 PHP,所以我也学习了它们。当我编码时,我喜欢可以同时使用我思维中的创造性、分析性和逻辑性部分。
好主意,Chris!
我已经爱上了这个比赛,尽管模型有点无聊(在情感上)。但我真的很想参加(希望能及时完成所有事情)。祝大家一切顺利!
这是我在 CSS-Tricks 上的第一次投稿。由于天气原因,我上周都休息了,大部分时间都在阅读文章和观看视频教程。我喜欢视频教程,观看它们学到了很多。我刚接触网页设计,但发现它非常令人兴奋。
我不得不说是,我喜欢网页设计的一点是,它一直在进化。想想它一开始是多么原始。那时,它唯一的好处是我们能找到的信息。现在,我们不仅可以访问不断增长的信息和知识库,而且还可以通过各种创意包装来美观地将这些信息传递给我们。我认为强大的网页设计是有效地在网上传播信息的关键,我喜欢它!
我也很喜欢《网页设计师的创意手册》和 Wacom 平板电脑!提示,提示…
我喜欢网页开发的一点是,我可以参与前端和后端。我刚接触网页开发,正在学习中。这些书会帮助我取得很大进步。
网页设计最棒的地方之一在于,它可能是你参与的最容易上手的行业!我的意思是,你可以在 PC 上、在 Mac 上、在文本编辑器中、在厕所里、在移动中、在办公室里、在飞机上、在车库里、在公园里、在床上看电影时、在火车上、嚼着能量棒、在电话上、喝着冰咖啡、听着音乐时进行,但可惜的是你不能在 IE6 上做!
PS. 只是想告诉你,css-tricks 是我开始学习网页设计并意识到它有多么有趣和有意义的原因之一,所以非常感谢你!
网页设计最棒的一点在于它为几乎任何愿意查看源代码并弄清楚某些东西是如何完成的的人提供了创意出口。作为一名大学生,我就是这样学习的。我买了一本关于基础知识的书,然后就开始通过查看源代码来学习。这个社区很棒,而且几乎总是乐于助人,而且它是你必须不断学习的东西,以便不断跟上时代的步伐。
我真的很喜欢这个模型的工作,我也学到了一些很酷的技巧。这是一个非常好的练习,我希望它能继续下去。
我喜欢的是,在网页设计中你永远不会停止学习,因为每天都会有新事物出现。因此我永远不会感到无聊。与印刷不同,你只能学到这么多,然后就结束了。
我喜欢网页设计的一件事是不断发展技术。在这个领域,要求你不断更新。我回看我以前的一些网站,心想“哇……我用表格制作了网站”。
回顾历史时刻,可以让人获得那些身处其中的人不一定能意识到的视角。3 世纪中国首次成功尝试木版印刷或 15 世纪中期谷登堡首次使用活字印刷的见证者,必然会对他们所看到的印象深刻,但他们是否充分理解这些技术会对他们的社会、政治和宗教未来产生巨大的影响?这是出版业的两场重大革命,而我们现在正处于另一场革命的开始,即网络出版的发展。从后视镜的角度来看,我们可以认识到这项技术的重要性,因为它在我们引导下不断发展。我曾在平面设计领域工作了一生,我很高兴通过创建我妻子和我的网络杂志,The New Southern View Ezine,成为这场最新革命的参与者。
Bill Pitts
The New Southern View Ezine
附言:我已经制作网站好几年了,但我过分依赖 GoLive 和 Dreamweaver 来做幕后工作。在过去的一个月里,我一直自学 CSS,使用 David McFarland 的 CSS:The Missing Manual。利用我新学到的(还在不断增长的)知识,我正在让我的网站进行 CSS 节食。自从我还是个孩子的时候做塑料模型以来,我还没有这么开心过!
我刚刚听说这件事。很抱歉我不能参加,因为我正在给双胞胎上厕所训练,而且时间太短,不适合我的日程安排。但我希望那些参加比赛的人一切顺利。
我最近开始学习网页设计,我发现它绝对棒极了。为网络设计是一项巨大的挑战。我真正喜欢网页设计的地方在于它给了我一个机会为用户创建一个小型世界,在这个世界里,每一个细节都必须经过精心考虑,才能创造出更好的用户体验。而且我相信内容为王!
不幸的是,我无法及时完成页面,因为乐队和探索 iPod、应用程序、植物大战僵尸以及新学的网页设计知识似乎有点阻碍了我的进度。如果有任何人对像我这样的新手能完成什么感兴趣,请给我发邮件到 [email protected],我会附上我的文件。
我只能说你所做的一切都很棒!
我希望我能达到能够参加比赛或至少尝试一下的水平,但我还没有达到那个水平,不过我从 Chris 那里学到了很多东西!
祝大家一切顺利。
我考虑过通过转换设计来参加比赛,但我时间不够了,所以……
我喜欢网页设计的一点是,它为我在上学期间支付生活费提供了一种途径。作为一名全日制圣经学院的学生,我发现自己太忙了,没有时间做任何工作。去年大约这个时候,我决定设计网站将是赚点零花钱的有趣方式,同时还能灵活地投入足够的时间来学习。我非常享受在这个过程中学到的知识。此外,我很幸运地遇到了所有在我路上遇到的当地商人。
我最喜欢网页设计的地方在于它为世界提供了一个平台,可以以视觉上引人入胜的方式分享信息。同时,网页设计可以在平等的平台上为所有的人提供可访问的内容,无论他们的能力、语言、文化差异或身体障碍如何。例如,我正在学习 CSS,但我负担不起专业的培训。互联网为世界上所有的大师提供了一个论坛,让他们可以在没有偏见的情况下,为所有人分享知识。这个简单的事实,加上清洁的水,可能是世界和平的答案。
我刚提交了我的作品,但我希望更多的人通过评论来参与。
让我们开始这场比赛吧。
我必须说,计时器不是最难的部分,我已经卡在了 z-index 负链接无法在页脚中工作的问题上,所以当我添加一个正值时,它们神奇地再次工作了。
布局就像基于 960.gs,所以我使用了它们框架的部分内容,但只有两天的时间来做(我的错,我在享受巴西狂欢节(注:我住在巴西)),我无法清理框架,甚至无法清理我自己的 CSS。我希望这不会让我以后吃苦头。XD
感谢你通过比赛分享这些好东西,Chris。真有趣!
我昨晚提交了我的设计。让我们看看我是否有点运气……
英语不是我的母语,但我将尽力描述我对网页设计的热爱:D
– 社区定期分享大量资源和知识
– 它如何挑战我不断学习以赶上不断发展技术
– 仅仅看着很棒的网页设计就能给我很多灵感(在各个方面,不仅仅是网页设计本身)
该死……刚看到这篇文章……
网页设计就是关于找到与用户交流的正确方式。正确进行这种形式的交流是一个巨大的挑战,也充满了乐趣。它涵盖了从心理学和行为模式到信息架构、排版、编程等许多领域 - 因此,作为一名网页设计师,你必须打开你的思维,开始一段无限的发现之旅。这就是我热爱网页设计的原因!
我刚提交了我的作品,祝大家一切顺利,如果我没有赢,我希望我能从你那里得到有用的反馈,Chris。谢谢
网站就像一个交互式菜单,以一种创造性和有趣的方式向全世界的人们提供信息。使用代码,你必须将你的设计和正确的标签放在正确的位置,才能将其变成每个人都能享受的东西,这些只是我喜欢网页设计的几个原因!
与软件开发人员不同,网页设计师能够在他们的设计上线后立即获得反馈。这对我来说是网页设计最有用的方面 - 立即反馈意味着有更多时间来纠正任何错误,改进设计等等。无需构建就能看到你的杰作(与软件不同)。我们生活在一个瞬息万变的世界,一切都需要立即响应 - 网页设计正是做到了这一点。
也许只是我,但当我想到“网页设计”时,我不会想到代码,我会想到设计。在我看来,我们程序员所做的是网页开发。
所以,我喜欢前端网页开发的地方是它的易用性、挑战性和额外的易用性。
我之前做过程序,和这里很多人一样,我更喜欢构建网站带来的即时满足感和反馈,而不是编译程序的等待和频繁的挫败感。与“普通开发者”相比,我们网页开发者比较容易。
然后是挑战:跨浏览器兼容性、制定高级布局技术以及与遗留应用程序合作。虽然第一和最后是令人讨厌的事情,但当你在完成它们时,确实会有一种胜利的感觉 - 我知道我对自己能够在 IE6 中让这个设计的某些方面正常工作感到非常自豪:D。此外,高级布局给了我们机会来锻炼我们的谷歌肌肉 - 对不起,我们的脑袋:)。
最后,是额外的易用性:在网页开发社区中学习更多知识非常容易。社区网站、博客、IRC 频道、论坛,所有这些都提供了多种不同的方式来学习许多新技术、解决问题并从其他更有经验的开发者那里获得(免费的)帮助。
祝参赛者一切顺利!
现在机会似乎消失了,但无论如何,我要感谢你举办了如此有趣的比赛。这迫使我阅读了大约 500 页的 HTML 和 CSS 以及大量文章。
我的城市离创造力很远,远离“div”标签。人们仍然使用“table”来设计网站。我认为我是少数几个或可能是唯一一个知道“div”技术的人。
赠品对我来说很有帮助,但无论如何,感谢你举办如此精彩的比赛。
还有其他人上传作品时遇到问题吗? =( 现在还没到下午 12 点,我检查过了 =(
我爱上了网页设计
我以前从未觉得自己是一个有创造力的人。更确切地说,直到大约 18 个月前,我还没有找到自己的创意出口。没有什么可以让我脱颖而出、蓬勃发展、成长为一个人、为社区做出贡献。通过网页设计,我可以利用我注重细节、追求完美的倾向(有些人称之为吹毛求疵),将它们应用于创造美感,并希望帮助企业发展。我喜欢,如果我有一点成功,我可以成为自己的老板。我可以自由地靠自己的能力取得成功或失败。我可以实践我希望其他企业领导人体现的领导力。出于所有这些原因以及更多的原因,我喜欢网页设计。如果没有这个网站,我仍然会编写基于表格的网站……不完全是,但大多如此。
-雅各布
好吧,花几个小时把我的作品拼凑起来真是一件有趣的事。以前很少根据别人的设计进行创作,所以当别人制定规则时,尝试对其进行编码是一个不错的挑战。
这几乎概括了网页设计的一般情况,不是吗?总是在下一个拐角处面临挑战……
由于一个愚蠢的病毒,我无法及时提交 HTML/CSS 转换,所以这里是我的单段。
我喜欢网页设计的一点是它调用了多学科技能:有时我发现自己在 CSS 文件上进行刮擦和打磨以使设计在所有主要浏览器中都能正常工作,有时我可以使用我喜欢的图像编辑器对图像进行切片和优化。几分钟后,我化身为一个硬核的 JavaScript 编码员,必须知道`var f = function()` 和`function f()` 之间的区别。
对我来说,网页设计是一种激情,它激励我学习超越设计的知识。它帮助我增强了大脑的右半球。我对摄影和标志设计的兴趣找到了一个完美的伴侣——“网页设计”。每个人都喜欢他们的激情!
我花了一部分周日、周一和周二的时间来完成我的作品,但我没有太多时间。我是一名高中二年级学生,最近一直忙于课程。我今天一直工作到晚上 11:55,并决定我无法及时完成。你可以在这里看到我目前完成情况的截图 here。我计划使用 jQuery 进行动画,并在侧边栏图像上使用悬停效果。(侧边框将一直延伸到页面底部。)我喜欢网页设计和开发,并一直在寻找新的有趣领域进行探索。这些书籍奖品将是我设计书架的绝佳补充,并且肯定会帮助我提高技能。我真的很遗憾不能提交自己的作品,但我非常感谢评论奖。感谢你一直以来提供的信息丰富的 CSS-Tricks,以及你将自己的设计经验分享给我们。这是一个很棒的想法!