使用 Photoshop 还是不使用 Photoshop
37 Signals: 我们不需要 Photoshop,我们直接从草图到 HTML。
Jeff Croft: 嗯,您有一个既定的审美观,这使得这一切成为可能。我的客户往往需要视觉探索,因此 我们确实使用 Photoshop。
Jon Hicks: 伙计们,两种技术都有其优点。
滚动时加载内容
您是否曾经见过这种效果,当您向下滚动网页并接近底部时,会动态加载更多内容?这可能最常出现在 Google 阅读器或当前的 DZone 主页上。Web Resources Depot 有一个关于如何使用 jQuery 实现此效果的 教程(以及可下载示例)。
强迫症 CSS 格式
Perishable Press 的 Jeff 有一系列关于强迫症 CSS 格式的三篇文章(迄今为止)。我尽力使我的 CSS 保持干净和井井有条,但我还没有达到如此强迫症的程度。例如,将声明从最长到最短排列。另外两个是 强迫症缩进和空格 以及 强迫症大括号。我在 这个截屏视频 中介绍了一些基本的不同风格。
ScrnShots
简单地说
Scrnshots.com 是一个设计师社区,他们可以在其中分享有趣且美丽的设计的屏幕截图。
我真的很喜欢这个想法。现在有了他们的 新的上传工具(Mac 和 PC 版本),我所需要做的就是像平时一样截取屏幕截图,然后就可以将其直接上传到我的帐户。我认为这是一个很棒的方式,可以保存酷炫事物和设计灵感的剪贴簿,这些灵感每天都会出现在你的屏幕上。如果你想成为朋友,我叫 chriscoyier 。
我真正关注的只有其他两个社交网站,一个是 Twitter,另一个是 Flickr。
设计师工具箱
此网站上的资源始终有用。例如,如果您正在 Photoshop 中设计网页布局,并且需要特定浏览器的滚动条,他们可以提供帮助。需要特定尺寸信封的折线图,他们也有。
嗨,Chris,您实际上可以使用一个名为 Lazy Load for jQuery 的插件在滚动时加载内容。我必须承认,由于某种原因,您的链接无法正常工作,所以我只是根据您的描述猜测它是什么。一如既往,很棒的博客。
scrnshots.com,真是个绝妙的主意!设计师工具箱也是个宝藏。感谢分享。一如既往,很棒的文章。
Chris,你太棒了,伙计!继续努力!:)
我会将 LazyLoad for jQuery 添加到动态添加内容的列表中。折叠下的任何图像都会被替换为透明像素,直到您滚动到它们为止。对于具有高跳出率、高导航点击率或只是包含大量图像的页面,这是一个很好的方式,可以在不影响页面美观的情况下降低带宽和 CPU 使用率。