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

Links

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

死亡线

🔗 https://textslashplain.com/2017/01/14/the-line-of-death/
阅读评论

Eric Lawrence 撰写了一篇关于浏览器安全和恶意网站的相当可怕的文章,这些网站希望欺骗我们

在构建显示不受信任内容的应用程序时,安全设计人员面临着一个主要问题——如果攻击者完全控制一个像素块,他可以使这些像素看起来像他想要的任何东西,包括应用程序本身的 UI。 然后,他可以诱使用户采取不安全的操作,而用户对此毫不知情。

而且问题在移动设备上更加严重

几乎所有移动操作系统都存在相同的问题——由于 UI 空间限制,没有可信的像素,任何应用程序都可以欺骗另一个应用程序或操作系统本身

Opera Neon

🔗 http://www.opera.com/computer/neon
阅读评论

热门话题!

  • 我想至少使用它几天,但你不能(暂时)使用扩展程序。 没有 1Password 和 Ghostery,我很难使用网络。
  • UI 感觉新鲜有趣。 UI 抛光似乎是 Opera 需要努力的方向。 由于迁移到 Blink,他们没有将(太多)资源用于幕后浏览器内容,他们不妨将引擎盖本身抛光一下。 它使用您的桌面背景作为其背景的方式很巧妙。 不过它不透明,只是一个重复的图像。
  • 弹出视频非常棒。 Safari 可以做到这一点 (很尴尬),但 Neon 中的媒体托盘是一个升级。 我不明白为什么 Chrome 和 Firefox 不能这样做……这不是 macOS 级别的功能吗?
  • 奇怪的错误:似乎你无法在地址栏中使用 ⌘V 粘贴?

WebSlides

🔗 https://webslides.tv/
阅读评论

看起来 José Luis Antúnez 为创建演示文稿幻灯片制作了一个非常棒的小系统。

WebSlides 使 HTML 演示文稿变得容易。 仅使用基本内容和精美的 CSS。

一种 reveal.js 的替代方案。 我喜欢它如何利用其他开源项目。

作为一名通常非常喜欢在 HTML 和 CSS 中工作的人,我总是觉得我应该使用类似的东西来进行我的演示文稿。 但出于某种原因,我总是选择 Keynote 或 Slides.com。 我认为这是一种大脑模式。 当我处于“我需要处理我在这个演示文稿中要说的话”的大脑模式时,我不想乱搞标记,我只想写,也许还要修改一些 UI 控件。

现代化我们的渐进增强交付

🔗 https://www.filamentgroup.com/lab/modernizing-delivery.html
阅读评论

Scott Jehl 解释了他在 Filament Group 网站上进行的一项性能改进

内联是一种值得注意的权宜之计,但它仍然是一种权宜之计。 幸运的是,HTTP/2 的服务器推送功能带来了内联的性能优势,而不会牺牲每个文件的可缓存性。 使用服务器推送,我们可以通过立即发送我们知道该文件所依赖的附加文件来响应对特定文件的请求。 换句话说,服务器可以对 `index.html` 的请求做出响应,其中包含 `index.html`、`css/site.css` 和 `js/site.js`!

服务器推送似乎是一项具有重大价值的事情,它真正促进了向 H2 的转变。 我们有一篇关于对缓存和服务器推送格外小心 的文章。

An Event Apart 折扣码

🔗 https://aneventapart.com/
阅读评论

我将在 2017 年的所有 An Event Apart 展览会上亮相。优惠券代码 AEACOY 将为您提供任何展览 100 美元的优惠。

赞助:面向懒惰开发人员的分析

🔗 http://synd.co/2iNkWfg
阅读评论

以下是我个人使用过的分析工具的非完整列表:Google Analytics、Alexa、Gauges、FullStory、NewRelic 和 Woopra。

也许您使用过其他一些?Mixpanel、Heap、KISSmetrics、Rollbar?

它们都是不同的,并且为我们的业务做出了有趣且有价值的事情。 集成它们意味着将它们的第三方 JavaScript 集成到您的网站中。 如果您想添加一个或删除一个怎么办? 您将回到代码中进行所有这些调整。 更糟的是,如果其中一个更新了其 API……您将无限期地负责集成维护。

Segment 登场。

Segment 是一个数据中心,它将您的数据直接路由到这些分析工具(以及数百种其他工具,用于广告、数据仓库、CRM 等)。 您仍然可以使用您最喜欢的工具,但您只需要将 Segment 集成到您的网站或应用程序中即可。 然后,Segment 将所有相关数据发送到其他工具。

2016 年最受欢迎的

🔗 http://codepen.io/2016/popular/pens/
阅读评论

过去一年中 CodePen 上点赞数最多的 100 个 Pens、帖子和集合已经计算出来并发布了!

在 Chrome DevTools 中开始调试 JavaScript

🔗 https://developers.google.com/web/tools/chrome-devtools/javascript/
阅读评论

Kayce Basques 编写了一个优秀的交互式教程,探索如何使用 DevTools 调试 JavaScript。 Kayce 研究了许多我完全不知道的技术和选项,正如他在教程开头提到的,如果你仍然使用 console.log 在代码中查找错误(像我一样),那么这篇文章就是为你(还有我)写的。

整洁代码 JavaScript

🔗 https://github.com/ryanmcdermott/clean-code-javascript
阅读评论

受到 Robert C. Martin 的著作 整洁代码 的启发,Ryan McDermott 创建了一个存储库,其中包含一些软件工程最佳实践,这些最佳实践特别适用于 JavaScript。 该存储库为初学者提供了大量优秀指南,也为经验丰富的维护人员提供了良好的提醒。

我特别喜欢这种教学风格,因为它关注可读性与编写一样重要。 这样可以确保我们的代码库对下一个参与的开发人员(即使是我们自己)也很友好。

Lebab

🔗 https://github.com/lebab/lebab
阅读评论

将您的 ES5 代码转换为可读的 ES6(语法糖)。 它与 Babel 的作用相反。

David Walsh 发表了一篇关于它的文章。 我很感兴趣,因为我仍在练习 ES6 的肌肉记忆。 即使是最简单的东西。 因此,将一些旧代码通过它作为启动似乎很有吸引力。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 112
  • 113
  • 114
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

使用我们精心制作的时事通讯

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

© 2024 . All rights reserved.