跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Links

我们正在阅读并有一些想法的网络上的内容。有没有我们应该知道的链接?告诉我们!

深入 WordPress 3.3

🔗 http://digwp.com/2012/02/digging-into-wordpress-v3-3/
阅读评论

《深入 WordPress》(书籍)现已更新至 v3.3 版本。包括专门介绍 3.2 和 3.3 中新增内容的新章节,所有其他章节都进行了紧缩和更新,更好的内部超链接(在 PDF 中),以及更多内容。对于所有以前的购买者,这是一个免费更新(PDF)。新的印刷版正在订购中,很快就会上市。

真实世界的 CSS

🔗 http://visualidiot.com/articles/css3
阅读评论

一个非常严肃的,一点也不挖苦的 CSS3 技术画廊,它摒弃了花哨的东西,而青睐实用性。

更好的盒子大小

🔗 http://paulirish.com/2012/box-sizing-border-box-ftw/
阅读评论

Paul Irish 建议使用通用选择器 (*) 将border-box box-sizing 应用于每个元素。我一直想尝试这个方法,因为在我看来,这个盒子模型更好。想象一下:元素使用百分比宽度和像素填充,而无需担心。

Firefox 10

🔗 http://www.mozilla.org/en-US/firefox/10.0/releasenotes/
阅读评论

…现在是稳定版本。它值得注意,因为它是有史以来第一个内置开发者工具的版本(视频概述)。目前它都是 HTML/CSS(不是 Firebug 的替代品),但它们设计得很好,并且对于一个真正应该内部化的产品来说是一个很好的第一步。此外,还有 CSS 3D 变换!升级后,查看此演示,使用-moz-element 和刚刚支持的 3D 变换。

Twitter Bootstrap 2.0

🔗 http://twitter.github.com/bootstrap/index.html
阅读评论

如果你的 Web 应用的外观或功能不如 Bootstrap 开箱即用时那么好,那么是时候与你的团队进行一次非常严肃的讨论,探讨原因了。

用于响应式网页设计的 1000px 网格

🔗 http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/
阅读评论

要为流体设计确定网格宽度百分比,你需要从固定设计开始,并将列宽除以容器宽度。Elliot Jay Stocks 呼吁我们停止自我折磨,并将容器设置为 1000px,这样计算就非常容易了。

Pictos 服务器

🔗 http://pictos.cc/articles/using-icon-fonts/
阅读评论

我一直相信图标字体很棒。现在 Drew Wilson 的新服务(以及我链接到的文章)消除了对它们的任何最后可能的反对意见。认为它们使用了非语义标记?通过伪元素应用它们。担心一些屏幕阅读器仍然会读取它们?如果你使用aria-hidden="true" 或将它们映射到一个未使用的 Unicode 字符平面,则不会出现这种情况。太重量级了?使用此服务构建你自己的图标字体,只提供你需要的部分。

响应式设计测试书签

🔗 http://www.benjaminkeen.com/misc/bricss/
阅读评论

Benjamin Keen 的书签,它自动化了 Lennart Schoors 的一个想法,即当前页面加载到一组不同大小的 iframe 中,因此,当在大型显示器上工作时,你可以快速且一次性地查看设计在许多不同较小尺寸下的外观。

CSS1k

🔗 http://css1k.com/
阅读评论

在过去,CSS Zen Garden 是一个展示 CSS 强大功能的地方。一个页面以截然不同的方式重新设计,而 HTML 代码没有发生任何变化。CSS1k 项目(由 Jacob Rask 领导)也采用了同样的思路,只是你仅限于使用 1k 的 CSS。很有趣,但目的是让你思考如何高效且经济地使用 CSS。

Shop Talk 第 1 集

🔗 http://shoptalkshow.com/episodes/001-first-episode-w-jonathan-snook/
阅读评论

Shop Talk 的首播集,我和 Dave 以及 Jonathan Snook 回答了大量听众的问题。抱歉,有鼻塞和其他一些瑕疵,我们会随着时间的推移而改进。由LessAccounting赞助。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 180
  • 181
  • 182
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.