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

Links

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

CSSgram

🔗 http://una.im/CSSgram/
阅读评论

CSSgram 是 Una Kravets 创建的一个 CSS 库,用于重新创建 Instagram 滤镜。 滤镜是 <figure> 上的伪元素,位于 <img> 之上,使用不同的渐变、不透明度和混合模式。

这延续了她对混合模式和滤镜进行实验的优秀工作,从 复古褪色 到 3D 图像效果。

ES6 概述,350 个要点

🔗 https://ponyfoo.com/articles/es6
阅读评论

Nicolas Bevacqua 用一份宝贵的清单总结了 ES6 的所有内容,其中包含每个新功能以及找到有关它们的更多信息的链接。

我的 ES6 深入解析 系列包含 24 篇文章,涵盖了 ES6 中的大多数语法更改和功能。 本文旨在总结所有这些内容,为您提供对 ES6 的大部分内容的实际见解,以便您可以快速入门。 我还链接到 ES6 深入解析中的文章,以便您能够轻松地深入了解您感兴趣的任何主题。

赞助商:UltraEdit - 功能丰富的文本编辑器

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

UltraEdit 是一款深度可定制、闪电般快速且功能丰富的文本编辑器,其打开和编辑大型文件的能力无与伦比。 它也编辑了曾经登上火星的代码……但这只是我们被允许说的全部。

它是 Web 开发人员的多功能工具。 凭借集成 FTP、SSH 和对数百种语言的支持等功能,它是您能得到的最好的。 尤其是在 Windows 上,因为 SSH 到您的服务器通常需要单独的程序。

其他功能包括文件比较、代码折叠、文档地图、多光标编辑、多选、强大的书签和智能模板 - 我们的自定义代码片段功能。 免费试用 UltraEdit!

WordPress 核心中的响应式图像

🔗 https://make.wordpress.org/core/2015/10/13/week-in-core-sept-28-oct-11-2015/
阅读评论

2014 年 4 月,Tim Evko 创建了一个 WordPress 插件,该插件利用了 CMS 的功能,使使用响应式图像变得更加容易(只需做您已经做的事情,就可以获得好处)。 他 写了一篇关于它的文章。 后来它成为了 RICG 的官方插件。 现在一年半后,它被 合并到 WordPress 核心(这意味着当 v4.4 发布时,它将包含在其中)。

Windows 编辑器和 Shell

🔗 http://daverupert.com/2015/10/windows-editors-and-shells/
阅读评论

Dave Rupert 部分原因是转向 Windows,因为 Web 开发人员群体对 Apple 的依赖性有点过重,而这在一般情况下,对我们为之构建的用户的依赖性并不高。

但他不仅在转向,他还记录了他在这个过渡过程中不得不经历的重要开发者内容。

Web 字体反模式

🔗 http://bramstein.com/writing/web-font-anti-patterns.html
阅读评论

这是一系列由 Bram Stein 编写的文章,关于排版、性能和使用字体的现代最佳实践。 我特别喜欢 Bram 对 过度使用 Web 字体 的看法。

另一个最近的趋势是在不恰当的地方使用 Web 字体。 如果您不需要 Web 字体,请不要使用它们。 它们并非适用于所有情况。 如果您发现自己需要在 span 元素中包装每个字母或单词才能对其进行样式化 - 停止。 使用 SVG。

在大多数情况下,当您将单词和字符包装在 span 元素中时,实际上是在尝试使用 HTML 和 CSS 进行字母设计。 字体和字母设计 之间存在着细微的差别,而 Web 浏览器在后者方面并不擅长。 另一方面,SVG 非常适合字母设计。 它将使您完全控制字距、字间距、位置、渐变、蒙版和颜色。 作为额外的好处,生成的 SVG 文件大小将小于加载多个字体。

Anselm Hannemann 也对 Web 字体加载最佳实践 有所见解。

CSS 颜色命名的悲喜剧历史

🔗 http://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/
阅读评论

您是否曾经想知道为什么我们有像 tomato、salmon 和 darkgoldenrod 这样的 CSS 颜色名称? Ars Technica 讲述了 “命名颜色”规范 的演变(以及卷积)。

随之而来的是强烈反对。 颜色数据库已受到众多不同程序员的奇思妙想的支配,导致其变得极其混乱,一些人认为它在 CSS 中没有位置。 评论家抨击它的命名方案:“dark gray” 比“gray” 更浅;有“medium violet red” 但没有“violet red”;“light goldenrod yellow” 没有相应的“goldenrod yellow”。 总共有 17 种颜色有深色版本,但只有 13 种有浅色版本。 颜色分布也不均匀,向红色和绿色倾斜,而远离蓝色。

书呆子们在命名事物方面遇到了麻烦? 真是这样。

来自深处的谣言表明,未来版本的颜色命名将采用更标准化的方式。 其中,像“dark”、“light”、“deep”或“dull”这样的变体具有特定含义,并且比像 rgb 或 hsl 这样的编程着色更容易打字。

GreenSock MorphSVGPlugin

🔗 http://greensock.com/morphSVG
阅读评论

Greensock 在这方面做得非常出色。 您知道 形状变形 吗? 它是一种很酷的效果,有着广泛的用途,从实用到艺术。 SMIL 可以做到,但它的未来岌岌可危。 其他 JavaScript 库可以做到,但它们受到与 SMIL 相同的限制:它们需要具有相同数量的点。 这个新的 GreenSock 插件不受此限制,这意味着您可以将一个苹果变形为单词苹果(!)。

除此之外,您还可以控制他们所说的 shapeIndex,它控制上一个形状上的哪个点移动到新形状上的哪个点,这对动画的播放方式有重大影响,因此您可以使其变得流畅直观,而不是笨拙且强制。 更不用说它可以将您通常无法变形的形状转换为可变形形状。

他们有一系列 示例 可供查看。 您必须是 Club GreenSock 的成员才能在生产中使用它,但您可以在 CodePen 上免费试用它。 我有一个 简单的模板 来帮助您入门。

A List Apart 直播面板:前端开发现状

🔗 http://alistapart.com/event/front-end-dev/
阅读评论

我将在 2015 年 11 月 4 日星期三主持一个关于前端内容的在线小组(Google Hangouts),参加者包括 Jina Bolton、Una Kravets、Rebecca Murphey 和 Marco Rogers。 我们前几天晚上为它举办了一个小型的计划和准备会议,进行了很多有趣的讨论,所以我想你们一定会喜欢它。

Project Comet

🔗 http://landing.adobe.com/en/na/products/creative-cloud/comet/229818-notifyme.html
阅读评论

说到针对屏幕设计的开发中软件。 也请查看 Khoi Vinh 在 帖子 中的视频。 重复网格演示非常引人注目。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速点击 →
  • 更新
  • 1
  • ...
  • 134
  • 135
  • 136
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

了解 Web 开发最新动态

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

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

© 2024 . All rights reserved.