CSSgram
阅读评论
CSSgram 是 Una Kravets 创建的一个 CSS 库,用于重新创建 Instagram 滤镜。 滤镜是 <figure>
上的伪元素,位于 <img>
之上,使用不同的渐变、不透明度和混合模式。
来自网络的我们正在阅读并且有一些想法的东西。 有一个我们应该知道的链接吗? 告诉我们!
CSSgram 是 Una Kravets 创建的一个 CSS 库,用于重新创建 Instagram 滤镜。 滤镜是 <figure>
上的伪元素,位于 <img>
之上,使用不同的渐变、不透明度和混合模式。
Nicolas Bevacqua 用一份宝贵的清单总结了 ES6 的所有内容,其中包含每个新功能以及找到有关它们的更多信息的链接。
我的 ES6 深入解析 系列包含 24 篇文章,涵盖了 ES6 中的大多数语法更改和功能。 本文旨在总结所有这些内容,为您提供对 ES6 的大部分内容的实际见解,以便您可以快速入门。 我还链接到 ES6 深入解析中的文章,以便您能够轻松地深入了解您感兴趣的任何主题。
UltraEdit 是一款深度可定制、闪电般快速且功能丰富的文本编辑器,其打开和编辑大型文件的能力无与伦比。 它也编辑了曾经登上火星的代码……但这只是我们被允许说的全部。
它是 Web 开发人员的多功能工具。 凭借集成 FTP、SSH 和对数百种语言的支持等功能,它是您能得到的最好的。 尤其是在 Windows 上,因为 SSH 到您的服务器通常需要单独的程序。
其他功能包括文件比较、代码折叠、文档地图、多光标编辑、多选、强大的书签和智能模板 - 我们的自定义代码片段功能。 免费试用 UltraEdit!
2014 年 4 月,Tim Evko 创建了一个 WordPress 插件,该插件利用了 CMS 的功能,使使用响应式图像变得更加容易(只需做您已经做的事情,就可以获得好处)。 他 写了一篇关于它的文章。 后来它成为了 RICG 的官方插件。 现在一年半后,它被 合并到 WordPress 核心(这意味着当 v4.4 发布时,它将包含在其中)。
Dave Rupert 部分原因是转向 Windows,因为 Web 开发人员群体对 Apple 的依赖性有点过重,而这在一般情况下,对我们为之构建的用户的依赖性并不高。
但他不仅在转向,他还记录了他在这个过渡过程中不得不经历的重要开发者内容。
这是一系列由 Bram Stein 编写的文章,关于排版、性能和使用字体的现代最佳实践。 我特别喜欢 Bram 对 过度使用 Web 字体 的看法。
另一个最近的趋势是在不恰当的地方使用 Web 字体。 如果您不需要 Web 字体,请不要使用它们。 它们并非适用于所有情况。 如果您发现自己需要在
span
元素中包装每个字母或单词才能对其进行样式化 - 停止。 使用 SVG。在大多数情况下,当您将单词和字符包装在
span
元素中时,实际上是在尝试使用 HTML 和 CSS 进行字母设计。 字体和字母设计 之间存在着细微的差别,而 Web 浏览器在后者方面并不擅长。 另一方面,SVG 非常适合字母设计。 它将使您完全控制字距、字间距、位置、渐变、蒙版和颜色。 作为额外的好处,生成的 SVG 文件大小将小于加载多个字体。
Anselm Hannemann 也对 Web 字体加载最佳实践 有所见解。
您是否曾经想知道为什么我们有像 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 在这方面做得非常出色。 您知道 形状变形 吗? 它是一种很酷的效果,有着广泛的用途,从实用到艺术。 SMIL 可以做到,但它的未来岌岌可危。 其他 JavaScript 库可以做到,但它们受到与 SMIL 相同的限制:它们需要具有相同数量的点。 这个新的 GreenSock 插件不受此限制,这意味着您可以将一个苹果变形为单词苹果(!)。
除此之外,您还可以控制他们所说的 shapeIndex
,它控制上一个形状上的哪个点移动到新形状上的哪个点,这对动画的播放方式有重大影响,因此您可以使其变得流畅直观,而不是笨拙且强制。 更不用说它可以将您通常无法变形的形状转换为可变形形状。
他们有一系列 示例 可供查看。 您必须是 Club GreenSock 的成员才能在生产中使用它,但您可以在 CodePen 上免费试用它。 我有一个 简单的模板 来帮助您入门。
我将在 2015 年 11 月 4 日星期三主持一个关于前端内容的在线小组(Google Hangouts),参加者包括 Jina Bolton、Una Kravets、Rebecca Murphey 和 Marco Rogers。 我们前几天晚上为它举办了一个小型的计划和准备会议,进行了很多有趣的讨论,所以我想你们一定会喜欢它。
说到针对屏幕设计的开发中软件。 也请查看 Khoi Vinh 在 帖子 中的视频。 重复网格演示非常引人注目。