frontend

标签

Cards List
#frontend

Show HN:Sumi.css – CSS 框架

Hacker News Top ↗ · 2026-10-21 缓存

Show HN 介绍 Sumi.css:一个极简、优先采用无类名设计的 CSS 框架,单文件 6.7KB、无构建步骤、无 JavaScript 依赖,仅通过语义化 HTML 元素即可获得完整样式,支持暗色模式与 CSS 变量主题定制。

0 人收藏 0 人点赞
#frontend

使用 CSS 媒体查询提升无障碍体验(2025)

Lobsters Hottest ↗ · 2026-10-21 缓存

一篇关于利用 prefers-contrast、prefers-reduced-motion、prefers-color-scheme 等 CSS 媒体查询提升网站可访问性的前端实践文章,介绍如何在不重做设计的前提下响应用户偏好设置。

0 人收藏 0 人点赞
#frontend

CSS的未来

Hacker News Top ↗ · 2026-10-21 缓存

Josh W. Comeau 预览了他在 Interop 2027 中投票支持的顶级 CSS 特性,重点介绍了跨浏览器的 Interop 项目如何推动 CSS 函数和 corner-shape 等新 Web 标准的快速采用。

0 人收藏 0 人点赞
#frontend

EDG 开源了

Lobsters Hottest ↗ · 2026-10-20 缓存

EDG 的 C++ 前端于 2026 年 9 月 30 日开源,The C++ Alliance 成为其非营利归属机构,提供财政赞助、技术延续性,并在三轨开发模式下推动社区贡献。

0 人收藏 0 人点赞
#frontend

如果没人写,Web Components 还有未来吗?

Lobsters Hottest ↗ · 2026-10-20 缓存

Nolan Lawson 探讨了在开发者采用率低迷的情况下 Web Components 是否还有未来。他指出,Google 的 Modern Web Guidance(现代 Web 指南)中几乎没有提到 Web Components,并认为与原生 HTML/CSS 特性相比,Web Components 对最终用户几乎没有带来额外收益。

0 人收藏 0 人点赞
#frontend

@jakevin7: 分享一个很好用的前端提示词。 优先复用成熟库、组件源代码可控、统一设计语言、严格限制重复依赖。 再配合指定好各种库,就算 oneshot 也能出很不错的前端。 UI 风格统一使用 譬如 shadcn/ui Nova 图标统一使用 譬如 L…

X AI KOLs Following ↗ · 2026-10-19 缓存

分享一个用于 AI 生成前端代码的实用提示词模板:优先复用成熟库、统一设计语言(如 shadcn/ui、Lucide 图标、Motion 动画、react-resizable-panels、dnd-kit、Zustand),即使 one-shot 也能产出风格一致的高质量前端界面。

0 人收藏 0 人点赞
#frontend

用 document.currentScript 实现内联渲染

Lobsters Hottest ↗ · 2026-10-19 缓存

一篇技术短文,介绍如何用 document.currentScript 实现 HTML 中的内联动态渲染(如当前年份、随机问候语、逐字拆分动画),无需模板引擎或后端。

0 人收藏 0 人点赞
#frontend

使用 document.currentScript 实现内联渲染

Simon Willison's Blog ↗ · 2026-10-17 缓存

Simon Willison 分享了一个来自 Lean Rada 的前端小技巧:利用 document.currentScript 让内联 <script> 标签在页面加载时替换自身,从而用极简代码实现一个微型模板语言。

0 人收藏 0 人点赞
#frontend

@EXM7777: https://x.com/EXM7777/status/2111457056452665697

X AI KOLs Following ↗ · 2026-10-17 缓存

一篇关于构建生成式 UI 的分步教程——由 AI 决定回答的呈现形式,界面实时渲染卡片、图表、地图和表格——基于开源的 OpenUI 框架,可在 Claude Opus 5.5 或通过 OpenRouter 使用的任何其他模型上运行。

0 人收藏 0 人点赞
#frontend

@github: https://GitHub.com 已全面从 CSS-in-JS 迁移到 CSS Modules,服务端渲染时间减少 55%,组件初始化速度提升 25% …

X AI KOLs Following ↗ · 2026-10-16 缓存

GitHub 宣布已全面从 CSS-in-JS 迁移到 CSS Modules,服务端渲染时间减少 55%,组件初始化速度提升 25%。

0 人收藏 0 人点赞
#frontend

@mattpocockuk: 我觉得自己上瘾了,总想让 AI 智能体构建状态机。每次看到智能体构建了一个状态机(或者……

X AI KOLs Following ↗ · 2026-10-15 缓存

Matt Pocock 分享说,当 AI 编程智能体构建状态机或 reducer 时,他总能获得更好的健壮性,未来的更新也更简单、更易于测试,因此他推荐在前端开发中采用这种做法。

0 人收藏 0 人点赞
#frontend

@vercel:Ship SF 于太平洋时间上午 10 点开始。今日登台嘉宾:• Guillermo Rauch,CEO 兼创始人 @Vercel • Tobias Lütke,CEO @Shopify • Diog…

X AI KOLs Following ↗ · 2026-10-15 缓存

Vercel Ship 26 将于 2026 年 10 月 15 日在艺术宫举行,主题涵盖 Claude Managed Agents、Cursor 云端代理、Meta Superintelligence Labs、AWS 代理模式,以及来自 Vercel、Shopify、Anthropic 和 Meta 的 AI 圆桌讨论。

0 人收藏 0 人点赞
#frontend

Show HN: Proa – 一个支持快速 SSR 和多目标渲染的 Rust Web 框架

Hacker News Top ↗ · 2026-10-15 缓存

Show HN:Proa 是一个 Rust Web 框架,具有快速服务端渲染、多目标渲染(Markdown/HTML 宏)、Shadcn 风格的类型化 Rust 组件库,以及基准测试声称渲染速度显著快于 React。

0 人收藏 0 人点赞
#frontend

框架还重要吗?

Hacker News Top ↗ · 2026-10-14 缓存

一篇讨论在当前环境下 Web 开发框架是否仍然重要的博客文章。这是一篇简短的文章公告,现已迁移到新地址。

0 人收藏 0 人点赞
#frontend

@evanyou:我在 10 月 15 日线上直播的 @ViteConf 演讲中,会谈到一些关于新东西的想法:https://v…

X AI KOLs Timeline ↗ · 2026-10-13 缓存

Evan You 将在 2026 年 10 月 15 日举行的 ViteConf 2026 上发表演讲,透露一些关于新项目的构想,并暗示这可能对 Rust 在 JS 工具链中的热潮有所降温。ViteConf 迎来第五届,Vite 已成为 Web 默认构建工具,每周下载量超过 1.5 亿。

0 人收藏 0 人点赞
#frontend

编辑界面

Product Hunt ↗ · 2026-10-13 缓存

EditUI 是一个免费开源的 Chrome 扩展,让用户在实际运行的网页上直接点击 UI 元素并留下修改指令,然后批量发送给 Claude Code 等编码代理执行更改,无需配置仓库或后端。

0 人收藏 0 人点赞
#frontend

用 React Compiler 让 React Context 变得轻量

Lobsters Hottest ↗ · 2026-10-11 缓存

一篇深入探讨的博文,分析了在大型组件树中 React Context 的重新渲染对性能的影响,以及 React Compiler 如何在无需 Context Selector API 的情况下让 Context 变得轻量。

0 人收藏 0 人点赞
#frontend

@vuefes:/ 这是 Vue Fes Japan 2026 的演讲介绍 \ "重新构想的 Vue 工具链" Wellness × hacomono 专场 ubu…

X AI KOLs Following ↗ · 2026-10-11 缓存

Vue Fes Japan 2026 演讲介绍。Vue.js 核心团队成员兼 Vite+ 贡献者 ubugeeei 将通过介绍 Rust 编写的 Vue 工具链「Vize」的开发历程,分享 Vue 开发体验的现状与未来展望。

0 人收藏 0 人点赞
#frontend

@interjc: 天哪,Bootstrap 还在更新

X AI KOLs Timeline ↗ · 2026-10-08 缓存

Bootstrap 6 Alpha 1 已经发布,同时还带来了全新的博客和新图标,针对 v5 用户的 v5.x 更新也仍在计划中。

0 人收藏 0 人点赞
#frontend

@rabi_guha:ChatGPT 昨天推出了他们的生成式 UI 版本。我们把它拆解分析了一下,tl;dr……

X AI KOLs Timeline ↗ · 2026-10-08 缓存

作者逆向工程了 OpenAI 新推出的 ChatGPT Intelligent UI(生成式 UI),解析其架构:模型输出一种名为 DIL 的中间语言(Markdown + JSX 风格标签 + JavaScript),由服务端编译为 JS 程序与 JSON 文档,再由客户端沙箱运行时渲染为原生组件。

0 人收藏 0 人点赞
← Previous
Next →
← 返回首页

提交意见反馈