CSS @property — Typed Custom Properties
CSS @property ทำให้ custom properties มี type, initial value, และ inheritance control — รองรับ animation ของ color, number, และ gradient
อ่านเพิ่ม →#advanced 16
รายการ Projects, Resources และ Notes ทั้งหมดที่มี tag นี้
Resources 16
CSS color-mix() และ Modern Color Functions
color-mix() ผสมสีโดยตรงใน CSS, relative color syntax แก้ไข channel เดียว, light-dark() สำหรับ adaptive color ไม่ต้องการ media query
อ่านเพิ่ม →CSS Grid Advanced — Subgrid, Template Areas, Named Lines
เทคนิค Grid ระดับสูง: subgrid, named grid areas, auto-placement algorithm, และ grid ซ้อน grid
อ่านเพิ่ม →CSS Nesting — Native Nested Selectors
CSS Nesting ที่รองรับใน browser ตั้งแต่ Chrome 120+ ทำให้เขียน nested selectors ได้โดยไม่ต้องใช้ Sass — ครอบคลุม syntax, &, @nest, และ gotchas
อ่านเพิ่ม →CSS Scroll-Driven Animations
Animate elements ตาม scroll position โดยใช้ animation-timeline: scroll() และ view() — ไม่ต้องการ JavaScript หรือ ScrollTrigger
อ่านเพิ่ม →CSS Subgrid — Nested Grids ที่ Align กับ Parent
CSS Subgrid ช่วยให้ nested elements align กับ grid ของ parent ได้ — แก้ปัญหา misaligned columns ใน card grids
อ่านเพิ่ม →Git Advanced — Rebase, Stash, Bisect, Reflog
คำสั่ง Git ขั้นสูงที่ใช้บ่อยในงานจริง: interactive rebase, stash, cherry-pick, bisect, reflog, และ fixup workflow
อ่านเพิ่ม →JavaScript Design Patterns
Design patterns ที่ใช้บ่อยใน JavaScript/TypeScript: Singleton, Observer, Factory, Strategy, Command, และ Module pattern
อ่านเพิ่ม →JavaScript Generators และ Iterators — Lazy Sequences
function*, yield, iterators protocol และ use cases จริง: infinite sequences, async generators, pipeline
อ่านเพิ่ม →JavaScript Proxy & Reflect
Proxy ดักจับ operations บน object (get, set, delete) และ Reflect ให้ default behavior — ใช้สร้าง reactive data, validation, lazy loading
อ่านเพิ่ม →Node.js Streams — Readable, Writable, Transform, Pipeline
จัดการข้อมูลปริมาณมากด้วย Node.js Streams: pipe, pipeline, Transform streams, backpressure, และ async iteration
อ่านเพิ่ม →npm Workspaces & Monorepo Basics
จัดการ multiple packages ใน repo เดียวด้วย npm workspaces — shared dependencies, cross-package scripts, และ monorepo patterns
อ่านเพิ่ม →TypeScript Conditional Types — infer, Mapped Types, Template Literal Types
เทคนิค TypeScript ระดับสูง: conditional types, infer keyword, mapped types modifiers, template literal types
อ่านเพิ่ม →TypeScript Module Augmentation & Declaration Merging
เพิ่ม types ให้ third-party modules, extend interface ที่มีอยู่, และสร้าง .d.ts files สำหรับ JavaScript libraries
อ่านเพิ่ม →TypeScript satisfies & const Assertions
satisfies operator (TS 4.9) และ as const ช่วย infer types ที่แคบลงโดยไม่ต้อง annotate — ทำให้โค้ดปลอดภัยขึ้นโดยไม่เสีย flexibility
อ่านเพิ่ม →Web Components & Custom Elements
สร้าง reusable components ด้วย browser APIs โดยตรง: Custom Elements, Shadow DOM, HTML Templates — ไม่ต้องการ framework
อ่านเพิ่ม →