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

Links

我们正在阅读的来自网络的各种内容,并有一些想法。 有值得我们知道的链接吗? 告诉我们!

你可以过渡 z-index

🔗 http://zomigi.com/blog/css3-transitions-and-z-index/
阅读评论

Zoe Gillenwater 提醒我们它只是一个数字,所以为什么不呢? 所以很明显,我做了这个 愚蠢的墙相位鬼魂.

打印网页

🔗 http://drublic.de/blog/printing-the-web/
阅读评论

Hans Christian 介绍了网页打印的现状。 所有老经典仍然很重要,比如对无关内容(如导航)使用 display: none; 以及使用伪元素来显示链接的 URL。 但是也有一些新面孔,比如 @page,它可以帮助你设置单个打印页面的样式,并控制某些元素的打印方向,-webkit-print-color-adjust: exact; 用于打印背景颜色/图像,打印裁剪标记,以及防止 寡妇.

Chrome 开发工具中 Sass 的行号映射

🔗 http://fonicmonkey.net/2013/03/25/native-sass-scss-source-map-support-in-chrome-and-rails/
阅读评论

自从看到 Lennart Schoors 的这篇文章 后,我一直想让它运行起来,但 Lee Mallabone 的这个教程终于促使我行动起来。 调试设置特定于 Rails,但是如果你使用 CodeKit,你可能只需要 这样做。

过去我一直认为:我不需要任何行号映射! 我的 SCSS 组织得井井有条,模块化很好,我总是可以立即跳到需要编辑的地方。 但是当我这样想的时候,我闻到了一丝防御性和陈旧的态度,所以我们要保持开放的心态,给自己更好的工具。

更细粒度的连字符控制

🔗 http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text
阅读评论

David Storey 展示了最新的 CSS Level 4 连字符控制的进展。 比如,可以设置属性来确保多个后续行不使用连字符(“梯子”),以及在旧行和新行上需要保留多少个字符,以及使用哪个字符作为连字符。

学习 CSS 布局

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

通过在易于理解的页面格式中查看示例和代码来学习。 它适用于大小不同的屏幕,我们都知道这在当今非常重要。 由 Greg Smith 和 Isaac Durazo 编写。

响应语音

🔗 http://www.jordanm.co.uk/lab/respondtovoice
阅读评论

Jordan Moore 正在尝试与浏览器对话以调整外观。 例如,“放大文字。” 就像在,你知道,未来。

客户端提示

🔗 https://github.com/igrigorik/http-client-hints/
阅读评论

我们都知道 UA 探测很糟糕。 但它真的很常见,因为在提供内容和资源时,确实需要了解对方浏览器的相关信息。 如果我们不仅获得 UA 字符串,而且还获得标头中有关浏览器的信息,会怎么样? Client-Hints 旨在做到这一点。 它现在处于 RFC(请求意见书)阶段,关于它应该提供哪些信息有 很好的讨论。

扁平化 UI

🔗 http://designmodo.github.com/Flat-UI/
阅读评论

Design Modo 的团队提供了一组非常棒的用户界面元素。 这种风格现在正在触动设计领域的一条真正的神经。 我喜欢他们为此付出了额外的努力,让所有组件真正发挥作用(例如滑块、单选按钮等等)。

不过 JavaScript 有点杂乱无章,使用了 jQuery UI、Twitter Bootstrap、Video.js 以及更多其他库。 它是开源的,所以如果有人能参与进来,删除一些依赖项,并在其下方构建一个一致的 JS 架构,那会很不错。

更新: 似乎他们正在与 LayerVault 发生版权纠纷。 只能这样了。

引号和重音符

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

Jessica Hische 提供的关于如何按下哪些键才能得到弯引号和带重音符的字符的提醒。 我是一个主要违规者(看!)。 我应该用 Markdown 写,它会自动修复它。

更多 CSS 秘密

🔗 http://www.youtube.com/watch?v=3ikye7Qc7Ak
阅读评论

我怎么能不链接到 Lea 的这个 CSS 技巧饱和演讲呢? 非常棒的后续内容,紧随 原始版本 之后。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新的
  • 1
  • ...
  • 165
  • 166
  • 167
  • ...
  • 219
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

紧跟 web 开发的最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律条款
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.