程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1403
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 2284
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 194
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
Rust GUI 开发:打造美观高性能的跨平台应用
编程
Rust GUI 开发:打造美观高性能的跨平台应用
2024-11-18 22:20:49 +0800 CST
view 2856
RustGUI开发正在快速发展,提供高性能、安全和跨平台的桌面应用开发工具。本文探讨了Rust的GUI生态系统,包括Druid、iced和egui等框架的特点和示例代码,强调了Rust在内存安全、并发性能和跨平台支持方面的优势。尽管生态系统相对年轻,但其潜力巨大,适合个人开发者和企业级应用。
编程
软件开发
Rust
图形用户界面
跨平台应用
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 1843
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
Pycairo是一个强大的Python库,用于绘制各种2D图形
综合
Pycairo是一个强大的Python库,用于绘制各种2D图形
2024-11-18 21:01:19 +0800 CST
view 1647
Pycairo是一个强大的Python库,用于绘制各种2D图形。本文介绍了如何安装pycairo,并通过示例代码展示了绘制简单矩形、笑脸、添加文字和创建渐变效果的过程。Pycairo使得图形创作变得简单而有趣,适合用于设计logo、游戏图形和数据可视化等多种应用。
Python库
图形绘制
数据可视化
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
资讯
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
2026-04-24 07:27:07 +0800 CST
view 158
PascalEditor是一款由ClaudeAI参与开发的WebGPU3D建筑编辑器,开源免费、浏览器直接运行、性能流畅。本文深入分析其技术架构(WebGPU、ReactThreeFiber、脏节点追踪、Monorepo分层设计)、核心特性(零门槛免安装、完全免费开源、AI参与开发)、与主流工具(酷家乐、SketchUp、AutoCAD/Revit)的对比,以及它所代表的AI编程新范式。适合装修房主、设计师、前端开发者及创业团队使用。
WebGPU
ReactThreeFiber
AI编程
开源3D工具
Claude
前端图形学
建筑可视化
MIT协议
3D编辑器
浏览器应用
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
综合
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
2024-11-18 13:45:17 +0800 CST
view 1693
PySimpleGUI是一个易于使用的Python图形界面库,旨在简化GUI编程。它允许开发者快速创建美观的界面,支持简单的安装和配置。核心概念包括布局、窗口和事件循环。通过示例代码,展示了如何创建基本的应用程序,如问候应用和文件查找器。PySimpleGUI适合快速原型开发和小型工具制作,未来有望引入更多现代化的UI组件。
Python
图形用户界面
开发工具
如何在Vue3中使用Three.js实现3D图形渲染?
编程
如何在Vue3中使用Three.js实现3D图形渲染?
2024-11-18 19:05:19 +0800 CST
view 1808
本文介绍了如何在Vue3项目中使用Three.js实现基本的3D图形渲染。通过创建一个新的Vue3项目,安装Three.js,并编写一个名为ThreeScene的组件,展示了如何初始化3D场景、相机和渲染器,以及如何实现立方体的旋转动画。最后,组件被集成到主应用中,展示了3D渲染的效果。
前端开发
3D图形
Vue.js
JavaScript
Three.js
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
编程
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
2026-04-26 01:42:52 +0800 CST
view 222
深度解析纯 Go 实现的 WebGPU 项目 gogpu/wgpu:零 CGO 依赖、syscall 直连 GPU API、Snatchable 资源管理模式、自动屏障生成、Damage-Aware 增量渲染,包含完整代码示例与性能对比
Go
WebGPU
GPU
Vulkan
系统编程
图形编程
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 1695
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1448
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1482
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 490
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1469
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 837
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1122
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 167
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2455
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1223
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 55
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 1123
Poster-Design是一个功能强大的开源海报设计工具,旨在满足日益增长的高质量视觉设计需求。它基于现代Web技术栈构建,提供从简单图片编辑到复杂排版设计的全方位能力。本文深入解析其架构设计、核心功能及快速创建专业级视觉内容的方法,适用于电商、社交媒体、企业宣传等多个场景。
设计工具
开源软件
视觉设计
技术架构
开发
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 2894
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 445
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
8
下一页