程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1689
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
开源版 Figma 真来了:Penpot 本地部署,外网也能访问
编程
开源版 Figma 真来了:Penpot 本地部署,外网也能访问
2026-07-05 16:40:21 +0800 CST
view 216
Penpot是开源版Figma,支持UI设计、原型制作、团队协作和设计系统管理。支持Docker本地部署,通过MCP Server接入Codex/Cursor/Claude Code等AI Agent。配合cpolar内网穿透可实现外网访问。
Penpot
Figma
设计工具
UI设计
原型
开源
MCP
AI Agent
Docker
自托管
内网穿透
cpolar
MPL-2.0
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
编程
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
2026-07-18 11:16:28 +0800 CST
view 13
2026年7月爆火的Nutlope/hallmark开源项目深度拆解:21种宏观结构、20+设计主题、57道检测门,从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark
AI设计
反AI-slop
Claude Code
Cursor
Codex
设计系统
前端工程
AI编程
Nutlope
GitHub开源
HTML CSS
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1780
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 2167
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1698
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 1113
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1572
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 660
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 268
OpenPencil:开源AI原生设计编辑器,社区公认最具颠覆性的Figma开源替代方案。内置完整MCP服务器,AI可直接接管操控画布,支持主流模型API,可用自然语言完成设计操作。与Figma操作兼容,文件无缝迁移,支持本地部署和Web访问。
OpenPencil
AI设计
Figma替代
开源
MCP
设计工具
AI原生
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2754
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1436
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 752
4400人收藏的Kami文档设计系统,8条设计铁律让AI生成文档有专业排版,6种文档类型,12种内置SVG图表,暖米色背景+油墨蓝强调色,Serif字体印刷质感
文档设计
AI排版
Kami
PDF生成
设计系统
Claude Skill
tw93
AI 生成界面为什么总是样板间? taste-skill 如何用 SKILL.md 教 AI 学会设计品味
编程
AI 生成界面为什么总是样板间? taste-skill 如何用 SKILL.md 教 AI 学会设计品味
2026-07-08 12:47:28 +0800 CST
view 163
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集,解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程
taste-skill
前端设计
SKILL.md
Claude Code
设计系统
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
编程
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
2026-07-08 12:50:03 +0800 CST
view 167
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集,解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程
taste-skill
前端设计
SKILL.md
Claude Code
设计系统
AI Agent
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3220
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1275
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
编程
使用 Go 构建一个简单的负载均衡器
2024-11-19 06:02:08 +0800 CST
view 1833
本文介绍了如何使用Go语言实现一个简单的轮询负载均衡器。负载均衡器通过将流量分配到多个服务器,确保系统的高可用性和可扩展性。文章详细讲解了负载均衡器的结构、轮询算法的实现、健康检查机制以及请求处理的代码示例,帮助读者理解负载均衡器的工作原理。
软件开发
网络编程
系统架构
Agent-Memory 深度解析:当 AI Agent 终于学会「从错误中进化」
编程
Agent-Memory 深度解析:当 AI Agent 终于学会「从错误中进化」
2026-04-09 07:13:25 +0800 CST
view 688
Agent-Memory是一个开源的自进化记忆治理系统,旨在解决传统AIAgent的“会话即遗忘”问题,使其能够从经验中主动学习并改进行为策略。系统通过五层核心组件(事件层、策略层、决策层、治理层、主机内存发布层)实现学习闭环,强调记忆与学习的本质区别,并与GitNexus、MemPalace形成“执行→记忆→进化”的完整能力图谱。项目支持优雅降级和容量护栏设计,适用于长期运行的自动化Agent,推动AI从工具向伙伴进化。
人工智能
开源项目
机器学习
自动化系统
软件架构
template-vue3-gin-fullstack:Vue3+Go Gin前后端分离全栈项目模板,开箱即用
案例
template-vue3-gin-fullstack:Vue3+Go Gin前后端分离全栈项目模板,开箱即用
2026-05-09 10:27:01 +0800 CST
view 450
template-vue3-gin-fullstack:一款基于Vue3+Go Gin的前后端分离全栈项目模板。技术栈涵盖Vue3.4+TypeScript5+Vite5+Pinia+TailwindCSS前端,以及Go1.22+Gin1.9+GORM+PostgreSQL+Redis+JWT+Zap后端。目录分层清晰(Handler/Service/Repository),JWT认证、Swagger文档、GitHub Actions CI/CD全部配好,clone即可开写业务代码。
全栈模板
Vue3
Go Gin
前后端分离
TypeScript
项目架构
CI/CD
GitHub Actions
PostgreSQL
Redis
JWT
Anthropic Claude Science深度解析:多智能体架构如何重塑科研工作流
编程
Anthropic Claude Science深度解析:多智能体架构如何重塑科研工作流
2026-07-05 06:14:18 +0800 CST
view 193
深入解析Anthropic Claude Science的技术架构与工程实现,探讨多智能体协作如何重塑科研工作流。
AI
多智能体
Claude
Anthropic
科研工具
Agent架构
Rust 编写微服务网关与零信任实践:2026 云原生安全架构完全指南
编程
Rust 编写微服务网关与零信任实践:2026 云原生安全架构完全指南
2026-05-22 19:45:39 +0800 CST
view 388
深度解析如何使用 Rust 构建高性能、内存安全的微服务网关,并结合零信任理念落地云原生安全实践。包含完整代码示例、架构设计、性能基准测试和企业级案例。
Rust
微服务
零信任
云原生
安全架构
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
编程
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
2026-04-19 08:16:43 +0800 CST
view 588
深度解析 wasm-pack 1.0 发布后 Rust WASM 的内存管理与性能调优实战,涵盖零拷贝传递、内存泄漏防护、WebGPU 结合等技术要点。
WebAssembly
wasm-pack
Rust
性能优化
内存管理
WebGPU
前端架构
Linux 7.1 内核 NTFS 驱动深度解析:3.6 万行代码如何完成 NTFS 的「四年复活」
编程
Linux 7.1 内核 NTFS 驱动深度解析:3.6 万行代码如何完成 NTFS 的「四年复活」
2026-05-09 15:46:09 +0800 CST
view 590
2026年4月17日Linux 7.1内核正式合并全新NTFS驱动,由Namjae Jeon历时四年重构完成,超过3.6万行代码。本文深入解析NTFS文件系统核心设计(MFT、LCN/VCN、LogFile日志机制、B+树目录索引),对比历代Linux NTFS方案的缺陷,剖析新驱动的现代内核架构(iomap、folio),性能测试数据及实际迁移指南。
Linux内核
NTFS
文件系统
内核驱动
文件系统架构
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
13
下一页