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

Links

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

CSSOff 2013

🔗 http://www.unmatchedstyle.com/cssoff/
阅读评论

上线了!

如果这是你第一次听说它,这是一个比赛,你获得一个 Photoshop 文档,并有两周的时间将其转换为 HTML 和 CSS。你将根据既定的标准进行评判。

今年的设计出自Daniel Mall。

您必须通过CodePen提交您的设计。由于您需要托管文件(如图像)才能实现此目的,并且您希望私下工作,因此您需要一个 CodePen PRO 帐户,在比赛期间您可以免费获得。只需登录,然后点击此处获取免费升级。

HTML 导入

🔗 http://www.html5rocks.com/en/tutorials/webcomponents/imports/
阅读评论

本质上是将依赖项(脚本和样式)块导入 HTML 文档的一种方式。

<link rel="import" href="imports.html">

但是,它实际上并没有像 CSS 中的@import或服务器端语言中的 include那样,将引用的文件内容直接放置在您调用它的位置。HTML 非常需要这样做。

-moz-gone

🔗 https://wiki.mozilla.org/WebAPI/ExposureGuidelines
阅读评论

Mozilla 表示,作为“这对网络有益吗?”总体理念的一部分,“将不再发布新的带有‘moz’前缀的 API”。

Blink 也这样表示。有传言称 WebKit 仍计划根据需要使用它们。

何时使用哪些 CSS 测量单位

🔗 http://demosthenes.info/blog/775/Which-CSS-Measurements-To-Use-When
阅读评论

我同意 Dudley Storey 提出的这些一般准则。这些通用长度测量单位落入一些非常具体的利基市场,这很有趣。

动画 DOM 转换

🔗 http://blog.alexmaccaw.com/animating-dom-transitions
阅读评论

假设您向页面添加了一些新元素,并且它会将内容推开。这可能瞬间发生,但如果被推开的元素动画到其新位置,这将有助于您的大脑理解刚刚发生了什么。Alex MacCaw 及其新的 magicMove jQuery 插件闪亮登场。

该库通过将您要转换的元素的单独隐藏克隆附加到页面来工作。您执行的任何 DOM 操作实际上都在操作该克隆。然后,完成后,库会查看元素当前位置和克隆位置之间的差异,并在它们之间进行动画处理(使用 CSS 转换)。

CSS 特异性图表

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

如果您要学习 CSS 特异性,不妨用《闪灵》来学习,对吧?(或者鱼,或者星球大战。)

关于命名类的想法

🔗 http://adactio.com/journal/6537/
阅读评论

爸爸熊,妈妈熊,宝宝熊。

太空中的物体

🔗 https://medium.com/objects-in-space/f6f404727
阅读评论

我非常喜欢 Andrew Colclough 在此提出的前端架构思想。

我希望我解决此用户问题的方法能够可重用、独立且适应不同的用例。

扁平化 UI 和表单

🔗 http://alistapart.com/article/flat-ui-and-forms
阅读评论

Jessica Enders

问题在于,在追求简洁的过程中,扁平化 UI 可能走得太远了。

在“扁平化设计”趋势可能达到顶峰之际,关于表单实际可用性的重要内容。我强烈怀疑,随着时间的推移,我们将开始看到传统的使用提示逐渐渗透回设计中,比如看起来像按钮的按钮和看起来(正如 Jessica 恰当地描述的那样)“空心”的表单字段。

迷信分析

🔗 http://stdout.be/2013/08/26/cargo-cult-analytics/
阅读评论

Stijn Debrouwere 在这篇文章中有很多值得引用的话

没有什么比一个充满数据、图表和趋势线的仪表盘更能让我们感觉自己像个成年人了。

…只有当你打算用指标做些什么的时候,它们才有意义。

我从未见过一家新闻机构拥有能够让他们现在就能定期响应读者行为的工作流程。

1) 想出一个主意,根据数据,你会做 A、B 或 C。2) 然后查看数据。3) 然后执行 A、B 或 C。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 158
  • 159
  • 160
  • ...
  • 219
  • 较旧

CSS-Tricks 由DigitalOcean提供支持。

随时了解 Web 开发动态

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

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

© 2024 . All rights reserved.