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

Links

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

Lingo

🔗 https://www.lingoapp.com/
阅读评论

Lingo 是来自 Noun Project 团队的一个应用程序,它将图像、图标、SVG 和插图组合到一个地方。它允许您快速浏览它们,然后您可以毫不费力地将它们放到另一个应用程序中。

我大量使用 SVG 和图标,因此我一直在寻找减少不同软件和编辑过程之间摩擦的方法。有人可能会认为这个问题的答案不可能是更多软件,但我真的很喜欢 Lingo。事实上,几年前 Twitter 上有人说过一句有趣的话(我的记忆太模糊了,记不清是谁说的):“有趣的事实!设计师平均花费 10% 的时间寻找合适的图标。”

Popper.js

🔗 https://popper.js.org/
阅读评论

说到难以正确处理的事情:工具提示!

工具提示需要特别地自我感知,因此它们不会出现在无法读取的位置。然后在页面状态发生变化时(例如调整大小或滚动)继续保持智能。Popper.js 看起来可以很好地处理所有这些内容。

项目页面没有说明这一点,但创建者 Federico Zivolo 向我展示了它与 React 的兼容性,因为您可以将工具提示元素本身渲染到组件中,它就会保持在原位。这与大多数将工具提示元素移动到 DOM 周围的工具提示实现不同(可能使其成为 <body> 的直接后代,以便更容易定位),这在 React 环境中很容易出现问题。

Modaal

🔗 http://www.humaan.com/modaal/
阅读评论

Modaal 是一个符合 WCAG 2.0 AA 级别的可访问模式窗口插件。

从可访问性的角度来看,模式窗口似乎很难正确处理,我不敢说我从未尝试过。例如,在模式窗口打开时将焦点移动到模式窗口,并在模式窗口关闭时将焦点移回之前的位置,这似乎是一件特别难以处理的事情。

对 Håkon Wium Lie 的采访

🔗 https://medium.com/net-magazine/interview-with-h%C3%A5kon-wium-lie-f3328aeca8ed
阅读评论

Håkon Wium Lie 是原始 CSS 规范的共同发明者之一。这次采访深入探讨了 CSS 的过去和未来。

Lie 解释说,如果没有开发 CSS,设计师可能会转向其他地方。HTML 本可以变成更类似于 PDF 的页面描述语言。实际上,设计师已经开始用他们的文档制作图片。“因为这意味着您可以控制其中的每个像素。因此,您可以获得所需的字体、颜色。您仍然可以看到其中的一些。如果这成为常态,我们本可以最终让网络变成一台巨大的传真机。”

推出新的 Framer

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

来自 Motif Tools BV 的设计和代码工具 Framer 已更新了许多新功能。

我想它是 Framer “js”,因为您创建的设计是由类似 JavaScript 的代码语法构成的。有点像 CoffeeScript 中的 JSON。 它是 CoffeeScript。 但是您实际上是在使用原生应用程序。

对于设计工具来说,这是一个疯狂的时代。Sketch 已成为屏幕设计的领先者。Adobe 知道设计师不像以前那样转向 Photoshop,并且正在从头开始创建像 Adobe XD 这样的东西,并试图弄清楚移动端。 Webflow 正在浏览器中完成这项工作并生成可用于生产的网站。InVision 也在浏览器中运行,并专注于团队和工作流程。像 Lingo 这样的小众工具也正在涌现。

未来几年的设计工具领域可能会像现在的 Web 开发工具一样支离破碎。

赞助:Bitbucket – 免费提供无限的私有仓库

🔗 http://synd.co/1SAgvL2
阅读评论

超过 450,000 个团队和 300 万开发人员喜欢 Bitbucket。NASA 和 Trulia 等公司的软件团队使用 Bitbucket 进行构建。这是专业软件团队使用 Git 的方式。最重要的是,Bitbucket 提供**免费的**无限私有仓库。

立即免费注册。

卫报评论的阴暗面

🔗 https://www.theguardian.com/technology/2016/apr/12/the-dark-side-of-guardian-comments
阅读评论

作为对网络骚扰这一日益增长的全球现象系列报道的一部分,卫报委托对自 2006 年以来在其网站上发布的 7000 万条评论进行了研究,并发现 10 位被滥用最多的作者中,有 8 位是女性,2 位是黑人男性。听取其中三位作者的意见,探索数据,并帮助我们在网络上进行更好的对话。

很高兴看到一些真实的调查结果证实了很多人一直以来的感受。

这也是一篇很棒的网络叙事作品。不仅设计精美、文笔流畅,而且以有趣的方式使用了视频(GIF poster 属性!),拥有漂亮的图表,包含能够参与和推进故事的交互式组件,以及能够强调重点的实时组件。网络的精彩与悲伤形成鲜明对比。

在 CSS 中巧妙地对齐文本

🔗 http://nocode.in/aligning-text-smartly-in-css/
阅读评论

一项货真价实的 CSS 技巧。Vijay Sharma 展示了可以居中对齐一行文本,但如果它换行,则左对齐文本。这是一个小的调整,但这样的技巧可以提高可读性。

我应该使用 Grid 还是 Flexbox?

🔗 https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/
阅读评论

Rachel Andrew 的两句话解释了何时选择哪种布局。

Flexbox 基本上用于在一维中布局项目 – 在一行或一列中。Grid 用于在二维中布局项目 – 行和列。

Flexbox 可以换行,使其有点像二维,但它仍然在一维中流动。

推出 iframify

🔗 http://dev.edenspiekermann.com/2016/04/05/introducing-iframify/
阅读评论

Kitty Giraudel 写下了他创建 iframify 的原因,这是一个获取 DOM 节点并将其包装在
<iframe>&lt;/code&gt; 中的脚本。这是一个巧妙的工具,用于在样式指南中以特定宽度显示组件,并有效地模拟元素查询。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;iframe 作为内部文档,媒体查询会根据 iframe 的宽度而不是实际屏幕尺寸触发。这就是我们想要的。太棒了!&lt;/p&gt;&lt;/blockquote&gt;</iframe>

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 125
  • 126
  • 127
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.