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

Links

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

制作可访问的图标按钮

🔗 http://www.nczonline.net/blog/2013/04/01/making-accessible-icon-buttons/
阅读评论

Nicholas C. Zakas 关于制作纯图形按钮可访问的正确标记的全面研究。

带有回退的 WebP

🔗 http://www.brucelawson.co.uk/2013/save-bandwidth-webp-with-fallback/
阅读评论

WebP 图片将比 PNG 或 JPG 节省四分之一到三分之一的文件大小。 并非所有浏览器都支持它,但 Bruce Lawson 分享了一种我们可以以渐进增强的方式使用它的方法。

此外:<img src="image.webp" onerror="this.onerror=null; this.src='image.png'">

此外:使用 Modernizr

CSS-Tricks 许可证

🔗 https://css-tricks.cn/license/
阅读评论

有时人们问我是否可以使用他们在这里找到的东西。 所以我想创建我可以推荐给他们的许可证。

CSS3 溢出

🔗 http://dev.w3.org/csswg/css-overflow/
阅读评论

这不是最迷人的属性,是吗? 但它可能会变得很强大。 像分页的溢出和溢出到片段,每个片段都是可选择的和可样式化的。 可能会非常强大! 比如用浏览器原生控件替换滑块。

第一个工作草案已经发布,这意味着这些内容都不固定,并且没有浏览器实现。

WP Migrate DB Pro

🔗 http://deliciousbrains.com/wp-migrate-db-pro/
阅读评论

我认为我们在 ShopTalk 节目中收到的最常见的技术问题是如何在实时和本地之间保持 WordPress 数据库同步。 这个(付费)插件可以通过将 SQL 数据的安全性请求逐位 POST 到另一个管理屏幕来实现这一点,直到它们同步。

用于样式化表单控件的伪元素列表

🔗 http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/
阅读评论

就像范围输入上的小手柄。 你可以对它进行样式设置,但在所有主要浏览器中它都是不同的。 它要么是::-ms-thumb,要么是::moz-range-thumb,要么是::-webkit-slider-thumb。 显然这是一个需要标准化的领域。

csscss

🔗 http://zmoazeni.github.io/csscss/
阅读评论

一个 CSS 冗余分析器,它分析冗余。

它会给你这样的输出

{.contact .content .primary} 和 {article, #comments} 共享 5 条规则

如果你有多个选择器共享五条或更多规则(具有相同值的属性),那么这可能是优化的好机会(合并为新的类或在其他地方用逗号分隔选择器)。

有人应该创建一个托管版本,你只需将 .css 文件拖放到其中进行分析。

Blink

🔗 http://www.chromium.org/blink/developer-faq
阅读评论

Chrome 现在将使用“Blink”作为渲染引擎,它是 WebKit 的分支。 我想 Chromium 团队将停止回滚到 WebKit,因此该项目会停滞不前。 Safari 的更新速度已经很慢,而 iOS 仅允许浏览器使用 WebKit,所以这是一件令人沮丧的事情。 总的来说,这可能是一个好举措,可以推动 Chrome 的发展。 他们说不再有供应商前缀。

SVG 模式画廊

🔗 http://philbit.com/svgpatterns/
阅读评论

使用 SVG 作为背景模式很棒,因为它们 1) 非常小 2) 是矢量,因此在任何屏幕分辨率下都清晰 3) 在 IE 9 中有效(与渐变不同)。 Philip Rogers 的画廊。

微调器的现状

🔗 http://james.padolsey.com/javascript/sonic-the-state-of-spinners/
阅读评论

如果你需要在网站上显示“请稍候,正在执行操作”,微调器一直是首选。 可能是动画 GIF,尽管还有其他选择,例如 CSS 动画、apng、SVG 或画布。 James Padolsey 详细介绍了每个可能的选择,并解释了优缺点,并介绍了一个很酷的新工具。

Quick Hits

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

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发的最新消息

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

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

© 2024 . All rights reserved.