程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
CSS 媒体查询
编程
CSS 媒体查询
2024-11-18 13:42:46 +0800 CST
view 1695
CSS媒体查询是响应式设计的重要组成部分,允许开发者根据设备特性调整网站样式。通过定义条件,媒体查询能在特定情况下应用相应的CSS规则,提升网站的适应性。常见的媒体类型包括all、print和screen,条件可包括宽度、高度和方向等。运算符如and、not和only可用于构建复杂查询,从而实现更精确的样式控制。
CSS
前端开发
响应式设计
您应该了解的 15 个有用的 CSS 属性
编程
您应该了解的 15 个有用的 CSS 属性
2024-11-18 17:58:16 +0800 CST
view 1557
本文介绍了15个有用的CSS属性,这些属性能够增强网站的设计、性能和用户体验。包括`caret-color`、`accent-color`、`pointer-events`等,帮助开发者提升页面的交互性和视觉效果。掌握这些属性将有助于构建更具吸引力的现代网站。
Web开发
前端技术
CSS
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
代码
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
2026-06-27 08:24:14 +0800 CST
view 375
pixel2motion开源项目,用AI将PNG/JPG图片自动转换为专业级SVG矢量+CSS动画,支持hover/pulse/arc/press等多种动效模式,一站式交付,设计师和AI代理都适用。
前端
设计
AI
动效
SVG
CSS动画
开源工具
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
编程
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
2026-05-28 20:36:00 +0800 CST
view 444
深度解析CSS锚点定位与Signals响应式范式,探讨2026年前端开发的范式革命——从布局计算到状态管理的精确化演进。
CSS
前端
响应式
Signals
Web开发
代码
css模拟了MacBook的外观
2024-11-18 14:07:40 +0800 CST
view 1721
该文本是一个HTML文档,模拟了MacBook的外观。使用CSS样式定义了MacBook的屏幕、摄像头孔、底部和反光效果。屏幕中嵌入了一个iframe,用于加载外部内容。整体设计注重细节,如边框、阴影和反光效果,旨在提供真实的视觉体验。
网页设计
前端开发
用户界面
CSS样式
代码
纯CSS绘制iPhoneX的外观
2024-11-19 06:39:43 +0800 CST
view 2060
该文本展示了如何使用纯CSS绘制iPhoneX的外观,包括设备的尺寸、框架样式、状态栏、内容区和按钮等。通过CSS样式设置,创建了一个模拟iPhoneX的网页结构,并嵌入了百度的内容。代码中详细定义了各个部分的样式和布局,适合前端开发者学习和参考。
前端开发
网页设计
CSS
iPhone
技术
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
编程
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
2024-11-19 00:04:49 +0800 CST
view 1812
本文介绍了优化CSS的10个基本技巧,包括最小化和压缩CSS、使用速记属性、组织CSS、避免内联样式、降低特异性、删除未使用的CSS、使用CSS变量、优化媒体查询、利用CSS预处理器和优化CSS交付。这些技巧旨在提升网站加载速度和性能,增强代码的可维护性,帮助开发者编写更高效的CSS代码。
前端开发
网页性能
CSS优化
用户体验
编程技巧
解锁8个现代CSS特性,提升开发效率与视觉体验
编程
解锁8个现代CSS特性,提升开发效率与视觉体验
2025-09-21 14:24:22 +0800 CST
view 1027
本文介绍了8个现代CSS实用特性:accent-color定制表单主题色、caret-color控制光标颜色、currentColor智能颜色继承、::marker定制列表标记、:user-valid/:user-invalid智能表单验证、:placeholder-shown占位符样式控制、all:unset快速重置样式、inset简化定位写法,以及text-wrap:balance文本平衡功能。这些特性显著提升开发效率和视觉体验,支持主流浏览器。
CSS开发
前端技术
网页设计
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
编程
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
2026-05-15 11:18:21 +0800 CST
view 594
2026年CSS八大原生特性深度解析:锚点定位、视图过渡、滚动驱动动画、瀑布流、Subgrid、LCH颜色、离散属性动画、文本环绕平衡
CSS
前端
Anchor Positioning
View Transitions
滚动驱动动画
Subgrid
LCH颜色
Masonry
代码
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
view 1711
该文本是一个HTML文档,展示了一个渐变效果的登录页面。页面使用了CSS样式来创建一个美观的表单,包含用户名和密码输入框,以及登录和注册链接。背景为深色,输入框和按钮采用渐变色,具有动画效果,提升用户体验。
网页设计
前端开发
用户界面
HTML
CSS
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
编程
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
2024-11-18 16:33:26 +0800 CST
view 1729
本文揭示了10个鲜为人知但极其实用的CSS技巧,包括contain属性、clip-path、object-fit、will-change、CSSGrid的auto-fit和auto-fill、backdrop-filter、text-shadow、mask属性、可变字体以及resize属性。这些技巧可以帮助开发者提升网页设计的灵活性和美观性。
前端开发
网页设计
CSS
技术技巧
编程
CSS Grid 和 Flexbox 的主要区别
2024-11-18 23:09:50 +0800 CST
view 1890
CSSGrid和Flexbox是CSS中的两种布局工具。Flexbox适合一维布局,主要控制项目在主轴和交叉轴上的排列;而CSSGrid则擅长二维布局,能够同时处理行和列。两者各有特点,Flexbox更注重项目的排列和对齐,Grid则适合复杂的网格结构。根据不同的布局需求,选择合适的工具以获得最佳效果。
CSS
前端开发
网页布局
编程
CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等
2024-11-18 04:21:38 +0800 CST
view 1603
本文分享了一些实用的CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等。详细介绍了如何使用CSS属性如filter、text-overflow、mask等来实现各种视觉效果,并提供了相应的代码示例,旨在帮助网页设计师提升设计的美观性和功能性。
网页设计
前端开发
CSS技巧
综合
CSS 特效与资源推荐
2024-11-19 00:43:31 +0800 CST
view 2118
在前端开发中,CSS3用于创建各种特效,许多开发者在处理复杂特效时遇到困难。本文推荐了三个CSS样式资源网站,包括Uiverse和CSS灵感,提供丰富的特效和源码,帮助提升开发效率。Uiverse汇集了常用UI组件,CSS灵感则整理了页面布局和特效源码,适合用于现代前端项目。
前端开发
CSS
设计
资源推荐
动画效果
FreeOcc 深度解析:机器人具身智能的「无监督觉醒」——首个无需训练的开放词汇三维占据预测系统
编程
FreeOcc 深度解析:机器人具身智能的「无监督觉醒」——首个无需训练的开放词汇三维占据预测系统
2026-05-15 21:48:41 +0800 CST
view 551
深度解析港科大开源FreeOcc:首个无需训练的开放词汇三维占据预测系统,无需3D标注即可实现语义占据地图构建,在RSS 2026发表
FreeOcc
RSS2026
3D占据预测
具身智能
三维重建
3DGS
SLAM
VLM
开放词汇
Robotics
解锁CSS无限可能:UI Verse——4500+特效资源库助你高效开发
编程
解锁CSS无限可能:UI Verse——4500+特效资源库助你高效开发
2025-03-29 16:13:22 +0800 CST
view 1589
本文深入解析UIVerse这一CSS特效资源宝库,展示其4500+特效如何提升前端开发效率。UIVerse提供开箱即用的原生HTML/CSS代码,解决了开发者在实现CSS动画和特效时的调试与兼容性挑战。通过科学分类和代码集成示例,开发者可以快速定位所需特效,优化开发流程,提升用户体验。
前端开发
CSS
用户体验
资源库
动画效果
Capo.js:你的head排序对了吗?一行代码检测出来
案例
Capo.js:你的head排序对了吗?一行代码检测出来
2026-05-09 06:37:27 +0800 CST
view 482
Capo.js开源工具:检测HTML head元素排序是否合理,11级权重体系量化排序规则,零依赖6kB Gzip,Chrome扩展装上就能用,程序化API适合CI集成
前端性能
head排序
性能优化
零依赖
Chrome扩展
ct.css
React Foundation 正式成立:从 Meta 独掌到 Linux Foundation,2026 年前端生态最重大的治理变革深度解析
编程
React Foundation 正式成立:从 Meta 独掌到 Linux Foundation,2026 年前端生态最重大的治理变革深度解析
2026-07-23 15:14:44 +0800 CST
view 159
2026年7月React正式脱离Meta单一控制,成立独立基金会入驻Linux Foundation。本文从治理变革、技术影响、React 19新特性、React Compiler Rust重写、竞争格局等维度深度解析这次前端生态最重要的里程碑事件。
React
React Foundation
Linux Foundation
Meta
前端框架
React 19
TypeScript
Node.js
开源治理
AI Agent 沙箱三国杀:OpenSandbox vs CubeSandbox vs E2B,从内核隔离到秒级调度的全链路技术拆解
编程
AI Agent 沙箱三国杀:OpenSandbox vs CubeSandbox vs E2B,从内核隔离到秒级调度的全链路技术拆解
2026-05-02 06:06:14 +0800 CST
view 1257
深度拆解阿里OpenSandbox、腾讯CubeSandbox与E2B三大AI Agent沙箱方案,从内核隔离原理、API协议设计、调度架构、性能实测到生产部署全链路技术分析
OpenSandbox
CubeSandbox
E2B
AI Agent
沙箱
KVM
Docker
Kubernetes
eBPF
RustVMM
万字深度解析 Understand-Anything:当代码库遇见「交互式知识图谱」——从 Tree-sitter 静态分析到多智能体架构的工程化实践(2026)
编程
万字深度解析 Understand-Anything:当代码库遇见「交互式知识图谱」——从 Tree-sitter 静态分析到多智能体架构的工程化实践(2026)
2026-07-01 13:15:10 +0800 CST
view 259
深度解析Understand-Anything开源项目:55.5K Star的代码理解神器,用Tree-sitter+LLM混合分析将代码库变成交互式知识图谱,Token消耗降低90%,支持Claude Code/Cursor等多平台。
Understand-Anything
知识图谱
Tree-sitter
多智能体
代码理解
AI编程
Understand-Anything 深度实战:当代码库学会「讲故事」——从 Tree-sitter AST 到多 Agent 知识图谱的完全指南(2026)
编程
Understand-Anything 深度实战:当代码库学会「讲故事」——从 Tree-sitter AST 到多 Agent 知识图谱的完全指南(2026)
2026-06-13 11:51:50 +0800 CST
view 664
55.5K Stars的GitHub热榜项目,Understand-Anything通过Tree-sitter AST + 多Agent LLM流水线,让代码库变成可交互的知识图谱。本文从架构原理、源码实现、生产级应用场景、性能调优等维度全面拆解。适合接手续留代码、代码审查、架构重构等场景。
Understand-Anything
代码知识图谱
Tree-sitter
多Agent
Claude Code
开源工具
AI编程
AI Hedge Fund 深度解析:当巴菲特遇上大模型——多智能体投资系统的工程革命
编程
AI Hedge Fund 深度解析:当巴菲特遇上大模型——多智能体投资系统的工程革命
2026-04-14 04:53:29 +0800 CST
view 1941
深度解析 GitHub 51.7k Star 项目 AI Hedge Fund:如何用 15+ AI Agent 复刻巴菲特、芒格等传奇投资人的思维范式,探索多智能体协作在投资决策中的工程实践。
AI Hedge Fund
多智能体系统
投资Agent
巴菲特
GitHub Trending
Python
LLM应用
Understand-Anything深度解析:GitHub趋势榜第一的知识图谱工具如何让AI真正理解任意代码
编程
Understand-Anything深度解析:GitHub趋势榜第一的知识图谱工具如何让AI真正理解任意代码
2026-07-07 21:05:11 +0800 CST
view 332
Understand-Anything登顶GitHub Trending榜首,融合代码知识图谱与LLM语义理解,让AI编程助手真正"理解"任意代码的意图和设计决策。本文深度解析其三层解析架构、与codebase-memory-mcp的差异、以及对AI编程工具未来的深远影响。
Understand-Anything
知识图谱
AI编程
GitHub
代码理解
DesktopCommanderMCP 深度拆解:当 MCP 协议把 AI 变成真正的操作系统级 Agent
编程
DesktopCommanderMCP 深度拆解:当 MCP 协议把 AI 变成真正的操作系统级 Agent
2026-07-14 17:17:22 +0800 CST
view 224
深度拆解 GitHub Trending #1 项目 DesktopCommanderMCP:从 MCP 协议机制、终端控制架构、安全沙箱设计、内存代码执行到多客户端生态,一次把「让 AI 操控整台电脑」的操作系统级 Agent 方案讲透。
DesktopCommanderMCP
MCP协议
AI Agent
操作系统
JSON-RPC
沙箱
Docker
TypeScript
开源
GitHub Trending
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
...
26
下一页