K
M
AI-powered capture

AI will auto-summarize and extract tags

12 items

Link12 min

Understanding PBR Materials in Blender 4.0

  • PBR (Physically Based Rendering) uses real-world light behavior to create accurate material appearances.
  • The Principled BSDF shader in Blender consolidates 12+ material inputs into a single, artist-friendly node.
  • Metallic, roughness, and normal maps are the three most impactful texture channels for realistic results.
3D ModelingBlenderTutorial+1
blenderguru.com
Link8 min

React 19 — What's New and What Changed

  • React 19 introduces the new Actions API, replacing manual state management for async form submissions.
  • The new `use` hook can read Promises and Context directly inside render functions.
  • Server Components are now stable, enabling zero-bundle-size components that run exclusively on the server.
ReactJavaScriptTutorial
react.dev
Image

Screenshot — Isometric City Render

  • Isometric projection with a warm late-afternoon lighting setup using HDRI + area lights.
  • Procedural building materials using Geometry Nodes for non-destructive variation.
  • Color palette dominated by terracotta, sage green, and cream white for a Mediterranean feel.
3D ModelingReferenceBlender+1
artstation.com
Link25 min

GLSL Shader Programming: Fragment Shaders from Scratch

  • GLSL runs on the GPU and processes every pixel in parallel, making it extremely fast for visual effects.
  • The `fract()`, `step()`, and `smoothstep()` functions are the core building blocks of most shader patterns.
  • Signed distance functions (SDFs) allow you to draw any 2D shape procedurally without geometry.
ShadersGLSLTutorial+1
thebookofshaders.com
Note

Note — Blender Hotkeys I Always Forget

  • Alt+G/R/S resets location, rotation, and scale to default — essential for cleaning up imported assets.
  • Ctrl+L in Edit Mode selects all connected geometry from a single click, faster than box select on complex meshes.
  • Shift+D duplicates in place; Alt+D creates a linked duplicate that shares the same mesh data.
BlenderReferenceProductivity
Personal note
Link15 min

Typography Scale Systems — A Deep Dive

  • Modular scales (1.25×, 1.414×, 1.618×) create mathematically harmonious type hierarchies.
  • The Major Third (1.25) scale works best for UI — the Golden Ratio (1.618) is better for editorial layouts.
  • Fluid typography with clamp() eliminates breakpoint-specific font size overrides entirely.
TypographyDesignReference
smashingmagazine.com
Link18 min

Building a Toon Shader in Three.js

  • Toon shading quantizes the diffuse light value into discrete bands using a step function.
  • Three.js MeshToonMaterial supports gradient maps for controlling the number and softness of shading bands.
  • Outline rendering is achieved via a back-face expansion trick in a second render pass.
Three.jsShadersAnimation+1
codrops.com
Link10 min

Framer Motion — Advanced Animation Patterns

  • Layout animations with `layoutId` enable seamless shared-element transitions across components.
  • The `useMotionValue` hook creates values that update without triggering React re-renders.
  • Gesture-based animations using drag, tap, and hover props work on both touch and pointer devices.
AnimationReactDesign
framer.com
Image

Screenshot — Brutalist UI Design Inspiration

  • Brutalist UI uses raw, unpolished aesthetics with stark contrast, exposed structure, and bold type.
  • Black borders, monospace fonts, and flat colors replace shadows and gradients entirely.
  • The layout deliberately breaks grid conventions to create tension and visual interest.
DesignReferenceTypography
dribbble.com
Link30 min

How Diffusion Models Actually Work — A Visual Guide

  • Diffusion models learn to reverse a noise-addition process, iteratively denoising random Gaussian noise into images.
  • The U-Net architecture acts as the denoising backbone, with attention layers for conditioning on text embeddings.
  • DDPM uses 1000 forward steps; DDIM achieves similar quality in 20–50 steps by using a deterministic process.
AI / MLReferenceTutorial
distill.pub
Note

Note — Geometry Nodes workflow ideas

  • Use Instance on Points to scatter procedural rocks/plants across a terrain mesh without manual placement.
  • Combine Noise Texture + Map Range + Set Position to create organic terrain deformation non-destructively.
  • Expose key parameters as custom properties on the modifier for quick per-object adjustments.
Blender3D ModelingProductivity
Personal note
Processing
2026-05-29

CSS Scroll-Driven Animations — No JavaScript Required