您当前位置: 主页 / Dog 博客 / 存档

哦!闪闪发光!

2005 年 7 月 7 日星期四 (格林威治标准时间 12:35)

这是 Moll/Griffiths 的作品!它有流动性!它有曲线!它有弹性!它没有 bug!这是一场设计/可访问性盛宴!

新的 Vivabit 设计终于上线了,还有一个叫做“Pixels, My Ass”的 小版头信息(还记得标题吗……这在未来还会再次出现)。

评论

评论1

在所有具有相似设计的固定 CSS 布局中,这项工作非常出色。只是一个小瑕疵——在 Opera 8 中,像“Welcome”等一些标题的文本会叠在背景图片之上。

Lubos Kmetko 于 2005 年 7 月 7 日星期四下午 1:29(格林威治标准时间)说道。

评论2

该死,这确实很闪亮!

非常漂亮,非常实用,我喜欢你们实现三栏弹性布局的方式 :)

Faruk Ates 于 2005 年 7 月 7 日星期四下午 3:36(格林威治标准时间)说道。

评论3

它看起来很棒,除了已经在 Opera 8 中注意到的小瑕疵。它甚至在 Opera 的小屏幕渲染视图中看起来也很棒。

为了实现那些圆角,需要一些丑陋的 HTML。我尝试过类似的东西,只是在边缘添加了一个细细的黑色边框。为了达到我想要的效果,这需要双倍的嵌套 div/span 标签。我还在为我正在修复的卡车(http://nilesweb.com/truck)的这个页面进行实验和学习。

Ahren Niles 于 2005 年 7 月 7 日星期四下午 4:23(格林威治标准时间)说道。

评论4

哇,我真希望你早告诉我戴太阳镜……这看起来太棒了,我喜欢三栏布局,而且我必须说颜色看起来也很棒。做得好!

Nathan 于 2005 年 7 月 10 日星期日早上 7:20(格林威治标准时间)说道。

评论5

我不知道你是否关心这个问题,但我的文本大小设置为+1,并且正在使用 Firefox 1.0.3。如果我把窗口做得非常小,中间栏的文本就会超出背景。

尽管如此,布局还是非常漂亮。它让我感动得流下了眼泪。我希望有一天能做出这样的网站。

tyrsia 于 2005 年 7 月 10 日星期日早上 7:43(格林威治标准时间)说道。

评论6

这是一项出色的工作,Patrick。少数额外的(且不突兀的)元素是获得如此出色的设计的微小代价。向你和 Cameron 致敬。

Lauren 于 2005 年 7 月 12 日星期二凌晨 2:20(格林威治标准时间)说道。

评论7

太棒了!那么,如何将 PSD 转换为有效的 xhtml/css 呢?

erik 于 2005 年 7 月 13 日星期三晚上 11:21(格林威治标准时间)说道。

评论8

继续闪耀吧,疯狂的钻石!

Charles 于 2005 年 7 月 26 日星期二晚上 11:03(格林威治标准时间)说道。

评论9

如果使用 Flash 替换标题图片,看起来会更好。

toni 于 2005 年 7 月 27 日星期三下午 6:24(格林威治标准时间)说道。

评论10

回复 #7 - 你从 PSD 设计中构建网站——这就是你所做的*一切*。这不是一个神奇的插件,而是没有设计过程的网站构建:)

回复 #9 - Flash 是不可访问的。结束!

网站看起来很棒,一切都很好;做得好。

Fen 于 2005 年 7 月 28 日星期四中午 12:02(格林威治标准时间)说道。

评论11

在 @media 上看到的。做得好。

“新媒体用户信息架构师新兴技术界面设计师”……天哪,这真是个大 mouthful。

Zach Inglis 于 2005 年 8 月 2 日星期二下午 3:17(格林威治标准时间)说道。

评论12

致 PTG:我非常喜欢这个设计和功能。也许可以在带有标题的元素上使用“cursor: help”,以配合虚线并提供工具提示的视觉线索?光标不响应“实时”内容区域,感觉有点奇怪。

回复 #10:Flash 仅在干扰内容或用作用户界面时才不可访问——仅用于呈现目的嵌入时,它并不比 HTML 中不小心插入的呈现图片差。以下标记可用于插入一个漂亮的动画标题(对于能够显示它的用户),并为无法显示的(根据优雅降级的原则)用户替换相同的静态图像。

<!-- 这需要覆盖现有的平铺标题背景以保持弹性 -->
<object type="application/x-shockwave-flash data="c.swf?path=movie.swf" width="400" height="300">
<param name="movie" value="c.swf?path=movie.swf" />
<div>
<!-- 这是标题中原始的空 div;如果浏览器无法处理“application/x-shockwave-flash”,它将尝试显示 object 的下一个子级 -->
</div>
</object>

我承认——这不是严格遵守内容与呈现分离的原则——但它已尽可能地做到不显眼,而且比我见过的多数 Flash 用法都要好得多。

Chris Cox 于 2005 年 9 月 22 日星期四上午 11:03(格林威治标准时间)说道。

评论13

stylemaster CSS 编辑器的基础教程使用了与标题图片相同的背景图片……嗯

sinick 于 2005 年 10 月 11 日星期二晚上 8:23(格林威治标准时间)说道。

评论14

http://www.westciv.com/style_master/academy/hands_on_tutorial/images/page-bg.gif

sinick 于 2005 年 10 月 11 日星期二晚上 8:26(格林威治标准时间)说道。

评论15

非常流畅 :) 我在所有分辨率下都试过了——和之前评论的一样,太棒了。看起来极其专业。我喜欢它。

Roman 于 2005 年 11 月 18 日星期五上午 10:08(格林威治标准时间)说道。

评论16

天哪,人们在网页设计领域变得越来越“挑剔”。在我看来,这是好事——它表明人们开始注意到 Opera 等中的一些小“问题”。我对这个网站毫无保留的赞美,它确实令人惊叹。我注意到的唯一一件事是主页底部的联系表单。太多的设计师为了样式而样式(我相信我们都曾一度 guilty),但那个表单很漂亮。也许“漂亮”这个词对于描述一个表单来说不是最好的选择,但它比其他表单更胜一筹。它仍然清楚地是一个供用户填写的表单,它(当然)在语义上是正确的,并且是可访问的。

做得好。现在,我要去重新调整我的表单了 ;)

Sticky

Richard 'Sticky' Tape 于 2005 年 11 月 25 日星期五凌晨 3:40(格林威治标准时间)说道。

评论17

设计非常棒,标题看起来非常好——尤其是颜色,非常棒。它们友好而可爱,我喜欢这些蓝色调。

A. Schroth 于 2005 年 12 月 3 日星期六下午 3:44(格林威治标准时间)说道。

评论18

看起来棒极了,CSS 表格写得非常好!

Britney 于 2005 年 12 月 19 日星期一上午 10:08(格林威治标准时间)说道。

评论19

很棒的设计,对冲浪者来说应该会很有趣!

Stephanie 于 2005 年 12 月 28 日星期三下午 3:21(格林威治标准时间)说道。

评论20

漂亮的设计!=)

Nataly 于 2006 年 1 月 9 日星期一下午 12:37(格林威治标准时间)说道。

另请参阅

^ 顶部

SiteGround: Fast, reliable, recommended hosting.