程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1617
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 1011
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1416
MagicAnimator是由LottieLab发布的Figma插件,能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮,即可快速生成多种动效,支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程,适用于App、网页和社交媒体,提升了设计师的工作效率。
动画制作
设计工具
Figma插件
AI技术
动效设计
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
编程
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
2026-04-21 09:02:26 +0800 CST
view 467
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
编程
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
2026-06-25 18:11:54 +0800 CST
view 21
OpenPencil:开源AI原生设计编辑器,社区公认最具颠覆性的Figma开源替代方案。内置完整MCP服务器,AI可直接接管操控画布,支持主流模型API,可用自然语言完成设计操作。与Figma操作兼容,文件无缝迁移,支持本地部署和Web访问。
OpenPencil
AI设计
Figma替代
开源
MCP
设计工具
AI原生
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2672
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1354
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 511
4400人收藏的Kami文档设计系统,8条设计铁律让AI生成文档有专业排版,6种文档类型,12种内置SVG图表,暖米色背景+油墨蓝强调色,Serif字体印刷质感
文档设计
AI排版
Kami
PDF生成
设计系统
Claude Skill
tw93
编程
Poster-Design:开源海报设计工具的完全指南与核心技术解析
2025-09-01 09:49:16 +0800 CST
view 1297
Poster-Design是一个功能强大的开源海报设计工具,旨在满足日益增长的高质量视觉设计需求。它基于现代Web技术栈构建,提供从简单图片编辑到复杂排版设计的全方位能力。本文深入解析其架构设计、核心功能及快速创建专业级视觉内容的方法,适用于电商、社交媒体、企业宣传等多个场景。
设计工具
开源软件
视觉设计
技术架构
开发
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3103
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1061
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
GitNexus 深度解析:当 AI Agent 终于拥有了自己的「代码神经系统」
编程
GitNexus 深度解析:当 AI Agent 终于拥有了自己的「代码神经系统」
2026-04-09 05:25:32 +0800 CST
view 1034
GitNexus 将任意代码库索引为知识图谱,通过 MCP 协议让 AI Agent 拥有代码架构感知能力,解决 AI 编程工具不"看见"代码结构的核心痛点。
AI编程
GitNexus
知识图谱
MCP
代码智能
Agent
Andrej Karpathy Skills 深度实战:当 AI 学会了「编程自律」——从 CLAUDE.md 四大原则到 AI 编程行为矫正、从错误假设捕获到极简代码生成的完全指南(2026)
编程
Andrej Karpathy Skills 深度实战:当 AI 学会了「编程自律」——从 CLAUDE.md 四大原则到 AI 编程行为矫正、从错误假设捕获到极简代码生成的完全指南(2026)
2026-06-21 14:25:24 +0800 CST
view 71
深入剖析 GitHub 149K+ Stars 爆火项目 andrej-karpathy-skills,揭示 Andrej Karpathy 如何通过一份 65 行的 CLAUDE.md 文件,将 AI 编程助手的准确率从 65% 提升到 94%。
AI编程
Claude Code
LLM
行为准则
代码质量
Node.js 1.9万行AI代码事件深度解析:顶级开源社区为何"封杀"AI生成代码?
编程
Node.js 1.9万行AI代码事件深度解析:顶级开源社区为何"封杀"AI生成代码?
2026-04-18 17:12:54 +0800 CST
view 458
2026年3月Node.js爆发了一场震动开源世界的争议:一份1.9万行AI生成代码的PR引发百名核心成员联名请愿。本文深度解析事件始末、技术争议、社区治理困境,以及AI时代开源的新挑战。
Node.js
AI编程
开源治理
Claude Code
代码审查
AI代码被"封杀"?Node.js 1.9万行PR引发的顶级开源社区治理危机深度解析
编程
AI代码被"封杀"?Node.js 1.9万行PR引发的顶级开源社区治理危机深度解析
2026-04-18 17:13:06 +0800 CST
view 516
2026年3月Node.js爆发了一场震动开源世界的争议:一份1.9万行AI生成代码的PR引发百名核心成员联名请愿。本文深度解析事件始末、技术争议、社区治理困境,以及AI时代开源的新挑战。
Node.js
AI编程
开源治理
Claude Code
代码审查
GitNexus 深度实战:当代码智能遇见「零服务器」架构——从知识图谱到 MCP 集成的生产级完全指南(2026)
编程
GitNexus 深度实战:当代码智能遇见「零服务器」架构——从知识图谱到 MCP 集成的生产级完全指南(2026)
2026-06-16 05:18:22 +0800 CST
view 188
GitNexus 正在重新定义 AI 辅助编程的边界——通过浏览器端知识图谱构建、Tree-sitter 多语言解析、LadybugDB 原生存储,以及 MCP 协议集成,让 AI Agents 能够真正「理解」你的代码库。本文深入剖析 GitNexus 的架构设计、核心技术栈、实战部署流程,以及生产环境中的性能优化技巧。
GitNexus
代码知识图谱
MCP
AI Agent
Tree-sitter
零服务器
8 个 JavaScript 技巧,让你的代码更简洁、更快速
编程
8 个 JavaScript 技巧,让你的代码更简洁、更快速
2025-05-05 21:23:03 +0800 CST
view 1193
在现代JavaScript开发中,编写简洁、高效且易于维护的代码至关重要。本文介绍了8个实用技巧,包括可选链、解构赋值、短路赋值、展开运算符、数组方法、记忆化、立即执行函数表达式(IIFE)以及使用let和const替代var。这些技巧帮助开发者提升代码质量,避免冗余和错误,最终实现更优雅的编程风格。
JavaScript
编程技巧
代码优化
Go 1.26 代码现代化实战:从 go fix 自动重构到 Go-Zero 高并发微服务治理——2026 生产级 Go 微服务完全指南
编程
Go 1.26 代码现代化实战:从 go fix 自动重构到 Go-Zero 高并发微服务治理——2026 生产级 Go 微服务完全指南
2026-06-21 16:22:53 +0800 CST
view 61
深度解析 Go 1.26 的 go fix 代码现代化工具,并结合 Go-Zero 微服务框架,构建完整的 2026 生产级 Go 微服务开发体系。
Go语言
Go 1.26
go fix
代码现代化
Go-Zero
微服务
高并发
云原生
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 2536
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
MusaCoder 深度实战:当国产GPU遇见AI驱动的Kernel生成——从PyTorch到CUDA/MUSA原生算子的全栈训练完全指南(2026)
编程
MusaCoder 深度实战:当国产GPU遇见AI驱动的Kernel生成——从PyTorch到CUDA/MUSA原生算子的全栈训练完全指南(2026)
2026-06-16 06:47:47 +0800 CST
view 189
MusaCoder是首个基于国产GPU完成全链路训练的代码大模型,在KernelBench上超越Claude Opus 4.7。从三阶段数据合成、多样性RFT到执行反馈RL,深度解析全栈训练方法论。
MusaCoder
GPU Kernel
摩尔线程
国产GPU
CUDA
MUSA
大模型
强化学习
KernelBench
代码大模型
AI Coding
深度学习
综合
GoView是一个基于Vue3的低代码可视化开发设计器
2024-11-19 06:38:15 +0800 CST
view 2117
GoView是一个基于Vue3的低代码可视化开发设计器,提供强大的组件库和灵活的配置选项,帮助用户快速构建数据驱动的应用程序。设计器界面简洁,支持拖拽和实时构建,功能包括视图切换、组件库、属性配置等。内置50+可视化组件,支持主题切换和多种依赖,旨在简化数据可视化流程,提升用户体验。
低代码
可视化开发
前端框架
用户界面
数据可视化
零代码搭建AI应用,Dify积木式工作流开源了
编程
零代码搭建AI应用,Dify积木式工作流开源了
2026-04-18 19:05:42 +0800 CST
view 463
Dify开源LLMOps平台,拖拽式构建AI应用,92K Stars,零代码可视化编排
开源
AI
低代码
工具
工作流
6天、96万行Rust代码:Claude Code如何亲手重写Bun——AI辅助代码迁移的全景解析与生产级复盘
编程
6天、96万行Rust代码:Claude Code如何亲手重写Bun——AI辅助代码迁移的全景解析与生产级复盘
2026-05-22 15:47:42 +0800 CST
view 426
2026年5月,Bun团队用Claude Code在6天内完成96万行代码从Zig到Rust的迁移。本文深入复盘这一史诗级工程的技术细节、迁移策略、以及AI辅助编程的新范式。
Rust
Bun
AI编程
Claude Code
代码迁移
Zig
编程语言
caveman 深度解析:当 Claude Code 用「穴居人语言」砍掉 75% Token 消耗,AI 编程正式进入「极简主义」时代
编程
caveman 深度解析:当 Claude Code 用「穴居人语言」砍掉 75% Token 消耗,AI 编程正式进入「极简主义」时代
2026-04-10 00:14:55 +0800 CST
view 1187
深度解析 caveman 开源项目:一个让 Claude Code 用「穴居人语言」说话的 skill,砍掉 75% Token 消耗同时保持 100% 技术准确率。
Claude Code
Token优化
AI编程
Prompt Engineering
LLM效率
开源工具
程序员工具
代码审查
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
15
下一页