نسخه جدید Tailwind CSS منتشر شد! 📣🚀
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.

تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.

🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.

📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.

📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.

🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.

اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:

https://laravel-news.com/tailwindcss-4-2-0

@codehalics

📝 ali baghernia

و حالا داکر در ۶۰ ثانیه

#فان

@codehalics

یه رود مپ خیلی خوب برای کسایی که میخوان تو مباحث فرانت عمیق بشن کانسپت های پایینه که بهتون دید خیلی خوبی توی فرانت میده و سعی کنین بلدش باشین تو مصاحبه ها ممکنه ازش سوال پرسیده بشه
Hydration
Partial hydration
Islands architecture
Streaming SSR
Concurrent rendering
Time slicing
Reconciliation algorithm
Fiber architecture
Virtual DOM diffing complexity
Structural sharing
Immutable data patterns
Referential equality
Memoization pitfalls
Stale closure problem
Event loop (macro vs microtasks)
Task starvation
Layout thrashing
Critical rendering path
Render blocking resources
Tree shaking internals
Code splitting strategies
Dynamic import chunking
Module federation
Shadow DOM
Custom Elements lifecycle
Web Components interoperability
Web Workers vs Service Workers
SharedArrayBuffer
Transferable objects
OffscreenCanvas
WebAssembly integration
Browser compositing layers
Paint vs composite vs layout
GPU acceleration in CSS
CSS containment
Subpixel rendering
IntersectionObserver internals
ResizeObserver loop limits
MutationObserver cost
IndexedDB
Service Worker lifecycle traps
Cache invalidation strategies
Stale-while-revalidate
ETag vs Cache-Control
HTTP/3 and QUIC
Priority hints
Preload vs Prefetch vs Preconnect
CORS preflight
SameSite cookie modes
CSRF vs XSS mitigation
Content Security Policy (CSP)
Trusted Types
DOM clobbering
Prototype pollution
Race conditions in UI state
Tearing in concurrent UI
Scheduler priorities
Render waterfalls
Suspense boundaries
Selective hydration
Server components
Edge rendering
Micro-frontend orchestration
Finite state modeling
Event sourcing in frontend
Optimistic UI rollback strategy
Offline conflict resolution
CRDT basics for collaboration
WebRTC
Backpressure in streams API
AbortController
Streaming fetch response handling
Browser memory leak detection
Detached DOM nodes
Garbage collection timing
PerformanceObserver API
Long tasks API
First Input Delay (FID)
Interaction to Next Paint (INP)
Cumulative Layout Shift (CLS)
Largest Contentful Paint (LCP)
Speculative prerendering
Priority inversion in async code
Deterministic rendering
Idempotent UI actions
Accessibility tree
ARIA live regions internals
Pointer events

@codehalics

🚀 آپدیت دوره مقدماتی فرانت‌اند | فصل CSS تکمیل شد

فصل آموزش Measurement در CSS به دوره اضافه شد و حالا می‌تونید واحدهای اندازه‌گیری رو کاملاً اصولی و کاربردی یاد بگیرید 👇

🔹 قسمت ۳۶: تفاوت واحدهای Absolute و Relative (px، em، rem) – ۱۰ دقیقه
🔹 قسمت ۳۷: بررسی تخصصی px، em و rem + طراحی مقیاس‌پذیر – ۱۸ دقیقه
🔹 قسمت ۳۸: مقایسه کامل lvh، svh، dvh، vh و vw + نکات حرفه‌ای ریسپانسیو موبایل

اگر می‌خواید چیدمان‌های دقیق، استاندارد و حرفه‌ای طراحی کنید، این فصل رو از دست ندید 💪🔥

🎯 مناسب برای کسایی که می‌خوان CSS رو عمیق و اصولی یاد بگیرن.

https://codehalic.ir/courses/frontend-codecamp-beginners

@codehalics