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

Links

来自网络的我们正在阅读并有一些想法的东西。 有我们应该知道的链接吗? 告诉我们!

WebKit 渐变语法

🔗 https://webkit.ac.cn/blog/1424/css3-gradients/
阅读评论

…现在与 Mozilla/官方规范版本相同,这很棒,因为 1) 它更容易编写,技术上更强大,2) 标准万岁!

它只在 WebKit nightly 版本中,但我相信它将在 Safari 和 Chrome 的下一个主要版本中。

那么 -webkit-gradient 会消失吗? 当然不会! 我们将在可预见的未来继续支持 -webkit-gradient,以支持所有使用它的现有内容。

Google 弃用 H.264

🔗 http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html
阅读评论

Google Chrome 正在停止支持视频编解码器 H.264。 这有点像 Apple 与 Google 的一场口水战,因为 H.264 被 Apple 大量使用,而 WebM 则是 Google 开发的。

对于 HTML5 视频,我认为情况是这样的

现在
H.264 – Chrome、Safari、移动 Safari
Ogg Theora – Firefox、Opera

不久的将来
WebM – Chrome、Firefox、Opera、IE 9
H.264 – Safari、移动 Safari

仍然只需要提供两种格式即可获得相当不错的覆盖范围。 如果 Safari 能加入 WebM 的行列,我们就万事俱备了,但不要等到那天才放屁。

该死的 HSL

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

来自源代码

该网站由 Paul Irish 创建
我创建它是因为 hsla 比 rgba 酷得多,而且更有道理!

HSL 比 RGB 更好。 它没有被广泛使用的原因(据我而言)是因为你无法从 Photoshop 中获取 HSL 颜色值。 因此,才有了像这个网站和 我自己的网站 这样的工具。

不使用图像的条纹和棋盘格背景

🔗 http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/
阅读评论

Lea Verou 有一个巧妙的想法,即使用重复的 CSS3 渐变(通过设置背景大小)来创建没有图像的条纹和棋盘格背景。

没有标记的正文边框

🔗 http://csswizardry.com/2010/12/simplified-page-borders-in-pure-css/
阅读评论

Harry Roberts  使用一种很好的技术,利用伪元素创建正文边框效果,而无需多余的标记 (相同的想法,但使用额外标记可以获得旧浏览器的支持)。 阅读评论,以获取其他一些不错的建议。

神奇的缩放修复

🔗 http://www.stubbornella.org/content/2010/12/09/the-hacktastic-zoom-fix/
阅读评论

Nicole Sullivan 使用 display: table-cell 强制元素创建新的格式化上下文,并使用一串 X 作为伪内容将其强制为全宽。

精益、高效的 CSS 重置机器。

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

存在各种各样的 CSS 重置,从广受欢迎的 Meyer 重置到新式 HTML5 重置。 你知道不同重置之间的区别吗? 即使查看和比较代码,也很难想象。 Jeff Starr 创建了这个新颖的小巧网站,允许你使用不同的重置查看不同类型的内容,甚至可以引入你自己的网站内容进行尝试。

CSS 过渡时序

🔗 http://www.the-art-of-web.com/css/timing-function/
阅读评论

一篇不错的文章,包含有关 CSS 过渡的不同时序函数的可视化演示。 进度条很不错。 还要注意目录上的缩放变换。 我不太确定是否喜欢这种具体实现,但我喜欢这个概念。

第五个位置值

🔗 http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html
阅读评论

Peter-Paul Koch

如果移动浏览器完全按照桌面浏览器那样实现 position: fixed,那么许多具有固定元素的网站在移动设备上将无法使用。

…我认为现在是时候使用 position: device-fixed 了。

你必须学习 JavaScript

🔗 http://thenerdary.net/articles/entry/you_must_learn_javascript
阅读评论

如今,它确实是不可避免的,这很好,因为它很棒。 以下摘录自 Kenny Meyers 的一些精辟语录

并非每家公司都是 Ruby 公司。 并非每家公司都是 .NET 公司。 我相信,99% 的情况下,这两家公司都需要精通 JavaScript 的人。

当人们谈论 HTML5 时,他们主要谈论的是 JavaScript。

关于框架和先有鸡还是先有蛋

CodeIgniter 确实帮助我更好地理解了 PHP。 jQuery 为我深入学习 JavaScript 打下了良好的基础。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 192
  • 193
  • 194
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发最新资讯

订阅我们精心制作的时事通讯

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

© 2024 . All rights reserved.