我已经在过去一两个月里一直在捣鼓这个重新设计,并决定昨晚把它发布出来。我一直在使用它,感谢 Theme Switch 插件,但我必须在实际上线之前更改一些东西,所以我只是做了。和往常一样,这不是彻底的改革,更多的是一个更新。我称之为v5v6 因为我显然把上一个版本叫成v4v5,就随它去吧。(在我的本地,它是我的第 12 个版本!)
原因
- 控制字体情况。我想在一种我喜欢的字体中建立“CSS-Tricks”的类型部分,并且它是一个更大的字体的家族。我选择了 Gotham Condensed,我专门为它购买了它,以扩展我的 Gotham 字体家族,这将在我很长一段时间内为我服务。网站上的标题使用的是 FF Tisa Web Pro,通过 TypeKit 提供。正文使用的是 Verdana。除了广告,我无法控制,这些是网站上使用的唯一 3 种字体,这是目标。(好吧,代码使用的是 Monaco,但这不算。)
- 在主页上展示更多网站内容。主页现在还包括最新的 5 个代码片段和最新的视频教程,除了最新的 5 个帖子。
- 不再有深色侧边栏。上一个设计的头号抱怨是真的很深的侧边栏,它在视觉上压倒了内容区域。我最终开始接受这种批评,所以我想让侧边栏不那么强烈。网站的外部现在也被“框起来”,这让我感觉更舒服,而不是之前所有的白色没有边框的中间部分。
不要做任何太疯狂的事情。这只是一个更新。没有主要的新区域。没有导航更改。没有不同的 URL… 这仍然是它过去的样子。
考虑因素
- 维护或提高广告价值。与上一个设计相比,没有更多或更少,但有些东西被重新排列了一下。我更喜欢这些位置。它们有更多的呼吸空间。
- 放弃 IE 6。不幸的是,在上一个版本中,我对 IE 6 的支持有点马虎。这次我不想处理它。我不介意在客户网站和电子商务网站等地方支持 IE 6,但这个网站上的这个用户群非常小,我不在乎。对于 IE 6,我提供 Universal IE 6 CSS。
- TypeKit 字体在 Windows 上看起来有点糟糕,所以我只为非 IE 浏览器提供 TypeKit。这并不能解决 Windows + 非 IE 浏览器的問題,但我们会看看对此有什么反馈。
待办事项
- 更新我的书架区域
- 为论坛添加新的页脚
- 重新思考越来越重要的存档页面
- 在额外的 IE 6 样式表中添加一些调整,主要是关于搜索的调整
- 理想情况下,遍历整个视频存档,重新制作更漂亮的缩略图,并将它们放在我的新系统中(只是一个内部的事情,我现在对所有内容使用自定义字段,并支持两个不同的系统,直到我可以重新审视这个问题)。
- 看看我是否可以在 1024px 的分辨率下实现没有水平滚动。我为此做好了计划,但不知何故出了问题。我需要找出伸出来的那部分是什么,并试着把它收回来。
- 继续调整——我已经有一些微型想法,需要着手进行。
哇——好多了。干得好。
Chris 做得好!
我认为广告区域现在不那么显眼了,以前我觉得它们背景很暗,有点沉重!我想把它们分散到各个区域也有所帮助!
使用微妙的灰色感觉很不错,很干净。+ 很高兴看到一些 CSS3 在里面!
我也喜欢主页包含最新的代码片段等。
我给它点赞!
这个设计是迄今为止你最好的,我真的很喜欢它的简洁性和浅色调。侧边栏悬停也很酷!
我喜欢它!
我喜欢它的颜色和它带来的新感觉。
我唯一的问题是我似乎找不到查看以前文章列表的方法,除非这就是你提到存档页面时所说的。
无论如何,感谢你做的一切
哎呦!
我看了看,在底部看到了存档,但从当前的导航来看,*主页*就是文章,如果可能的话,我认为它应该有一个指向较旧帖子的链接,或者主页应该有自己的列表
再次感谢
找到访问较旧帖子的更好方法绝对是计划中的事。
这真的需要做,我花了一段时间才找到链接!
大大改善了,我认为 v4 比以前那些更难用。这里的页脚大修是必要的,做得也很好。
还有更优雅的菜单栏,这是我最喜欢的更改。
网站现在看起来超级棒
干得好!绝对是改进,我很高兴看到新的设计,迫不及待地想看到你解释设计思路的帖子。我只想看到菜单稍微调整一下。不要误会我的意思,它比旧的选项卡有所改进,但整个导航区域都很浑浊,颜色很淡。鼠标悬停显示彩色图标很聪明,但当图标是灰度时(例如:屏幕截图、代码片段)效果就不好。总体来说,Chris 做得非常棒。
它确实看起来干净整洁,更容易理解。我建议在 Chrome 中测试。我在 typekit 中看到冲突 > 在单词之间留下了很多方框。也可能是与 AdThwart 扩展的冲突。我已经安装了。
无论如何,我非常喜欢你在这里所做的一切。
我同意。我最近一直在使用 Windows 上的 Chrome 作为我的主要浏览器(Firefox 仍然用于开发,但 Chrome 快得多),并且在新设计中遇到了很多奇怪的“空格显示为方块”的错误。IE8 或 Firefox 上不会出现这种情况。
如果您需要,我可以发布截图。
同样,在 Chrome 中显示方块而不是空格。
Chrome 中也有相同问题,字体也变小了,至少在标语中是这样。
很高兴我不是唯一遇到这个问题的人!
除此之外,克里斯,你的设计非常棒,干得漂亮。
克里斯,干得好!这是你迄今为止最好的重新设计。简洁、专业,简单而美丽的细节让它脱颖而出。我觉得页脚不如网站的其他部分设计得那么好……感觉我迷路了。
干得好!
喜欢新设计!看起来很简洁、专业,干得漂亮!
不错,但我不喜欢 Twitter 云。
是的,绝对是巨大的改进。
虽然没有那么“舒适”或“温暖”,但我认为“清新”的外观与网站非常相配。
我喜欢 :active 上的 1 像素下移效果,非常简单但很好。
另外,推广区域的方块有点奇怪。我不确定你是否故意这样做的,但我有点喜欢盲盒按钮(当然,我们大多数人在将鼠标悬停在链接上时都会查看状态栏)。
虽然我注意到了一些小问题
* 没有办法查看主页上除了最新内容之外的“更多”内容,只能向上滚动并进入相应的页面。例如,“更多屏幕录制”(也许可以使用你在之前侧边栏中使用的绝对定位技巧,在 [h#]-标签中使用 SPAN),还有“更多代码片段”和“更多文章”/“存档”。我认为这些链接可以很好地放在该部分的标题中(也许让该部分的标题本身也成为可点击的)。
* 在页脚(推文)中,实体 HTML 出现了双重编码,或者根本没有编码(不确定),因为关于 TypeKit 的推文变成了原始 HTML 实体(例如 <!–[if !IE]>)。
* 通用 IE6 样式表很有趣,但我记得在 Google Code 上有一个类似的项目(JavaScript),它将 IE6 变成 IE7。也许值得一看,因为当我们在办公室时,我们可能会查看 CSS-Tricks 而不必挠头。虽然我完全理解选择通用样式表的原因。
到目前为止,我只能找到这些。
*
TeMc
我认为新设计看起来很不错!
干得好,我差不多一个月前就开始访问这个网站了,我喜欢重新设计……
除了标识之外,我都很喜欢。它感觉非常小而且挤在一起。
经常被砍掉的问题,这是打字错误吗?还是你故意这样写的?
我听说将来,每个人都说 Axed。由于这种设计代表了未来,我仅仅是与时俱进罢了。
哈哈哈!不得不爱未来!:D
我认为它看起来很棒!尤其是主页。我喜欢鼠标悬停在框上时出现的阴影效果。
IE 显示字体像屎一样,真是太可惜了。我在我的网站上使用的是 @font-face,并没有在 Windows 上进行太多测试。如果看起来像一团糟,我将不得不尝试其他方法。
你可以查看 Font Squirrel 上的 @fontface 工具包 http://www.fontsquirrel.com/fontface,它们包含 IE 版本的 EOT 文件!
新设计看起来很棒!
为什么你不让使用 IE8 的用户查看 Typekit 的内容?
它可以正常工作。
:(
漂亮的更新!比上次迭代有了明显的改进——我认为你在这次更新中做出了所有正确的决定。
不错的设计,我很喜欢。
哇,这次更新真的让我的眼睛很舒服!
我不喜欢的一点是侧边栏的推广部分,只是一堆连接到其他博客的小方块,但你无法判断要链接到哪里。
我喜欢重新对齐,不仅因为它看起来更漂亮,而且因为它实际上实现了你事先提出的目标。我真的很佩服这一点:每次你更新这个网站的外观时,你都会详细说明具体的目标和原因,并写下你是如何实现这些目标的。
我用 Firefox/Win 查看,TypeKit 字体看起来还不错。当然,不像 Safari/Mac,但我建议你保留它们。
我需要指出的一点是,评论表单上的姓名/电子邮件/网站输入框会截断字母的下沉线(至少在 FF/Win 中是这样)。我的姓 “grossi” 看起来像 “qrossi”。
总而言之,就像往常一样,干得漂亮,伙计,感谢你分享背后的理念。
干得好,这个网站看起来很棒。
一开始我有点不确定,但现在我已经喜欢上了,干得好,祝你未来的设计一切顺利。
!!!
我昨晚你上线后不久应该就看到了。我认为它看起来很棒。微妙的侧边栏更赏心悦目。带有图标的页眉做得很好。我很高兴你选择了 Gotham Condensed,我正在使用这种字体做我现在正在进行的一个新项目(伟大的头脑)。继续你正在做的事情吧。
喜欢新设计。它看起来很棒,尤其是主页。并且阴影效果做得很好。
我喜欢它!我非常喜欢很多中性色,然后在这里或那里添加一点颜色。
哦不……没有颜色。它让我的屏幕看起来像 1950 年的电视。在我看来……V3 是 CSS-Tricks 上有史以来最好的设计。
不错的设计!:)
无论你使用什么设计,对我来说并不重要。内容让我每天都访问这个网站。继续努力吧。
不错的设计。迄今为止最好的设计。
我喜欢使用浅色作为背景。再一次,克里斯,干得漂亮。
它与众不同,但很棒。
比以往任何时候都好!
我认为它有点受到 Smashing Magazine 的启发,但这是好事!
不错的设计,感谢你放弃 IE6,我们已经到了不再支持它的时刻了!
也许你想加入
http://www.ie6nomore.com/
- 火之箭
最后一次更新更好,
在 Chrome 4.0.?.?(win xp) 上,字体存在一些问题。它无法像空格一样渲染空格。
是的,这是真的。
看起来很漂亮,很受欢迎!当我第一次通过推文链接到 “放弃链接” 的帖子时,我感到很奇怪。我不确定我是否在你的网站上,但看到徽标后,我确信自己是在正确的地方!哈哈
总之,我现在比以往任何时候都更能感受到宾至如归的感觉,尤其是在阅读文章时!这看起来是一个很棒的网站改版,干得好!:)
* MexiChriS
嗯,干得好……
但我的天啊!
你能选择一个主题并坚持使用超过几个星期吗?你一定有很多空闲时间……你有没有想过玩保龄球……或者织毛衣?
我真的很喜欢这个设计。
我唯一觉得有点沉重的是 Twitter 的气泡,尤其是渐变。
这有点让我吃惊,我想我会先适应一段时间,然后再决定它是好是坏还是一般。
有点让我想起了之前苹果网站主导航上的按钮——我想也许它会像网页设计中的“复古”元素一样被我接受。
好样的。
很高兴看到你经常更新设计,这值得 20 分!
不过我个人觉得 V4 更好。
而且 @BigSteve 你说的没错!我认为每个人都喜欢 Chris 重新设计他的网站。
好吧,好吧。也许我只是想念页面顶部那个大大的橙色/棕色大理石条——它(至少对我来说)是 CSS-tricks 独一无二的标志性特征。
如果他至少能在每一次重新设计中保留它,我就会很高兴。
我喜欢它。
Chris,网站更新做得好,它看起来确实更简洁利落了!
这是迄今为止最好的设计!V4 是我最不喜欢的,因为深色的侧边栏太显眼了——它比实际内容更突出。很高兴看到你解决了这个问题,同时还做了一些其他的改进。
刚开始有点震惊,但过了一会儿就感觉好多了。而且和之前的版本对比后,我看到了你想要达成的目标,干得漂亮。
喜欢新设计,非常干净清爽!我认为这是你最好的设计!
mary
嘿,很棒的重新设计!广告区域做得很好,比上一个版本(虽然也不错)有了很大的改进。
当你选择除“所有”之外的其他部分时,搜索区域会跳动。除此之外,工作很棒!
喜欢它,喜欢它,喜欢它!
太棒了!恭喜!搜索框里的小东西有点奇怪!字体有点奇怪。
我今天访问了论坛,只是以为是论坛的设计变了,现在我发现是全局重新设计。不错,我喜欢它;D
我是不是很奇怪,实际上更喜欢旧的?
侧边栏似乎为内容提供了基础,而且我更喜欢更大的标题?
别担心,你不是唯一一个。我也更喜欢旧的 :)
事实上,我很惊讶我不得不浏览那么多正面的评论才能找到你的评论……
这个看起来很单调,色调淡化,很无聊。仍然很优雅,有点极简主义的感觉。猜想鱼和熊掌不可兼得 :p
我喜欢新的重新设计,但说实话,我更喜欢旧网站顶部的旧 CSS-Tricks 标志字体。我觉得新的字体有点太拥挤了,但除此之外,它很好——我特别喜欢独立的侧边栏,以及它的阴影!
非常棒。重新设计很棒。
哦,这看起来真的棒极了。恭喜
很棒的重新设计!我开始有点厌倦 V4 中的选项卡了……我很高兴你取消了它们。我真的很喜欢你一直在使用的灰色和橙色的对比。
我迫不及待地想回家后看看这个网站。由于工作中只有 IE6,看到它最原始的形式,我感到很沮丧。没错,我们这里有 IE6,而且它很糟糕,但我完全理解抵制 IE6 的行为。IE6 是最糟糕的……我们需要更多人完全放弃对它的支持。
很棒的重新设计。我真的很喜欢它。我喜欢页脚中的“其他项目”链接。它看起来棒极了!
真的真的太酷了!:)
真的很喜欢新设计……看起来更清新……
继续加油!!
我更喜欢旧的设计……这个看起来更老。我喜欢旧的,它在主要内容和侧边栏之间有清晰的区分。
我主要批评的是它的主页。它看起来很“乱”,而且,虽然你可以进入档案,但没有“上一步”链接可以返回以前的帖子(至少我没有看到)。将它们以块的形式显示……对于一个拥有大量内容和大量以前帖子,我喜欢阅读第一段,也许看看图片,然后点击“阅读更多”的网站来说。
不过,其他部分确实看起来更清晰,也更容易阅读。
很抱歉说出来,Chris,但这一次它并不合我的胃口。它感觉应该在老式黑白电视上显示。
我还觉得它有点噱头,比如淡入淡出。
非常酷。我认为这看起来非常优雅简洁!
干得漂亮,Chris。
我不确定是否完全喜欢它,但仍然做得很好。
现在它很轻,而且易于阅读。
只是想问一个问题,我注意到每当你有超过一个词时,你就会在它们之间放一个“小玩意”(不知道它叫什么),这是故意的吗?
我认为这个网站很棒,Chris。你是为数不多的不需要用好的设计来补贴优质内容的人之一。通过去除深色的侧边栏,我认为这个网站真的“打开”了一些。它感觉更宽敞了。
请允许我挑剔一下
浏览完首页后,我认为文章标题可以使用一点颜色。我还认为,后面的文章出现在自己的带阴影的立方体中,看起来有点奇怪。我猜,乍一看,它让我想起了你的广告。
左下角的数字对我来说看起来很奇怪。我知道它们指的是评论,但没有确认这一点。我希望看到它出现在右下角,这样你就能看到“阅读更多/评论”,然后是一个数字,表示评论的数量。
不过,这些都是很小的事情,只是在我最初浏览 v5 时,它们立刻吸引了我的注意。很高兴看到 Typekit 被利用,以及 Gotham 在 logo 中(我最喜欢的字体)。
我喜欢这个“翻转”想法。这样可以让那个数字更有语境……我会尽快尝试。
真的很棒的设计,它看起来更像“编辑”而不是“图形设计师”(这就是我对 V4 的感觉),但它仍然保持了品牌。
不过有一点,对我来说,“CSS Tricks”标志不仅太小,而且被“星号”标签遮盖了。
另一个细节是论坛的图标是戴领带的人……我不确定,但我认为我们大多数访问你网站的人(如果不是所有人,也应该非常接近),工作中都不戴领带,事实上,很多人可能讨厌领带,哈哈。
我想你只是想用那个图标反映你的社区,对吧?
另外,Type Kit 中的 css-tricks.com 字体在我看来在 Windows 上效果很好,即使没有抗锯齿。
总之,重新设计很棒。
它很漂亮,Chris。我是上一个设计的粉丝,但这个感觉更具框架感,更扎实,我唯一的批评是,我更喜欢上一个设计中文章标题的标题样式,它们看起来更原创,更独特。
我更喜欢之前的设计。它更温暖,更吸引人,而这个版本看起来有点冷淡,不友好。我对这个版本的排版也不太满意。在 WinXP 上的 FF 3.5 上,标题字体看起来不太好。
我很好奇在家里用我的 Mac 检查一下设计。你的网站在 Mac 上的访问量足够大,可以使用与 Windows 不太兼容的字体吗?
我更喜欢旧的。
这太冷了。
旧的设计很好,并且有一个更好的模糊/温暖的颜色。:)
我认为新版本看起来更现代,更清新,而旧版本更具个性和友好。需要一些时间来适应,但总的来说我很喜欢它,一如既往的出色工作。
我在标题中的空格处看到了一些奇怪的方框,比如“发表评论”在单词之间的空格处有两个方框。我不知道是不是只有我一个人遇到这个问题,或者是否有人提到过。不过有点烦人。不过我喜欢网站的整体设计。
我也是这样
显然这是 Windows 上 Chrome 的问题。我似乎无法在 Vista 上的 Chrome 中复制它,但我听说它存在于 XP 和 Windows 7 上的 Chrome 中。我已经给 TypeKit 发了邮件,我们拭目以待。
是的,我的台式机是运行 Chrome 的 Windows 7,笔记本电脑是运行 Chrome 的 Vista。两台电脑都有这个问题
我可以想象重新引入一个与居中标题和橙色/图形丰富的帖子细节有远亲关系的东西……一些更有分量和色彩的东西。我今天中午正常访问时,很难找到最新最好的帖子。
广告现在似乎更有分量。在旧版本中很容易忽略它们,我想是因为它们位于与内容风格截然不同的部分。当然,我也倾向于忽略与它们组合在一起的“探索”部分。
总的来说,感觉现在更像是由我决定看哪里,而不是被告知。我不确定我是否喜欢这样。这会让我变得顺从吗?嗯。
就我个人而言,我更喜欢以前的 desain。这个 desain 并没有显示出侧边栏/内容之间的明显区分。
我上次查看(CET 下午 7:45)时,这个网站和其他网站一样,没什么特别的。我认为你可以做得更好……它很白,虽然可读性好,但很单调。
是的,我同意其他一些评论,旧版本更温暖,更舒服,说一个网页是暖和的有点奇怪,但没关系。我喜欢这个版本的导航。我还喜欢代码片段页面,它们非常丰富多彩,而其他页面则没有。
此外,我使用的是 Windows,在 IE 中,字体看起来比在 Firefox 中更好……
“TypeKit 字体在 Windows 上看起来有点糟糕,所以我只为非 IE 浏览器提供 TypeKit。这并不能解决 Windows+非 IE 浏览器的問題,但我们将看看这方面会收到什么样的反馈。”
我非常喜欢这个网站,但现在我找不到通往旧帖子的链接。以前我经常点击旧帖子,浏览 3 到 5 页才能找到我正在寻找的文章。现在我找不到那个功能。好的,有一个搜索字段,但有时,当你确切知道在哪里找到东西时,而不是搜索,更容易找到它。Cris,你能修复一下吗?
太棒了!
感谢你还在你的新博客设计中加入了一些代码片段的更新。再次感谢 Chris,这真的很棒。
顺便说一句
我仍然很喜欢旧设计的颜色
好多了,Chris。我不喜欢之前的那个沉重的主题。
恭喜 Chris,你作为设计师正在飞速成长。
我最不喜欢的地方是页脚和标题中的 CSS 标签。不过做得很好。我最近最喜欢的重新设计是:http://www.nationalrail.co.uk/
即使它显然遵循了传统的“2.0”设计美学。
顺便问一下,背景图案是否与 Panic 博客上的相同?;) 我自己也考虑使用相同的图案。
非常棒,Chris,但空格字符是怎么回事?请看一下这里。我还注意到,在标题中的“由社区管理……”字符串中
我不知道为什么,但我不喜欢网站顶部的徽章。
不错。说真的,太棒了。下拉阴影看起来很像我博客上使用的阴影。
我真的不确定这个新的 desain,我刚习惯了旧 desain 的视觉效果,你就又把它改了。有点令人沮丧。
从美学上来说,这个 desain 不如旧的 desain:新 logo 的字体感觉压缩了,看起来很俗气;颜色冲突,大部分感觉很暗淡;导航图标很好,但我不觉得它们适合网站的整体设计;从侧边栏来说,这是一个改进,虽然我没有真正注意到上个 desain 中的深色侧边栏,但新的侧边栏似乎平衡了网站,并且从我的眼角“缩回”了。
总的来说,这个 desain 并不糟糕;也不算好。当然不是一个改进,我更喜欢旧的,但它对我的影响并不大,因为我在你的网站上阅读的大部分内容都是通过 RSS 来的……所以,是的,我白白抱怨了一通,对不起 Chris!*调皮地笑着*
嘿 Chris,
我真的很喜欢新的布局,但你在 a:active 上的 1 像素推力真是太棒了。当适度地用于大型重要链接或按钮式链接时,它是一个很棒的小效果,但用在 EVERYWHERE 就有点过分了,对吧?我前几天看到你的推文,说你最近一直在注意到这种现象(我们可以感谢 Tim Van Damme),我真的很喜欢它,但就像所有事物一样,适度就好。
此外,1 像素推力对于像这个表单上的“提交评论”按钮这样的实际表单按钮来说是一个很棒的想法,但你没有在那里使用它,这与所有链接形成对比,让人感觉它缺少了一些东西。
它太微妙了,我不明白它怎么会过分。如果有什么不同,它似乎更适合用在所有地方,这样才能保持一致。
虽然我认为它并不过分,但一致性在这里并不是一个好的论点。我认为 Sean 的观点是,1 像素推力与按钮的行为一致(这就是我们在实际按下按钮时看到的),它与链接的行为并不一致。Nielson 的一致性启发式方法是,只有那些在行为上相似的界面部分才应该在视觉上保持一致。因此,这取决于你如何解释按钮的行为与链接的行为。如果你认为它们足够相似,那么一致性就是正确的选择。
但是,重新设计很好,我认为在没有内容和侧边栏之间的强烈对比的情况下更容易查看。
我喜欢重新设计的 Chris。我不太喜欢上个 desain,但真的很喜欢这个。唯一的抱怨是顶部的 css-tricks logo 的字体。我更喜欢旧的。
哇,非常清爽的设计。我特别喜欢新的主页,非常有用!我还喜欢不太突出的侧边栏。
非常不错,Chris。我喜欢它 :)
非常感谢你提供的“主题切换”插件的链接。这在将来会非常有用。
我喜欢新的设计,但我不得不说,我还是更喜欢以前的设计。我是少数几个喜欢侧边栏和颜色的人之一(也许是因为我还在努力提高我对设计的审美)。我真的很喜欢你在首页上添加了更多内容。我一直想深入研究代码片段区域,现在你在首页上放了它们,让我更容易享受和使用这个新部分。继续创作内容吧,你做得很好,而且总是第一个被我推荐给问及网页设计的人的博客!
我认为这是迄今为止我最喜欢的CSS-Tricks设计。克里斯,干得好。
嗨,克里斯,
这次重新设计真是太棒了。所有元素(侧边栏-内容)看起来都像在游泳^_^
干得好!
看看这个网站,它不像大多数网站那么酷,但我认为他们在背景方面做了一些很酷的事情
http://www.creativeweek.org/
新设计看起来很棒!
我不知道是不是只有我,但我好像不能再在您网站的移动版上阅读您的完整文章了。
我喜欢新的设计,非常易于使用
看起来很不错!
哦,我喜欢。
它更精致一些。
现在对眼睛好多了:D
我真的很喜欢新外观……干得好!我看到“Explore ye Pioneers”在选项卡框上的时候笑出了声。那则Levi's广告一定真的很让人印象深刻。
要么是我没看到,要么是我完全错过了,但我没有看到Twitter云。
快速说明一下……当您点击搜索框时,它不会清除原始文本“搜索…”。
这两个操作都是通过JavaScript完成的,所以这让我相信您禁用了它。
真的很喜欢新的设计,干得好!
克里斯,看起来很棒。继续努力,继续创作出优秀的作品!
克里斯,网站看起来很棒。菜单和悬停区域后面的阴影是我最喜欢的更新。干得好!
哦,我好像发现了一个小错误。
至少在我这边,当我点击“论坛”选项卡时,右上角搜索栏中的斜体文本会恢复到您以前布局中使用的无衬线字体。
如果只是我遇到了这个问题,请忽略。:)
总体来说设计很棒!不过我不喜欢div上的悬停效果,有点过头了
真的比以前好,所有东西都更简洁。您还修复了一些小问题,比如活动状态、搜索和对广告的强调。总体来说干得好!也喜欢页脚项目的悬停效果。
它比上一个版本更“完整”。也就是说,侧边栏、内容和布局的每一个方面都非常协调。:)
不错的重新设计。我更喜欢新的图标,而不是之前的手绘风格图标。
页脚中“script & style”的描述中有一个小错误:“realted”应该改为“related”!
非常棒(旧的也很棒),但是“h5 class=”articles-area typekit-main”>最新文章”的字体与其他部分不一致。对“h2 class=”typekit-main””也一样。为什么不坚持在标题中使用粗体无衬线字体呢?
你知道什么是一个好主意吗?
让用户可以切换回旧主题。这样用户可以选择他们喜欢的主题。
首页上那些内容框的悬停阴影在我看来很分散注意力。如果您一定要用阴影,请让它们更微妙一些。
V5看起来好多了——干得好!
克里斯,看起来不错。我对你能像这样快速进行重大更改印象深刻。有一点……搜索框中的“搜索…”文本在我的Windows Vista上的Chrome中有点偏高。
我喜欢首页!侧边栏的浅色背景更容易找到内容。
在我看来,您以前的 desain lebih baik. 我从来没有觉得深色侧边栏等等会分散我网站主要内容的注意力。说实话,我不喜欢新设计的颜色搭配。页脚区域无疑比新设计好。我觉得您在旧设计中带来的独特性很棒。
旧的比新的简单得多
我更喜欢旧的,而不是新的
但我也很喜欢这个设计.. .!
这有点像Smashing杂志的新外观。说实话,我也喜欢旧的Smashing杂志!
我同意。我讨厌新的Smashing杂志……布局实际上让我不再喜欢使用这个网站了。我对这两个新设计的最大不满是只有一篇主要文章,然后就是一些包含其他文章的小框。这使得它们看起来很无聊。
我还有一个不喜欢Smashing杂志和这个新设计的方面,那就是广告空间过度使用。广告、广告、广告。它们开始占据了太多空间。但我也理解,需要赚钱,而且这两个网站都投入了大量时间。
迄今为止最简洁的版本。我喜欢它!
如何给IE6显示一条消息,说明这是“穷人”的布局,而其他浏览器才能看到真正的布局。
与其让IE6用户被排除在外,不如给他们一个升级的激励。
我知道在网页开发网站上这可能是老生常谈,但这体现了其他网站的良好做法。不是吗?
嗨,克里斯,
我真的很喜欢您网站的焕新。现在看起来很干净,总体来说更轻盈。干得好。
来自德国的问候,祝您圣诞快乐!
克里斯托夫
干得好;)
真干净!
太棒了!我真的很喜欢您使用jQuery的方式……
现在看起来很不错。但我不喜欢导航。
我同意大多数读者的观点。新设计更简洁,也更优雅。我的建议是您尝试使用更大胆的背景颜色,这将使您的网站更有特色和个性。
干得好,我喜欢阴影效果:)
PS:在顶部,搜索图标没有居中(Chrome,Windows)
很棒!我很喜欢。
真的很好。恭喜。我知道拥有一个新设计的感觉,需要逼迫自己让它上线。“不要做任何太疯狂的事情。”我喜欢你使用的细微之处。
其他每个人似乎都在 Chrome 中遇到字形问题,但我只是得到了标题的 POS(普通的旧“衬线”)。这是在 XP 上的 Chrome 3.0.195.38 中。
否则看起来非常漂亮和干净。我喜欢新的“CSS Chris”推特页脚。不过我不同意你的 CSS 布局,多行缩进 FTW!
我仍然喜欢旧的纸板风格版本。(V2、V3?)尽管你实现了一件事,其他网站都没有做到;你真的让我点击了广告,哈哈。
我真的很喜欢新设计,不过我更希望看到容器两侧的列颜色更深一些。
太棒了
新设计很棒。导航图标让它成为你 CSS-Tricks 设计中的佼佼者!它提高了可用性,感觉也恰到好处。
嘿 Chris,这看起来不错,还有几个想法。你不觉得在首页上显示文章摘录中的图片会更吸引人吗?最初的设计有这个功能,但不知道为什么在 v5 中被删除了。你的图片给主页增添了活力。
确实,深色背景侧边栏需要改变,但新的看起来有点暗淡。但再一次,我认为这只是个人喜好问题。
不错...
我真的不介意 Chris 的其他版本,但这个看起来真的很好。我特别喜欢你放在侧边栏内容下的渐变阴影…很不错的细节。
我只希望我的 CSS 编码能达到你的一半…我喜欢你的屏幕录像和你付出的所有努力,帮助我们这些不是那么优秀的编码员变得更好。
嘿 Chris。网站很不错!不过只是一个建议。我认为如果你让页眉有一个棕色背景,就像上次那样,而不是仅仅是灰色,会看起来更好。
哇,对于一个自称设计师的人来说,你真的剽窃了别人的设计。看起来太像 Smashing Magazine 了。
嗯。好吧,射手。
你怎么能这么说呢?看起来一点也不像 Smashing Mag 的设计。就我之前见过的任何东西而言,它完全是独一无二的。
你在说 Smashing Mag 的哪个版本?看起来一点也不像它!
Chris,设计很不错!我很喜欢!
好多了!不是说我不喜欢以前的设计,但这个感觉更完整,融合得更好。
我唯一想说的是,预加载出现在页脚中“其他项目”部分的图片——它们在我看来直到几秒钟后才出现,只有在我浏览完页脚后才注意到它们。
之前的版本很棒——尤其是页眉/侧边栏的结合。但这个设计更好。感觉更轻盈、更干净、更轻松。很棒的工作,Chris!
很棒的工作,Chris!我特别喜欢你对主导航所做的事情。现在网站感觉更严肃了,但它保留了众所周知的 Chris Coyier 的风格。
我非常喜欢页面顶部和底部的橙色线条。
另一方面,顶部菜单在我看来有点太灰了。我喜欢图标在悬停项目时变色的事实,但几乎五个图标中有三个在悬停时仍然是灰色的。仅仅因为这些是黑白/灰色的图标。
我希望在打开(首页)页面上看到更多一点颜色。
太美了...
那些灰色的“推荐”框看起来像 favicon 大小,但它们呈现为,嗯,灰色的框。
右上角的搜索,当你切换“全部”和“文章”时,搜索框内部的内容会稍微移动一下(至少在 PC 上的 Firefox 3.5.5 中是这样)。
你在侧边栏模块中使用斜体,“探索你们,先驱者”,为什么不在网站标题中使用呢?“一个由 Chris Coyier 精心策划的网页设计社区”。
我在任何地方都看不到有趣的猫的 Youtube 视频?人们喜欢有趣的猫的 Youtube 视频。
最后,你能把 logo 做大点,然后涂成红色吗?
重新设计看起来不错,但我不知道我是否比以前更喜欢它。
我实际上喜欢以前的侧边栏。
关于你在 1024px 处的水平滚动条问题:inside-footer div 的宽度为 1044px(多了 20px)——我认为问题就在这里。
没有链接到旧文章吗?还是只有我没有找到它?
非常酷的更新!我现在很喜欢首页..看起来整洁多了!
可能是错字?
在额外的 IE 6 样式表中添加一些调整,主要是关于搜索的调整
regaring = regarding?
无论如何,恭喜更新,Chris
Chris,干得漂亮!
非常漂亮和干净的设计 :)
是的,Chris,干得漂亮,虽然我也喜欢旧的。支持放弃对 IE6 的支持,我认为设计师越少关注它,它就越流行,摆脱 IE6 的最好方法就是简单地忽略它。
新设计看起来不错,比现在旧的 v4 更干净。
但你真的应该重新设计一下底部的推特云。
我真的很喜欢首页现在真正变成了首页,而不是仅仅专注于博客。页脚很酷,我喜欢链接上的点击效果。期待 2010 年更多精彩内容,包括你的书的实体版!
焕然一新是对的!网站看起来真的焕然一新,就像呼吸了一口新鲜空气。这是迄今为止我最喜欢的重新设计。摆脱深色侧边栏的想法很好,网站看起来更大,也更具凝聚力。又一次证明了为什么你是我的网页设计英雄之一,Chris!
祝 2010 年一切顺利!
Shane
也许你应该把“旧文章”缩短为标题列表。目前它是“其他”区块,尤其是它被广告隔开,并且具有其他视觉风格。
我使用的是 AdBlocker,所以我看到的是空的蓝色条。你能做点什么吗?还是不在你的掌控之中?
但我可以说,整个设计很漂亮,赏心悦目。
这是一个很棒的重新设计,做得很好。我一直很喜欢这个网站的外观。
也许我只是没找到,但我怎么才能访问旧内容?以前不是有个“以前的文章”链接吗?
好多了!
我开始喜欢新设计了。
我认为一个好的教程是关于你如何做到的,比如你如何让 WordPress 显示第一篇文章在一个大的区块中,然后把剩下的文章显示在较小的区块中,排成几列。
我已经看到几个其他 WordPress 网站这样做,但我还没有找到实现方法。
真的非常喜欢克里斯的重新设计,感觉比之前的设计更清晰简洁。我很喜欢你把之前文章中提到的“旧文章”链接也整合进来的部分。做得好!:]
不喜欢。
仅仅用文本浏览文章变得很困难。
-1…以前的设计更好