#工具分享 Easing Graphs

将贝塞尔曲线动画可视化，内置不少精心挑选的缓动和弹簧效果，而且还支持使用编辑器微调自己的效果

Web 开发者必备，支持导出 CSS 和 Framer Motion

https://404.li/easing

🗣BallonTranslator：漫画翻译助手，深度学习辅助漫画翻译工具, 支持一键机翻和简单的图像、文本编辑

🏷标签：#翻译 #AI #漫画翻译 #windows #macOS

👉链接：https://www.appmiu.com/27141.html

#碎碎念
大三的时候拿的驾照，都两年了没摸过车，家里有车不敢开天天打车，家附近路况贼地狱，今天终于大着胆子请了2小时陪驾上路了，好评，主要陪驾教练车有副刹，很安心，刚开始的时候怂的时速都只有十几码😭

#前端 #demo #动画 #特效
感觉用的上，mark 一下

前几天看到一个非常丝滑的动画效果，MotionNumber
motion-number.barvian.me

很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。

这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。

Github 地址

https://fixupx.com/vikingmute/status/1842393172766494852

Source Twitter@vikingmute

FxTwitter / FixupX

0:10

Viking (@vikingmute)

前几天看到一个非常丝滑的动画效果，MotionNumber
https://motion-number.barvian.me/

很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。

这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。

Github 地址在这里：https://github.com/barvian/motion…

#优质博文 #前端 #nextjs #image
在搜索引擎奇怪的内容农场发现的好文章，觉得肯定有原文于是找了下看看发现是微信公众号的文章。

教你如何玩转Next Image

AI 摘要：本文详细介绍了如何使用 Next.js 中的 Next Image 组件来进行图像优化。Next Image 支持现代格式（如 webp、avif ），并根据不同屏幕尺寸生成优化版本，以提高性能。其核心架构由 React 组件、Image API 和 Image 优化器（Sharp 或 Squoosh）组成，优化图像加载、质量和缓存策略。

本文还澄清了一些常见误解，例如 Next Image 不进行图像裁剪，只调整尺寸；显示的图像宽度不等于加载的图像宽度等。同时提到，开发者可以直接使用 Image API 以便在特定场景中获得更灵活的图像控制。为了优化加载性能，文章还建议合理配置 deviceSizes 和 imageSizes，并通过 sizes 属性优化图像选择，从而提高 Lighthouse 的得分和整体性能。

via 微信公众号 前端新世界

Weixin Official Accounts Platform

教你如何玩转Next Image

如果你用过Next.js，那么很可能邂逅过Next Image组件。

#前端 #tools #性能优化 #图像优化

https://github.com/unjs/ipx

IPX 是一个高性能、安全且易于使用的图像优化工具，基于 sharp 和 svgo，支持 CLI 和编程 API，可作为中间件集成于各种服务。它支持多种图像处理功能，包括格式转换、大小调整、裁剪、旋转等，被 Nuxt Image 和 Netlify 所使用。

GitHub

GitHub - unjs/ipx: 🖼️ High performance, secure and easy-to-use image optimizer.

🖼️ High performance, secure and easy-to-use image optimizer. - unjs/ipx

#前端 #新动态
我火星了，但是尤老板真成尤老板了hhhh

AI 摘要：VoidZero 旨在构建统一的高性能 JavaScript 工具链，解决当前生态系统的碎片化问题。由 Evan You 创立，获得了 460 万美元的种子融资，基于 Vite 的成功，VoidZero 计划开发如 Rolldown 等工具，专注于性能、一致性和开发者体验。其开源项目覆盖打包、代码检查和测试等核心领域，旨在显著提升现有解决方案的性能，为 JavaScript 开发者提供一体化、可扩展的开发体验。

https://voidzero.dev/posts/announcing-voidzero-inc

Source Twitter@youyuxi

void(0)

Announcing VoidZero - Next Generation Toolchain for JavaScript

Read the founding announcement of VoidZero, a company dedicated to building the next generation of toolchain for JavaScript.

#css #前端 #在线网站 #工具推荐 #tools
无意中看到的，mark 一下：https://uiverse.io/

Uiverse 是一个开放源码的 UI 元素库，包含了由社区贡献的各类 UI 组件，如 HTML/CSS、Tailwind、React 和 Figma 格式，供开发者免费使用。用户可以在网站上搜索、复制代码并将其用于个人或商业项目，非常适合设计师和开发者寻找灵感或快速构建界面组件。该平台还支持 Figma 集成，提供直接复制粘贴功能，便于设计工作流程。

uiverse.io

Uiverse | The Largest Library of Open-Source UI elements

Community-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & customizing UI components for your next project.

#碎碎念
大好的国庆假期，别人都在出去玩儿，我在呼呼补充睡觉😭
下午没忍住又睡了好久，不许睡了