Filter
Exclude
Time range
-
Near
把 Apple visionOS / iOS 26 的 Liquid Glass 视觉效果搬到 Web,基于 WebGPU 实验性 HTML‑in‑Canvas API 的真正光学合成! 这就是 @AndrewPrifer 开源的「Liquid DOM」 github.com/AndrewPrifer/liqu… 技术前提 · 必须 WebGPU:渲染依赖 navigator.gpu · 必须 Chrome flag:chrome://flags/# canvas-draw-element,开启 WICG HTML‑in‑Canvas 才能把真实 DOM 元素当作纹理采样。没开 flag 玻璃壳能初始化,但底下的页面内容采不进来 · Three 集成必须用 Three 的 WebGPURenderer,不是 WebGLRenderer 核心抽象:场景图的三层模型 Scene ─┬─ Container ─┬─ Glass ── DOM │ └─ Group ├─ Html └─ Group · Container 是光学单元 · Glass 只是形状壳 · Html 是 DOM 纹理节点 · z 顺序语义巧妙 Container 的光学参数 参数被分了五组,每一组都对应一个真实光学概念,不是装饰: · 形状与融合:spacing、normalDivergenceBlendPower —— 控制 SDF 融合时法线方向的混合,决定桥接区域是"软糖"还是"硬边"。 · 模糊与位移:blur、bezelWidth、displacementFactor、displacementBlur —— bezel 是玻璃边缘的厚度带,位移就是边缘对背景像素的偏移量,决定"棱镜感"。 · 折射:thickness、ior(玻璃折射率,默认 1.5)、contentIor、contentDepth、dispersion(色散,制造 RGB 分离的彩边)、surfaceProfile(convex 凸 / concave 凹 / lip 唇缘)。 · 镜面高光与反射:lightDirection、specularStrength、specularWidth(支持 'hairline' 这种 1 设备像素的细线)、oppositeSpecularStrength(对侧高光,模拟边缘双面反光)。 · 颜色与阴影:tint、shadowColor/Offset/Blur/Spread,语义对齐 CSS 但参与 GPU 合成。
Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb @threejs and r3f integration And lots more. Read on for implementation details and demos.
1
1
6
1,874
Long-form posts on X (Premium feature) averaging 500 words drove 8x more saves & bookmarks in 2025. Bookmarks signal depth. Depth signals authority. Authority generates income. — Nigeria Analytics. @theJustinWelsh @alex_hormozi @instablog9ja #LongForm #XPremium #ContentDepth #Authority #XMonetization #CreatorEconomy #TwitterMoney #NigeriaCreator #ContentStrategy #Bookmarks
1
20
Depth beats length every time. Going deep signals expertise that algorithms trust. Strong topical clusters and smart internal links build authority AI can recognize 🌳 #TopicalAuthority #ContentDepth #SEOStrategy #AIContent #SearchOptimization
1
1
29
25 Apr 2025
Want your content to rank higher and provide real value? 📈 Dive into our guide on content depth and learn how to create comprehensive content that satisfies both users and search engines. 🚀 *Blog link in the comments.* #ContentMarketing #ContentDepth
1
1
6
The ideal content length is determined by topic complexity, not arbitrary word counts. Comprehensive coverage builds authority and satisfies search intent. Our analysis shows high-performing content tends to be 10-30% longer than the average of top-ranking competitors for the same keyword. #ContentDepth #SEOStrategy #CompetitiveAnalysis andrewroche99.com/length-of-…

11
25 Mar 2025
AI can't replace the depth and insight of human-driven content... . Full video on Optimum7 YouTube Channel . . #AIvsHumanInsight #ContentDepth #Optimum7 #DuranInci #HumanTouch #ContentStrategy
8
25 Mar 2025
AI can't replace the depth and insight of human-driven content... . Watch the full video on Optimum7 YouTube. . . #AIvsHumanInsight #ContentDepth #Optimum7 #DuranInci #HumanTouch #ContentStrategy
5
"Maximize content depth and SEO in 2025 with tips from Search Engine Land! 🚀 Make sure your content stands out: litepreneur.com/maximize-con… #SEO #ContentDepth"

3/ 🎙️ **Marketing Tip #3: Dive into Podcasting** Podcasts offer depth that videos can't. Share stories, insights, or behind-the-scenes content. It's about building a deeper connection. #Podcasting #ContentDepth
1
1
7
16 Oct 2024
2/ Forget about generic content. Depth is the new king 👑. People are looking for influencers who provide high-value, insightful content that’s contextually relevant. Go beyond the surface. #ContentDepth #Authority
1
28
Content length matters, but what?s more important is the depth of information you provide. Make your posts as comprehensive as possible. #ContentDepth
2
Content Length and Depth: Aim for content that is both lengthy and in-depth. This can provide more value to readers and improve your search engine rankings. #ContentDepth #SEO #WritingTips
4