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

Links

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

赞助商:MyFonts – 免订阅网络字体

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

MyFonts 是寻找、试用和购买网站字体的最佳场所。他们的网络字体灵活、易于使用,并且无需任何月费。不仅如此,您还可以 免费试用您网站上的任何字体 30 天。

您可能会发现 MyFonts 有吸引力的一点是,您托管这些字体。这使您能够使用自己的 CDN、使用自己的字体加载器,或者以最适合您的方式集成字体。您拥有控制权。

正在寻找一些灵感?浏览 目前网络上 50 种最受欢迎的字体。

使用服务工作线程进行功能报告

🔗 https://www.igvita.com/2014/12/15/capability-reporting-with-service-worker/
阅读评论

我们已经听到过 1,000 次:用户代理嗅探是个坏消息。我们在服务器上主要这样做,因为我们希望在向客户端发送任何内容之前了解有关客户端的信息。一个值得的目标!

我们之前谈论过这个。也许您 为不同的导航方法提供不同的 JavaScript。或者您 使用客户端数据设置 cookie 然后使用它根据支持情况提供不同的图像格式。也许您甚至 刷新页面 以确保您拥有该数据。甚至有 库 用于所有这些。

服务工作线程是网络上的一项全新功能,它们独具资格帮助解决此问题,因为它们位于客户端和服务器之间,可以操作请求以传递其他数据。

解决跳跃滚动条问题的更优雅的修复

🔗 http://aykevl.nl/2014/09/fix-jumping-scrollbar
阅读评论

如果您从没有滚动条的网站的一个页面移动到有滚动条的另一个页面,您将看到轻微的布局偏移,因为事物会向内挤压一点以腾出空间用于滚动条。

经典的修复方法是 html { overflow-y: scroll; } 以始终强制显示滚动条。Ayke van Laëthem 在 html { margin-left: calc(100vw - 100%); } 中找到了一个更优雅的解决方案,它之所以有效是因为 vw 会考虑滚动条而 % 不会,而且...... 只要阅读它,因为无论如何您还需要注意一些其他事项。

对于 Ayke 的第一篇博文来说,这真是太棒了!

CodePen 工作委员会

🔗 http://codepen.io/jobs
阅读评论

我们刚刚推出它!它是一个利基工作委员会(当然),面向前端开发人员和设计师。

它不仅是 CodePen 工作委员会,它还是 CSS-Tricks 上的官方工作委员会 和 ShopTalk 上的官方工作委员会。

我们希望它对那些正在寻找该领域工作的以及想要招聘的公司都有用。

如何制定性能预算

🔗 http://danielmall.com/articles/how-to-make-a-performance-budget/
阅读评论

Daniel Mall 强调了这一点。

赞助商:了解访问者如何真正使用您的网站

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

Hotjar 是一种全新、简便的方法,可以真正了解您的网站和移动网站访问者。现在,您可以通过使用热图、会话回放、主动聊天、投票、漏斗分析、投票和调查来改善您的网站用户体验和转化率 - 所有这些都在一个中央界面中。 立即获取免费的早期访问权限!

Hotjar 正在改变中小型企业改善其网站用户体验的方式。

– CreativeBloq

(在 CSS-Tricks 上做广告)

WOFF2

🔗 https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a
阅读评论

我刚知道这是个东西。Sergej Müller 有 一个非常简洁的页面 解释它是什么(它是 WOFF 的一个额外压缩版本,即字体文件格式)以及如何使用它。

说到网络字体,请查看 Bram Stein 的 网络字体现状(测试版)以了解大量相关浏览器功能的支持情况。

构建网站需要什么

🔗 http://24ways.org/2014/what-it-takes-to-build-a-website/
阅读评论

Drew McLellan 今年启动了 24 种方式。

使用物理模型创建动画和交互

🔗 http://iamralpht.github.io/physics/
阅读评论

Ralph Thomas

物理模型使我们能够轻松创建丰富的动画和交互,这些动画和交互通过符合我们对事物如何移动和响应的内在期望,从而感觉更加自然。

我认为 .fadeOut() 和 .slideDown() 的时代已经过去了。

赞助商:statico.io – 简化前端优化

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

statico.io 为网页设计师和开发人员提供前端优化服务。该服务优化 HTML、CSS、JavaScript、字体和图像,并使用简单的注释,如 <link href="home.less?sio-css-embed=enabled&sio-css-uncss=enabled" rel="stylesheet">。它还可以与 CDN 集成以交付优化的静态资产。

对于每月访问量不超过 10,000 次的网站,它是免费的。 立即开始 - 无需注册。

我喜欢 statico 的一点是,它是一个本地的独立构建工具。您可以对其进行配置以执行您想要的操作,输出是针对速度优化的网站。它有助于解决经典问题,例如连接和缩小,但它也执行更棘手的事情,例如关键路径优化、精灵生成和数据 URI 内联。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 147
  • 148
  • 149
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解网络开发

使用我们手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写!
  • 在我们这里做广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.