فرانت‌اند
- الکتروبان ۲.۰: اپ دسکتاپ در حد یک مگابایت
الکتروبان ۲.۰ منتشر شد؛ فریم‌ورکی برای اپ دسکتاپ که یه hello world روش حدود ۱.۲۸ مگابایت درمیاد و پروسهٔ اصلیش رو به جای TypeScript می‌تونی با Zig یا Rust یا Go هم بنویسی.
۴ هفته پیش۳ دقیقهblackboard.sh - Univer؛ آفیس رو داخل محصول خودت بساز
یه SDK متن‌باز که اسپردشیت، داکیومنت و ارائه رو مستقیم می‌بره داخل محصول خودت؛ حتی می‌تونی بدون هیچ رابط کاربری روی Node.js اجراش کنی.
۴ هفته پیش۳ دقیقهgithub.com - دیزاین سیستم یعنی مجموعه‌ای از تصمیم‌ها
نویسندهٔ Southleft می‌گه evalها می‌تونن چک کنن که ایجنت تصمیم‌های دیزاین سیستم رو رعایت کرده یا نه، ولی وقتی ازشون بخوای تصمیم بعدی رو خودشون بگیرن، دیگه خیلی به‌دردبخور نیستن.
۴ هفته پیش۳ دقیقهsouthleft.substack.com - کروم ۱۵۴: آی‌فریم خودش به قد محتواش درمیاد
تا حالا برای قد دادن به آی‌فریم مجبور بودی اسکریپت بنویسی. کروم ۱۵۴ یه پراپرتی CSS اضافه کرده که آی‌فریم خودش اندازهٔ محتواش می‌شه، فقط با دو خط کد از دو طرف.
۴ هفته پیش۲ دقیقهbram.us - فرانت‌اند رو مثل یه سیستم داده ببین
نویسنده با مثال یه اتاق تماشای مشترک نشون می‌ده اگه برای هر داده مالک و مشتق‌ها و مرز همگام‌سازیش رو مشخص کنی، بیشتر سردردهای state تو ری‌اکت خودشون حل می‌شن.
۴ هفته پیش۴ دقیقهtj-zhang.com - ایجنت‌ها نردبون انتزاع رو برعکس کردن
رابین ویروک سه تا چارت سفارشی رو هم با پریمیتیوهای D3 ساخت هم با Recharts. نسخهٔ سطح‌پایین دقیق‌تر درومد و کمتر گیر داد، و به نظرش این یعنی معادلهٔ کتابخونه‌ها عوض شده.
۴ هفته پیش۳ دقیقهrobinwieruch.de - عکس تار قبل از عکس اصلی، این بار بدون کد
مایکروسافت پیشنهاد داده یه اتربیوت جدید به تگ img اضافه بشه تا خود مرورگر پیش‌نمایش تار عکس رو نشون بده و دیگه لازم نباشه هر فریم‌ورک این کارو دستی پیاده کنه.
۴ هفته پیش۳ دقیقهpatrickbrosset.com - semfont: تایپوگرافی که معنی متن رو می‌فهمه
یه کتابخونه‌ی کوچیک جاوااسکریپت که به هر کلمه چهار نمره می‌ده و بر اساسش رنگ، ضخامت، هایلایت و ایتالیک رو خودکار اعمال می‌کنه تا متن‌های طولانی زودتر خونده بشن.
۴ هفته پیش۳ دقیقهrohanadwankar.github.io - کروم ۱۵۴: آی‌فریمی که قد محتواش می‌شه
یه خاصیت جدید CSS به اسم frame-sizing اجازه می‌ده ارتفاع آی‌فریم از روی محتوای داخلش تعیین بشه، بدون اینکه لازم باشه سایز رو با postMessage رد و بدل کنی.
۴ هفته پیش۳ دقیقهdeveloper.chrome.com - ماژول Shopify برای Nuxt
ماژول @nuxtjs/shopify سه API شاپیفای رو با کلاینت‌های تایپ‌شده به Nuxt وصل می‌کنه و تایپ‌ها رو مستقیم از کوئری‌های GraphQL می‌سازه.
۴ هفته پیش۳ دقیقهgithub.com - NeonBlade UI: کامپوننت‌های ری‌اکتی با حال‌وهوای سایبرپانک
یه کتابخونهٔ کامپوننت ری‌اکت اوپن‌سورس که با لبه‌های تیز و درخشش نئونی ظاهر آینده‌نگر به رابط‌ت می‌ده و برای استایل کامل روی Tailwind CSS سواره.
۴ هفته پیش۲ دقیقهneonbladeui.neuronrush.com - قالب آمادهٔ ساخت پلاگین Vue 3
تیم Monterail یه تمپلیت گیت‌هابی منتشر کرده که ساختار پلاگین Vue 3، پلی‌گراند محلی، تست و پایپ‌لاین انتشار رو از قبل چیده.
۴ هفته پیش۲ دقیقهgithub.com - انیمیشن‌های scroll-triggered توی CSS اومدن
سید استامپل که کارش انیمیشن CSS ـه، تازه فهمیده animation-trigger توی مرورگرهای Chromium فعال شده؛ ویژگی‌ای که هنوز حتی روی MDN هم مستند نشده.
۴ هفته پیش۳ دقیقهcydstumpel.nl - ۱۲ قابلیت CSS که ابزارها رو بازنشسته کردن
نستینگ، ریاضیِ رنگ، سلکتور والد و برگردوندن کل استایل برای زبان راست‌به‌چپ؛ کارهایی که سال‌ها با Sass و جاوااسکریپت و PostCSS می‌کردیم، حالا خود مرورگر انجام می‌ده. با یه استثنا.
۴ هفته پیش۴ دقیقهflaviocopes.com - چطور claude.ai تو دو هفته سه برابر سریع‌تر شد
تیم آنتروپیک تو یه اسپرینت دوهفته‌ای مسیرهای اصلی سایت و اپ دسکتاپش رو حدود سه برابر سریع کرد؛ درس اصلیشون این بود که هر چیزی رو بشه شمرد، می‌شه بهترش کرد.
۴ هفته پیش۳ دقیقهclaude.dev - Octane یا Solid 2؟ مقایسه یه توسعه‌دهنده React
یه توسعه‌دهنده React دو تا رندرر تازه رو با ۹ معیار مقایسه کرده: یکی نوشتن کامپوننت رو خیلی راحت می‌کنه، اون یکی وقتی اپ بزرگ می‌شه جلو می‌زنه.
۴ هفته پیش۳ دقیقهgist.github.com - هوش مصنوعی سایت رو می‌سازه، ولی خوب؟
زک لدرمن می‌گه ابزارهای هوش مصنوعی حجم نرم‌افزار رو زیاد کردن، ولی تجربه کاربر رو لزوماً بهتر نکردن؛ چیزی که هنوز فرق می‌ذاره، اهمیت دادن به خروجیه.
۴ هفته پیش۲ دقیقهzachleat.com - چک‌باکس سفارشی، تا وقتی ::checkmark برسه
اندی بل می‌گه شبه‌المان ::checkmark هنوز تو هیچ مرورگری در دست ساخت نیست، برای همین یه الگوی ساده با HTML و CSS نشون می‌ده که ظاهر چک‌باکس رو عوض می‌کنه ولی دسترس‌پذیریشو خراب نمی‌کنه.
۴ هفته پیش۳ دقیقهpiccalil.li - ۱۹ و نیم نکته دسترس‌پذیری که احتمالاً نمی‌دونستی
منوئل ماتوزوویچ توی StripeCon Europe سراغ نکته‌های کمترشناخته‌شده HTML و CSS رفته: از باگ VoiceOver با SVG داخل دکمه تا ویژگی‌های تازه‌ای مثل focusgroup و headingoffset.
۴ هفته پیش۳ دقیقهnoti.st - به‌جای کم کردن کیفیت، دامنه رو کم کن
کارل کوک که داره تیم design engineering رو تو DuckDuckGo می‌سازه، می‌گه تخمین‌ها فقط لیست قابلیت‌ها رو می‌بینن و حالت انتظار و خطا رو جا می‌ندازن.
