AI Agents & Agentic Patterns
สถาปัตยกรรมและ patterns สำหรับ AI agents: agentic loop, tool use, multi-step planning, orchestration, parallel agents และการจัดการ context window
อ่านเพิ่ม →Resources 103
รวมความรู้ที่ใช้แล้วตรงจุด ตั้งแต่แนวทางออกแบบ โค้ดเล็กๆ และเช็กลิสต์ที่ช่วยย่นเวลาเริ่มโปรเจกต์ถัดไป
Astro Islands Architecture — JavaScript เฉพาะที่จำเป็น
เข้าใจ Islands Architecture ของ Astro ว่าทำงานอย่างไร ทำไมถึงส่ง zero JS by default และเมื่อไรควรใช้ client directives เพื่อ hydrate component
อ่านเพิ่ม →Astro Server Islands — Dynamic Content ใน Static Site
Server Islands คือ Astro 5 feature ที่ช่วยฝัง dynamic server-rendered component ลงใน static page โดยไม่ต้อง sacrifice performance ของหน้าอื่น
อ่านเพิ่ม →Browser DevTools Tips — Debug เร็วขึ้น 10 เท่า
เทคนิค DevTools ที่ใช้บ่อยใน Chrome และ Firefox — Console shortcuts, Network tab, CSS live edit, Performance profiling, Accessibility panel และ JavaScript debugging
อ่านเพิ่ม →Browser Web APIs — ResizeObserver, Clipboard, Broadcast Channel, Web Workers
Web APIs ที่ใช้บ่อยและมักถูกมองข้าม: ResizeObserver, MutationObserver, Clipboard, Broadcast Channel, Web Workers
อ่านเพิ่ม →Claude API & Anthropic SDK
ใช้งาน Anthropic SDK กับ TypeScript: Messages API, streaming, tool use (function calling), system prompts, token counting และ best practices
อ่านเพิ่ม →CSS Animations & Transitions — ทำ UI ให้มีชีวิตชีวา
รวม pattern CSS animation และ transition ที่ใช้จริงในการสร้าง UI ที่ smooth — hover effects, micro-interactions, page transitions และ reduced motion
อ่านเพิ่ม →CSS Architecture — BEM, CUBE CSS, Utility Classes
แนวทางจัดการ CSS ใน project ขนาดใหญ่: BEM naming, CUBE CSS methodology, เปรียบเทียบ Tailwind vs custom CSS
อ่านเพิ่ม →CSS @property — Typed Custom Properties
CSS @property ทำให้ custom properties มี type, initial value, และ inheritance control — รองรับ animation ของ color, number, และ gradient
อ่านเพิ่ม →CSS Cascade Layers — จัดการ Specificity แบบมีระบบ
@layer ช่วยควบคุมลำดับความสำคัญของ CSS โดยไม่ต้องพึ่ง specificity hack หรือ !important
อ่านเพิ่ม →CSS color-mix() และ Modern Color Functions
color-mix() ผสมสีโดยตรงใน CSS, relative color syntax แก้ไข channel เดียว, light-dark() สำหรับ adaptive color ไม่ต้องการ media query
อ่านเพิ่ม →CSS Container Queries — Responsive ตาม Container ไม่ใช่ Viewport
Container queries ให้ component ปรับ layout ตามขนาดของ parent container แทน viewport — ทำให้ component เป็น truly reusable ในทุกที่ที่วาง
อ่านเพิ่ม →CSS Flexbox Cheatsheet — จัดวาง Layout ให้ตรงใจ
รวม CSS Flexbox properties ที่ใช้บ่อย ทั้ง container และ item properties พร้อม visual guide และ use cases จริงสำหรับ navigation, card grid, centering
อ่านเพิ่ม →CSS Grid Advanced — Subgrid, Template Areas, Named Lines
เทคนิค Grid ระดับสูง: subgrid, named grid areas, auto-placement algorithm, และ grid ซ้อน grid
อ่านเพิ่ม →CSS Logical Properties — Writing Mode Aware Layout
margin-inline, padding-block, inset-inline-start — เขียน CSS ที่รองรับ RTL และ vertical text โดยไม่ต้องเขียน rule ซ้ำ
อ่านเพิ่ม →CSS Nesting — Native Nested Selectors
CSS Nesting ที่รองรับใน browser ตั้งแต่ Chrome 120+ ทำให้เขียน nested selectors ได้โดยไม่ต้องใช้ Sass — ครอบคลุม syntax, &, @nest, และ gotchas
อ่านเพิ่ม →CSS oklch() — ระบบสีสมัยใหม่ที่ดีกว่า hsl()
oklch() คือ color space ที่มนุษย์มองเห็นได้สม่ำเสมอ (perceptually uniform) — สร้าง palette ที่ consistent กว่าเดิมด้วย 3 ค่า: Lightness, Chroma, Hue
อ่านเพิ่ม →CSS Scroll-Driven Animations
Animate elements ตาม scroll position โดยใช้ animation-timeline: scroll() และ view() — ไม่ต้องการ JavaScript หรือ ScrollTrigger
อ่านเพิ่ม →CSS Scroll Snap
CSS Scroll Snap สำหรับ carousel, full-page scroll และ horizontal scroll — scroll-snap-type, scroll-snap-align, mandatory vs proximity, และ scroll-padding
อ่านเพิ่ม →CSS Subgrid — Nested Grids ที่ Align กับ Parent
CSS Subgrid ช่วยให้ nested elements align กับ grid ของ parent ได้ — แก้ปัญหา misaligned columns ใน card grids
อ่านเพิ่ม →Deploying Static Sites — Vercel, Netlify, GitHub Pages
วิธี deploy static site ด้วย Vercel, Netlify, และ GitHub Pages — เปรียบเทียบ features, ราคา, และ workflow
อ่านเพิ่ม →Docker Basics — Container, Image, Compose
คำสั่ง Docker ที่ใช้บ่อยสำหรับ developer: build image, run container, Compose, volume, network
อ่านเพิ่ม →ESLint + Prettier Configuration — TypeScript Project Setup
ตั้งค่า ESLint + Prettier ที่ทำงานร่วมกันได้สำหรับ TypeScript project: rules, integrations, pre-commit hooks
อ่านเพิ่ม →Fetch API Patterns — Data Fetching, AbortController, Retry
Patterns สำหรับ fetch ข้อมูล: timeout, retry, AbortController, error handling, caching headers, streaming response
อ่านเพิ่ม →Git Advanced — Rebase, Stash, Bisect, Reflog
คำสั่ง Git ขั้นสูงที่ใช้บ่อยในงานจริง: interactive rebase, stash, cherry-pick, bisect, reflog, และ fixup workflow
อ่านเพิ่ม →Git Branching Workflow — Feature Branch, Trunk-Based, GitFlow
เปรียบเทียบ branching strategy แต่ละแบบ เมื่อไหรควรใช้อะไร พร้อม command ที่ใช้บ่อย
อ่านเพิ่ม →GitHub Actions Advanced — Matrix, Cache, Reusable Workflows
GitHub Actions ขั้นสูง: matrix builds, dependency caching, reusable workflows, environment secrets, และ workflow triggers
อ่านเพิ่ม →GitHub Actions สำหรับ Static Site — CI/CD อัตโนมัติ
ตั้งค่า GitHub Actions workflow สำหรับ static site ให้รัน build check อัตโนมัติทุก push และ deploy ไปยัง Railway หรือ GitHub Pages เมื่อ merge เข้า main
อ่านเพิ่ม →GSAP Animation Guide — คู่มือ Animation ที่ทุก Frontend ควรรู้
GSAP คืออะไร ทำงานยังไง และวิธีใช้งานจริงในโปรเจกต์ — ตั้งแต่ gsap.to() พื้นฐานไปถึง ScrollTrigger และ Timeline
อ่านเพิ่ม →HTML Forms & Native Validation
Native HTML5 form validation, Constraint Validation API, custom error messages, และ patterns สำหรับ accessible forms
อ่านเพิ่ม →HTML Semantic Elements — เขียน HTML ให้มีความหมาย
รวม HTML5 semantic elements ที่ควรรู้ทั้งหมด ว่าควรใช้ element ไหนในสถานการณ์ใด ทำไมถึงสำคัญต่อ accessibility และ SEO และความสัมพันธ์กับ ARIA
อ่านเพิ่ม →HTTP Caching — Cache-Control, ETag, Stale-While-Revalidate
ทำความเข้าใจ HTTP caching headers ที่ถูกต้อง ลด server load และเร็วขึ้นสำหรับผู้ใช้กลับมา
อ่านเพิ่ม →Browser Storage — localStorage, sessionStorage, IndexedDB
เปรียบเทียบและใช้งาน browser storage: localStorage สำหรับ simple KV, IndexedDB สำหรับ structured data ขนาดใหญ่
อ่านเพิ่ม →Intersection Observer API — Lazy Load, Scroll Animations, Infinite Scroll
ใช้ IntersectionObserver ตรวจว่า element เข้า/ออก viewport โดยไม่ต้องใช้ scroll event
อ่านเพิ่ม →JavaScript Array Methods ที่ใช้บ่อยใน Frontend
รวม array methods สำคัญใน JavaScript/TypeScript ที่ใช้จริงในการ transform, filter, และ reduce data ก่อน render ใน Astro/React
อ่านเพิ่ม →JavaScript Closures และ Scope — เข้าใจจริง ไม่ใช่แค่ท่อง
Scope chain, lexical environment, closures ทำงานยังไง, และ use cases จริงที่เจอบ่อย
อ่านเพิ่ม →JavaScript Date & Intl API — จัดการวันที่และการแสดงผลหลายภาษา
วิธีใช้ Date object, Intl.DateTimeFormat, Intl.NumberFormat, Intl.RelativeTimeFormat และ Temporal API สำหรับจัดการวันที่ใน JavaScript โดยไม่ต้องใช้ library
อ่านเพิ่ม →JavaScript Design Patterns
Design patterns ที่ใช้บ่อยใน JavaScript/TypeScript: Singleton, Observer, Factory, Strategy, Command, และ Module pattern
อ่านเพิ่ม →JavaScript Error Handling — try/catch, Custom Errors, Result Pattern
Patterns สำหรับจัดการ errors ใน JavaScript/TypeScript: custom error classes, error chaining, Result type, async error handling
อ่านเพิ่ม →JavaScript Generators และ Iterators — Lazy Sequences
function*, yield, iterators protocol และ use cases จริง: infinite sequences, async generators, pipeline
อ่านเพิ่ม →JavaScript Modern APIs (2023–2025)
APIs ใหม่ที่ใช้ได้ใน modern browsers และ Node.js: Object.groupBy, Array methods ใหม่, structuredClone, Promise.withResolvers, และอื่นๆ
อ่านเพิ่ม →JavaScript Modules (ESM) — Import/Export ที่ควรรู้
เข้าใจ ES Modules, named exports, default exports, dynamic import(), re-exports และการใช้ร่วมกับ TypeScript และ Astro
อ่านเพิ่ม →JavaScript Promises & Async/Await — จัดการ Asynchronous อย่างถูกต้อง
อธิบาย Promise chain, async/await, error handling, Promise.all/race/allSettled และ pitfalls ที่พบบ่อยเมื่อเขียน async JavaScript ใน TypeScript
อ่านเพิ่ม →JavaScript Proxy & Reflect
Proxy ดักจับ operations บน object (get, set, delete) และ Reflect ให้ default behavior — ใช้สร้าง reactive data, validation, lazy loading
อ่านเพิ่ม →Node.js CLI Tools — commander, inquirer, chalk, ora
สร้าง CLI tool ด้วย Node.js: parse args ด้วย commander, prompts ด้วย inquirer, colors ด้วย chalk, spinner ด้วย ora
อ่านเพิ่ม →Node.js File System — fs/promises, path, Common Patterns
อ่าน เขียน คัดลอก ลบไฟล์และ directory ด้วย fs/promises และ path module — patterns ที่ใช้บ่อยใน scripts
อ่านเพิ่ม →Node.js Streams — Readable, Writable, Transform, Pipeline
จัดการข้อมูลปริมาณมากด้วย Node.js Streams: pipe, pipeline, Transform streams, backpressure, และ async iteration
อ่านเพิ่ม →npm Scripts — Task Automation โดยไม่ต้องใช้ Gulp หรือ Makefile
ใช้ npm scripts ใน package.json เป็น task runner สำหรับ build, dev, lint, format, test และ deploy — ไม่ต้องติดตั้ง tool เพิ่ม เพราะ npm มีให้ทุก project อยู่แล้ว
อ่านเพิ่ม →npm Workspaces & Monorepo Basics
จัดการ multiple packages ใน repo เดียวด้วย npm workspaces — shared dependencies, cross-package scripts, และ monorepo patterns
อ่านเพิ่ม →package.json Modern Fields — exports, type, engines
Fields สำคัญใน package.json สำหรับ modern npm packages: exports map, type: module, engines, files, และ npm publish workflow
อ่านเพิ่ม →Playwright E2E Testing — Browser Automation for Modern Web
ทดสอบ UI แบบ end-to-end ด้วย Playwright: เขียน tests, locators, page objects, API mocking, CI integration
อ่านเพิ่ม →Prompt Engineering — Patterns ที่ใช้จริง
เทคนิค prompt engineering ที่ใช้กับ Claude และ LLM ทั่วไป: zero-shot, few-shot, chain-of-thought, system prompts, structured output และ prompt injection
อ่านเพิ่ม →Progressive Web App (PWA) — Manifest, Service Worker, Offline
สร้าง PWA ตั้งแต่ web app manifest ถึง service worker caching strategy และ install prompt
อ่านเพิ่ม →Regular Expressions ใน JavaScript — Pattern Matching ที่ใช้ได้จริง
Regex patterns ที่ใช้บ่อยใน JavaScript และ TypeScript รวม flags, character classes, groups, lookahead/lookbehind และ use cases จริงสำหรับ validation และ parsing
อ่านเพิ่ม →TypeScript Conditional Types — infer, Mapped Types, Template Literal Types
เทคนิค TypeScript ระดับสูง: conditional types, infer keyword, mapped types modifiers, template literal types
อ่านเพิ่ม →TypeScript Configuration — tsconfig.json Guide
เข้าใจ tsconfig.json ทุก option ที่สำคัญ: strict mode, paths, module resolution, target, lib — ตั้งค่าให้ถูกสำหรับแต่ละ project
อ่านเพิ่ม →TypeScript Generics — เขียน Code ที่ flexible และ type-safe
เข้าใจ TypeScript generics ตั้งแต่พื้นฐานจนถึง advanced — generic functions, constraints, conditional types, infer keyword และ utility types ที่สร้างเอง
อ่านเพิ่ม →TypeScript Module Augmentation & Declaration Merging
เพิ่ม types ให้ third-party modules, extend interface ที่มีอยู่, และสร้าง .d.ts files สำหรับ JavaScript libraries
อ่านเพิ่ม →TypeScript Type Narrowing — จัดการ Union Types อย่างปลอดภัย
เทคนิค TypeScript type narrowing ที่ช่วยให้ compiler รู้ type ที่แน่นอน ณ จุดนั้น ครอบคลุม typeof, instanceof, in, discriminated unions และ type guards
อ่านเพิ่ม →TypeScript satisfies & const Assertions
satisfies operator (TS 4.9) และ as const ช่วย infer types ที่แคบลงโดยไม่ต้อง annotate — ทำให้โค้ดปลอดภัยขึ้นโดยไม่เสีย flexibility
อ่านเพิ่ม →Vite Config Guide — Plugins, Alias, Build Options
vite.config.ts ตั้งแต่ alias, resolve, plugins จนถึง build optimization และ dev server options
อ่านเพิ่ม →Vitest — Unit Testing สำหรับ TypeScript และ Vite Projects
Vitest คือ test runner ที่เร็วที่สุดสำหรับ Vite-based projects — setup วิธีเขียน test และ pattern ที่ใช้จริง
อ่านเพิ่ม →VS Code Setup สำหรับ Astro + TypeScript
การตั้งค่า VS Code ที่ทำให้การเขียน Astro + TypeScript smooth ที่สุด — extensions, settings.json, snippets, และ debug config
อ่านเพิ่ม →Web Components & Custom Elements
สร้าง reusable components ด้วย browser APIs โดยตรง: Custom Elements, Shadow DOM, HTML Templates — ไม่ต้องการ framework
อ่านเพิ่ม →Web Fonts Optimization — โหลด Font เร็วโดยไม่กระทบ UX
วิธี optimize font loading ให้ไม่เกิด FOUT/FOIT, ใช้ font-display อย่างถูกต้อง, preconnect, self-host fonts, variable fonts และ system font stack
อ่านเพิ่ม →Web Performance Checklist — ตรวจสอบก่อน Ship
Checklist สำหรับ frontend performance ที่ครอบคลุม Core Web Vitals, images, fonts, JavaScript, และ network — ใช้ก่อน deploy ทุกครั้ง
อ่านเพิ่ม →HTTP Security Headers — ป้องกันเว็บด้วย Headers
รายการ HTTP security headers ที่ควรตั้งค่าสำหรับเว็บใดก็ตาม ครอบคลุม CSP, HSTS, X-Frame-Options, Permissions-Policy และวิธีตั้งค่าใน Astro + Railway
อ่านเพิ่ม →Zsh/Bash Shell Scripting — Automation ใน Terminal
เขียน shell scripts สำหรับ automate งาน: variables, conditions, loops, functions, error handling, และ common patterns
อ่านเพิ่ม →SEO Meta Tags — คู่มือครบสำหรับ Static Site
รวม meta tags ที่จำเป็น ตั้งแต่ title, description, Open Graph, Twitter Card ไปจนถึง JSON-LD structured data สำหรับ static site
อ่านเพิ่ม →Responsive Design Patterns — CSS ที่ใช้จริงบน Static Site
Pattern สำหรับ responsive layout บน CSS ล้วนๆ ที่ใช้ได้จริง ครอบคลุม fluid typography, container queries, intrinsic grid และ mobile-first approach
อ่านเพิ่ม →HTMX — HTML Attributes แทน JavaScript สำหรับ Dynamic UI
คู่มือ HTMX — ทำ AJAX, WebSocket และ SSE ด้วย HTML attributes โดยไม่เขียน JavaScript
อ่านเพิ่ม →Linux Terminal Tips สำหรับ Web Developer
รวม command และ pattern ที่ใช้บ่อยใน terminal — file management, git shortcuts, process, และ productivity tips สำหรับ dev workflow
อ่านเพิ่ม →Turborepo — Monorepo Build System ที่เร็วด้วย Cache
คู่มือ Turborepo สำหรับจัดการ monorepo — task pipeline, remote caching และการตั้งค่า workspace กับ pnpm
อ่านเพิ่ม →Cloudflare Workers — Serverless บน Edge Network
คู่มือ Cloudflare Workers — เขียน serverless function ที่รันบน 300+ edge locations พร้อม KV, D1, R2 storage
อ่านเพิ่ม →OpenAI API — Text Generation, Vision และ Embeddings
คู่มือใช้ OpenAI API กับ Node.js/TypeScript — chat completions, streaming, vision และ embeddings
อ่านเพิ่ม →Web Accessibility Checklist — สิ่งที่ต้องทำก่อน Deploy
รายการตรวจสอบ accessibility สำหรับ static site ครอบคลุม keyboard navigation, ARIA, color contrast และ screen reader
อ่านเพิ่ม →Astro SSR — output server/hybrid mode
คู่มือ Astro SSR mode — เปิด server rendering, adapters (Node.js, Cloudflare, Vercel), และ hybrid (บาง page static บาง page server)
อ่านเพิ่ม →Bun Runtime — JavaScript runtime ที่เร็วกว่า Node
คู่มือ Bun — runtime ที่รวม bundler, test runner และ package manager ไว้ด้วยกัน ใช้แทน Node + npm ได้เลย
อ่านเพิ่ม →Excalidraw — วาด diagram แบบ hand-drawn สำหรับ developer
Excalidraw คือ whiteboard tool แบบ open-source ที่วาด diagram ออกมาดูเหมือนวาดมือ เหมาะสำหรับ brainstorm, system design และอธิบาย architecture
อ่านเพิ่ม →Conventional Commits — เขียน Git Message อย่างเป็นระบบ
มาตรฐาน Conventional Commits ที่ทำให้ git log อ่านง่าย ทำ changelog อัตโนมัติได้ และเชื่อมกับ semantic versioning
อ่านเพิ่ม →Astro Content Collections — คู่มือฉบับใช้งานจริง
คู่มือการใช้ Content Collections ใน Astro 6 สำหรับจัดการเนื้อหาแบบ type-safe ด้วย Zod schema พร้อม patterns ที่ใช้บ่อยในโปรเจคจริง
อ่านเพิ่ม →CSS Custom Properties — Pattern สำหรับ Theming และ Dark Mode
วิธีใช้ CSS custom properties (variables) อย่างเป็นระบบ สำหรับ theming, dark mode, และ design tokens บน static site
อ่านเพิ่ม →Drizzle ORM — Type-safe SQL ที่ไม่ซ่อน SQL จากคุณ
คู่มือ Drizzle ORM สำหรับ TypeScript — schema definition, query builder, migration และใช้กับ SQLite, PostgreSQL
อ่านเพิ่ม →Turso & LibSQL — SQLite บน Edge
คู่มือใช้ Turso (LibSQL) สำหรับ edge database — เชื่อมต่อจาก Node.js, Cloudflare Workers และ Astro
อ่านเพิ่ม →Web Storage — localStorage, sessionStorage และ IndexedDB
เปรียบเทียบ storage options ใน browser — localStorage, sessionStorage, IndexedDB และเมื่อไหร่ควรใช้อะไร
อ่านเพิ่ม →Astro View Transitions — เปลี่ยนหน้าแบบ Smooth ด้วย ClientRouter
วิธีใช้ View Transitions API ใน Astro ผ่าน ClientRouter, transition:name สำหรับ shared elements, และการ handle events ที่ถูกต้อง
อ่านเพิ่ม →Zod — Schema Validation ที่ TypeScript รัก
Zod คือ library สำหรับ validate ข้อมูลแบบ type-safe ซึ่ง Astro Content Collections ใช้ภายใต้ฝาครอบ รู้จัก Zod ให้ดีคือรู้จัก schema ของ content collection ให้ดีขึ้น
อ่านเพิ่ม →Service Workers — Cache Strategy สำหรับ Static Site
คู่มือ Service Worker สำหรับ offline caching, stale-while-revalidate และ cache management บน static site
อ่านเพิ่ม →Pagefind — Full-text Search สำหรับ Static Site
Pagefind คือ library สำหรับเพิ่มระบบค้นหาให้กับ static site โดยไม่ต้องมี server หรือ external API ทำงานได้หลัง build เลย
อ่านเพิ่ม →Tailwind CSS v4 — สิ่งที่เปลี่ยนไปและสิ่งที่ต้องรู้
สรุป Tailwind CSS v4 — CSS-first config, เลิก tailwind.config.js, @theme directive และ performance ที่ดีขึ้น
อ่านเพิ่ม →สร้าง RSS Feed กับ Astro — @astrojs/rss
วิธีตั้งค่า RSS feed สำหรับ Astro static site ด้วย @astrojs/rss รองรับ Content Collections และ custom channel metadata
อ่านเพิ่ม →TypeScript Utility Types ที่ใช้บ่อย
รวม Utility Types ใน TypeScript ที่ช่วยลดการเขียน type ซ้ำซ้อน พร้อมตัวอย่างการใช้งานจริง
อ่านเพิ่ม →SQLite สำหรับ Web Developer — ใช้ได้ทั้ง local และ edge
คู่มือใช้ SQLite ใน Node.js, Cloudflare Workers (D1) และ LibSQL — database ที่ไม่ต้องการ server
อ่านเพิ่ม →Content Security Policy (CSP) — ป้องกัน XSS ด้วย HTTP Header
คู่มือตั้งค่า CSP header เพื่อป้องกัน Cross-Site Scripting (XSS) และ injection attacks บน static site
อ่านเพิ่ม →SVG Sprites & Icon System — icon ที่ maintain ง่ายและ accessible
วิธีสร้าง icon system ด้วย SVG sprite (symbol + use) และแนวทางทำ accessible icons ที่ถูกต้อง
อ่านเพิ่ม →Accessibility Testing Tools — ตรวจ a11y อย่างมีระบบ
รวม tools สำหรับ test web accessibility ตั้งแต่ automated scan ถึง manual testing ด้วย screen reader
อ่านเพิ่ม →Astro Image Optimization — ใช้ astro:assets ให้ถูกต้อง
คู่มือใช้ <Image /> component และ getImage() ใน Astro สำหรับ WebP, lazy loading และ responsive images ที่ optimize แล้ว
อ่านเพิ่ม →CSS Print Styles — ทำ @media print ให้ดูดีจริง
เทคนิค print stylesheet สำหรับหน้า CV, report และ document ที่พิมพ์หรือบันทึกเป็น PDF ได้อย่างถูกต้อง
อ่านเพิ่ม →pnpm — Package Manager ที่เร็วและประหยัด Disk
คู่มือใช้ pnpm แทน npm/yarn — content-addressable store, strict isolation และ workspace สำหรับ monorepo
อ่านเพิ่ม →GitHub CLI (gh) — จัดการ GitHub จาก Terminal ได้เลย
คู่มือใช้ gh CLI สำหรับ PR, Issues, Actions และ workflow automation โดยไม่ต้องเปิด browser
อ่านเพิ่ม →Core Web Vitals — ทำ Static Site ให้ได้คะแนนสูง
แนวทางปรับ LCP, CLS, INP สำหรับ static site บน Astro ที่ทำได้จริงโดยไม่ต้องจ้างผู้เชี่ยวชาญ
อ่านเพิ่ม →Git Worktree — ทำงานหลาย Branch พร้อมกันโดยไม่ต้อง stash
git worktree ให้ checkout หลาย branch ออกมาเป็น folder แยกกันได้พร้อมกัน แก้ปัญหา "ต้องรีบ hotfix แต่ feature branch ยังไม่เสร็จ" อย่างถาวร
อ่านเพิ่ม →CSS Grid — Cheatsheet ฉบับใช้งานจริง
รวม CSS Grid properties ที่ใช้บ่อย พร้อม pattern สำเร็จรูปสำหรับ layout ยอดนิยม เปิดดูได้เลยโดยไม่ต้องค้น MDN ทุกครั้ง
อ่านเพิ่ม →ไม่พบ resource สำหรับ filter นี้