Mackinley Drummond
CSS-Tricks 的“纸板剪纸”外观是怎么回事?
没有隐喻或特别重要的含义。我只是喜欢纹理。我还想让网站看起来独一无二,而不是落入任何关于基于 CSS 的网站应该是什么样子的预先设定的模式。我已开始对该网站进行设计更新的早期阶段。我对此感到非常兴奋。不过,不要太兴奋,我需要一段时间才能完成它。我希望在新年之前或前后完成。
您如何在 Mac 上安装 IE6?
我运行 VMWare Fusion 来运行 Windows XP,然后在其中运行 IE Tester。我必须安装 IE 7,以便 IE Tester 能够测试所有版本:5.5、6、7 和 8。有时我真希望有一台真正的 PC,安装一个真正的 IE 6 原版进行测试,因为 IE Tester 版本和真实版本之间存在一些细微的怪癖和差异。您可以使用 Parallels 或 Bootcamp 做同样的事情,IE Tester 也可以在 Vista 上运行。您需要一台 Intel Mac 才能运行这些软件。如果您没有 Intel Mac 或无法/不想在 Mac 上运行 Windows,则可以使用 ies4osx,它运行在 Darwine 上(“wine”虚拟化软件的 OS X 版本,允许您在不运行 Windows 的情况下运行 Windows 程序)。我发现 ies4osx 速度有点慢且存在 bug,但我已经有一段时间没有使用它了。
Anders Kleve
我们何时应该使用图像替换而不是实际图像?
使用 CSS 图像替换的理想位置是网站的徽标。徽标通常会包含网站的文本标题,从而无需在实际网页文本中显示网站标题。出于 SEO 和可访问性的目的,将网站标题作为页面上的第一个元素使用 h1 标签是有意义的。使用 CSS 图像替换,您可以兼得两全其美。h1 标签包含网站的文本标题,但如果“普通”访问者在启用了 CSS 和图像的情况下查看您的网站,他们将看到图形徽标。
Steve Davis
如果您用图像替换 h1,那么您如何在标题中也添加一个图像(通常是徽标)作为指向主页的链接,就像惯例那样?
这是对上一个问题的绝佳后续。我在上面说您应该替换 h1 标签,因为这样做对 SEO、可访问性和语义来说最合理。但是……如果您想将其变成链接,这会使事情变得复杂。如果您将内部文本包装在锚链接中,根据您使用的技术,它要么隐藏要么将文本推离页面,从而没有可点击区域。因此,您应该对锚本身执行实际的图像替换,而不是对 h1 本身执行(类似于“h1#logo a”)。相同的理论,只是保留了可点击区域。
Denzil Rowe
构建网站布局,Photoshop 还是 Illustrator 更好?
无论您更喜欢哪一个,以及您在哪个软件中感觉更舒适。尽管了解两者都没有坏处。
James Dadd
如果您能够从头开始构建网站的所有内容,从基础设施到前端编程,您的理想技术栈是什么?
服务器
编程/脚本语言/框架
JS 框架
数据库引擎
设计(CSS/表格/模板…)
服务器:我不了解得足够多,无法发表评论。我猜通常是 Linux 或 FreeBSD + Apache
编程/脚本语言/框架:PHP 或 Ruby,尽管我对两者都只是个新手
JS 框架:jQuery
数据库引擎:MySQL
设计(CSS/表格/模板…):CSS/XHTML + CMS
嗯…… Fireworks。 :)
哇……现在是早上,太早了。忘记粘贴我上面回复的引文,该引文是
您可以在此处获取 IE6 的独立版本:http://browsers.evolt.org/?ie/32bit/standalone
针对第一个问答:我真的很喜欢当前的 CSS-tricks 布局。它展示了 CSS 的真正能力。我尤其喜欢页脚,其中包含所有作者信息等。
针对此问题
我可以拥有一个包含我的网站名称的 h1 标签,并使用 CSS 隐藏它,同时在 img 标签中显示徽标(在 SEO 方面)吗?我想在 HTML(X)方面尽可能地具有语义化,同时也要对 SEO 友好……或者还有其他方法可以做到这一点吗?
希望您的休息时间过得愉快,Chris!
喜欢这个问答
Photoshop 对于网站布局设计来说更容易使用,除非您了解一些避免 Illustrator 中出现视觉错误的小技巧。
首先,您需要知道只能对边框使用完整像素值(如果您打算使用 css 生成它们),因为您不能使用 0.25px 作为有效的 css 测量单位。
此外,您可能希望将文档网格设置为 1px 并激活 Illustrator 中的“吸附到网格”选项,以避免将对象放置在 2 个不同的像素上,这会导致产品外观不佳,因为这会导致产生抗锯齿效果。
并记住,对于 Web,您需要使用 72dpi :D
对于语法不流畅,请见谅,英语不是我的母语 :P
我只是想扩展一下问题
我对何时使用 css 图像替换技术以及何时在 html 中放置图像的理解取决于一种评估特定图像的方法。如果它与设计/演示有任何关系,则将其放在 css 中。如果它的动机/目的是添加到内容中,则将其放在 html 中。因此,徽标将与设计相关,并且使用 H1 表示徽标并以这种方式替换它将是合适的,但是今天股市分析的图表将属于关于今天股市的博客文章中。
这就是我在处理网站代码时思考的方式。
@Matt
我也是 Fireworks 的忠实粉丝。 :)
我最近开始使用 InDesign 设计网站。我发现它对于所有网格工具和排版元素都更有用。我在 Photoshop 和/或 Illustrator 中制作图形元素,然后将其导入 InDesign,添加一些假文本,然后可以轻松地对其进行样式设置。
您可以使用段落样式、边距、填充等,在我看来,它比 Photoshop 或 Illustrator 更接近 html-css 逻辑/语义(加上在 Photoshop 中处理文本/排版是一件很痛苦的事情…)
Chris
在 Windows XP 和 Vista 上测试各种 IE 是否有任何优势?我不清楚操作系统版本在浏览器渲染能力方面有什么区别。任何见解,一如既往,不胜感激!
谢谢,
John
@John Paul:好问题……不过我不这么认为。操作系统不应该有任何影响。我猜如果出现了一些小问题,我也不会感到惊讶。
“构建网站布局,Photoshop 还是 Illustrator 更好?”
我自己是 Fireworks 的粉丝。快速原型设计允许创建带有点击操作的模型,以便您可以将其发送给客户,让他们像网页一样浏览模型(有点像)。但自从我大部分工作都在 Fireworks 中完成以来,我变成了 Photoshop 菜鸟。
给你提个问题……
您认为微软是否会最终发布一个可正常工作的符合标准的浏览器,如果是,大众市场升级到该浏览器需要多少年?
您可以看出我刚刚花了几个小时试图在 IE5/6 中使 XHTML 严格设计正常工作,我梦想着有一天设计可以在所有浏览器中完美运行…… :-)
Chris,感谢您整理这些 CSS 教程!它们非常棒!我代表我自己说话,但我相信我们所有人都会非常感谢您花时间创建所有这些教程!您如何抽出时间制作所有这些视频,再加上您的工作和其他生活承诺?
那么……CSS 布局一开始是否给您带来了一些麻烦?您认为网页设计师最难掌握的 CSS 方面是什么?
再次感谢,
Rob
回复Dave的帖子,
哦,Dave!微软是我的所有CSS 挫折的罪魁祸首!我理解你的痛苦!我只能说……我们需要给微软写信或者采取一些行动。也许如果他们收到足够的邮件/信件……他们就会开始采取行动!?
嗯……我们所能做的就是希望,对吧!?
-robster