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

Links

我们从网络上收集的一些文章,并附上了一些想法。有值得我们关注的链接吗?告诉我们!

我在旧金山遗忘了我的系统字体

🔗 http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/
阅读评论

一篇由 Craig Hockenberry 发布的文章,详细介绍了如何在运行 El Capitan 的情况下使用 San Francisco 系统字体作为您的网站字体。

我特别喜欢 Craig 对在使用任何操作系统字体时的新的语法建议,例如在 iOS 中可能是 San Francisco 或 Helvetica Neue,而在 Android 中可能是 Roboto。他建议我们在 font-family 规则中声明一个 system 关键字(尽管这在目前任何浏览器中都不起作用)。

body {
 font-family: system, -apple-system,
     ".SFNSDisplay-Regular", HelveticaNeue, LucidaGrande;
}

能够以标准化的方式做到这一点听起来像是一个好主意。

相关:通过 JavaScript,我们可以确定系统字体 并将其应用。

面向了解足够 jQuery 的用户的 React.js 入门

🔗 http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/
阅读评论

这是一个流畅的分步 React.js 入门,它采用与其他教程不同的方法。

对于从未尝试过 React 的人来说,有些人熟悉 Backbone、Ember 或 Angular 等前端 JS 框架。有些人对 JavaScript 非常了解。有些人只了解足够的 jQuery 来应付。对其中一组有效的教程可能对其他组不是最佳选择。

在本教程中,我针对我提到的第三组:那些只了解足够 jQuery 来应付的人。

原子 OOBEMITSCSS

🔗 http://www.sitepoint.com/atomic-oobemitscss/
阅读评论

这听起来像是讽刺,但事实并非如此。正如 Una Kravets 所说

这听起来很疯狂,但当你把它分解后就说得通了。

您(通常)需要命名策略、抽象和一个计划来控制特异性,因此所有这些想法加在一起是有意义的。

YWebCA

🔗 http://ywebca.org/
阅读评论

YWeb Career Academy (YWebCA) 是一项培训计划,其目标是针对技术职业中代表性不足的女性和有色人种。YWebCA 的目标是为学生准备能够维持生计的工作,同时满足劳动力市场对这些职位的人才需求差距。

我很喜欢。事实上,我今天晚些时候要去麦迪逊,看看我是否能提供帮助。这是一个很棒的项目,如果你住在威斯康星州中南部地区,你可以通过多种方式提供帮助(请查看网站)。

说到网站,我帮助他们一起搭建了它。它算不上艺术作品,但很有趣。如果你发现任何问题,它是 开源 的。

网络的垃圾问题

🔗 http://developer.telerik.com/featured/the-webs-cruft-problem/
阅读评论

我们正处于网络技术绝对令人惊叹的时代。然而,我们大多数从业人员对如此多的网站充满了垃圾感到震惊,尤其是在移动设备上。侵入性、粗俗、有时是危险的广告,草率的布局,“社交”垃圾随处可见,最糟糕的罪过:速度慢。公司会做出非常奇怪的选择。Brad Forst 有一个特别的方式来表达它。

一些浏览器甚至会采取行动。

TJ VanToll 关注了这个问题。

追随金钱

开发者和设计师

🔗 https://deardesignstudent.com/developers-and-designers-115f61199c8e
阅读评论

摘自 Andrew Norcross 的一篇关于设计师和开发者如何更好地理解彼此(从而更好地合作)的文章。

如果你对开发者没有其他印象,记住这一点:我们的核心本质是精简、自动化,并将事物简化为最小的元素。这种精神几乎驱动着开发者做出的每个决定。

我喜欢 Tim Brown 链接到这篇文章的方式

开发者是你的印前人员。

在进入网络行业之前,我在印前工作了很多年。我认为这两份工作有很多重叠之处。一份工作是将设计稿准备成印刷版,另一份工作是将设计稿准备成网页版。

黑客物理学和 JavaScript

🔗 http://codepen.io/rachsmith/blog/hack-physics-and-javascript-1
阅读评论

Rachel Smith 的有趣的三部分系列

  1. 速度/加速度
  2. 解三角形
  3. 弹簧

原生 CSS 滚动捕捉点

🔗 http://blog.gospodarets.com/css-scroll-snap/
阅读评论

新推出的 CSS“捕捉点”属性可以使创建仅使用 CSS 的滚动效果变得容易得多(一旦浏览器支持跟上)。Sergey Gospodarets 博客的这篇文章包括用于图片库和全页面垂直滚动的捕捉滚动演示。

滚动捕捉被广泛用于更好地分离提供的內容(垂直全高页面),或者,例如,模拟画廊行为...你能想象仅使用 CSS 创建这样的效果有多容易吗?

值得回顾一下完整规范。

使用 CSS 实现可访问的脚注

🔗 http://www.sitepoint.com/accessible-footnotes-css/
阅读评论

Kitty Giraudel 提供了一个很棒的演示,其中脚注使用 CSS 计数器按顺序标记,并提供跳转向下和跳转向上的链接。

HTTP 203:渐进式加载

🔗 https://www.youtube.com/watch?v=miLnRHNj7nQ
阅读评论

来自HTTP 203 的最新剧集,这是一个关于前端开发的系列讲座,由Paul Lewis 和Jake Archibald 主讲,探讨了渐进式加载资源。

Jake 将网站与视频游戏进行了比较,视频游戏允许用户下载并玩第一个关卡,而不是让他们等待所有资源下载完毕。你的“第一关”网站是什么样的?

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 140
  • 141
  • 142
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供技术支持。

关注 Web 开发最新资讯

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

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

© 2024 . All rights reserved.