فرمیش یه کتابخانه headless و schema-based برای مدیریت فرم‌هاست که با فریم‌ورک‌های محبوب جاوااسکریپت مثل React، Vue، SolidJS، Svelte، Qwik و Preact کار می‌کنه. اعتبارسنجی مبتنی بر Valibot داره، تایپ‌سیف کامله و سایز باندلش از ۲.۵ کیلوبایت شروع می‌شه. آپدیت‌های DOM به صورت دقیق و fine-grained انجام می‌شن که سرعت رو بالا می‌بره. هسته اصلیش framework-agnostic ِه و بلوک‌های reactivity مخصوص هر فریم‌ورک رو در زمان بیلد تزریق می‌کنه.

۱۶ هفته پیشgithub.com

باگهرد یه ابزار بصری برای جمع‌آوری فیدبک روی وب‌سایته که کار مشتری‌ها رو خیلی ساده می‌کنه. مشتری فقط روی هر قسمت از سایت کلیک می‌کنه، کامنتش رو می‌ذاره و باگهرد به‌صورت خودکار اسکرین‌شات، مشخصات مرورگر، سایز صفحه و اطلاعات دستگاه رو ضبط می‌کنه. هر فیدبک تبدیل به یه تسک قابل‌پیگیری روی یه بورد کانبان می‌شه و با ابزارهایی مثل Jira، Asana، Slack و GitHub هم ادغام می‌شه. مشتری‌ها اصلاً نیازی به ساخت اکانت ندارن و همه‌چیز خیلی سریع شروع می‌شه.

۱۶ هفته پیشpartners.bugherd.com

Crashcat یه موتور فیزیک خالص جاوااسکریپت‌ه که برای بازی‌سازی، شبیه‌سازی و وب‌سایت‌های خلاقانه طراحی شده. از rigid body و تشخیص برخورد پیوسته (CCD) گرفته تا قیدها، فنرها و موتورها، همه چیز رو پوشش می‌ده. با هر موتور گرافیکی مثل Three.js، Babylon.js یا PlayCanvas کار می‌کنه و به‌خاطر طراحی tree-shakeable، فقط چیزی که استفاده می‌کنی رو توی بسته نهایی داری.

۱۶ هفته پیشgithub.com

A2UI یه پروژه‌ی اوپن‌سورس هست که به ایجنت‌های هوش مصنوعی اجازه می‌ده رابط‌های کاربری غنی و تعاملی بسازن. ایده‌ی اصلیش اینه که ایجنت یه JSON توصیفی می‌فرسته و کلاینت اون رو با کامپوننت‌های بومی خودش رندر می‌کنه. اینطوری نه کد مستقیمی اجرا می‌شه و نه خطر امنیتی وجود داره. این فرمت با فریم‌ورک‌هایی مثل Flutter، Angular، React و Lit کار می‌کنه و در نسخه‌ی پیش‌نمایش عمومی v0.8 قرار داره.

۱۶ هفته پیشgithub.com

CSS یه سلکتور رسمی به اسم ::nth-letter نداره، ولی این به این معنی نیست که نمی‌شه همون کار رو کرد! لی مایر توی این مقاله نشون می‌ده چطور می‌شه با ترفندهایی که همین الان توی مرورگرها کار می‌کنن، به حروف تکی یه متن استایل داد. این قابلیت برای طراحی‌های تایپوگرافی خلاقانه و افکت‌های متنی جذاب خیلی به درد می‌خوره. در واقع می‌شه کاری کرد که انگار ::nth-letter وجود داره، حتی بدون اینکه مرورگر از اون پشتیبانی کنه.

۱۶ هفته پیشcss-tricks.com

کنت سی. دادز، مدرس شناخته‌شده‌ی توسعه وب، می‌گه که هوش مصنوعی داره آروم‌آروم کارهای پیاده‌سازی نرم‌افزار رو می‌بلعه. اما یه چیز هست که تا آخرین لحظه ارزشش می‌مونه: قضاوت. نه اینکه «چی بسازیم»، بلکه اینکه «چی باید ساخته بشه». این همون چیزیه که به نظرش مهندسی محصول (Product Engineering) رو از مهندسی نرم‌افزار سنتی جدا می‌کنه. وقتی هزینه‌ی پیاده‌سازی کاهش پیدا می‌کنه، انتخاب هدف درست اهمیت بیشتری پیدا می‌کنه، نه کمتر.

۱۶ هفته پیشepicproduct.engineer

نسخه ۲.۵ فریم‌ورک AnalogJS با یه سری قابلیت جذاب اومد. مهم‌ترینشون پشتیبانی بومی از i18n در زمان اجرا (runtime) هست که با یه بیلد واحد می‌تونه چند زبان رو سرویس بده. علاوه بر اون، یه حالت کامپایل سریع‌تر با کمک OXC اضافه شده که سرعت HMR و cold start رو به طرز محسوسی بالا می‌بره. مدیریت محتوای تودرتو هم بهتر شده و یه راهنمای جدید برای ادغام با ابزارهای هوش مصنوعی هم به مستندات اضافه شده.

۱۶ هفته پیشdev.to

React Server Components یا RSC یکی از بحث‌برانگیزترین ویژگی‌های اخیر ری‌اکت بوده که خیلی‌ها فکر می‌کنن صرفاً یه مکانیزم سریالایزیشن داده‌ست. Daishi Kato در این مقاله نگاه دقیق‌تری به RSC انداخته و نشون می‌ده که این تفسیر ساده‌انگارانه‌ست. RSC یه مدل ترکیبی کامل‌تره که مرز بین سرور و کلاینت رو در رندرینگ کامپوننت‌ها بازتعریف می‌کنه. فهمیدن درست RSC به توسعه‌دهنده‌ها کمک می‌کنه تصمیم‌های بهتری در معماری اپ‌های ری‌اکتی بگیرن.

۱۶ هفته پیشnewsletter.daishikato.com

pracht یه فریم‌ورک مبتنی بر Preact هست که روتینگ رو به جای قراردادهای فایل‌سیستمی، مستقیم توی کد تعریف می‌کنه. هر روت می‌تونه حالت رندر خودش رو داشته باشه؛ از SSG و SSR گرفته تا ISG و SPA. این فریم‌ورک با Vite کار می‌کنه و آداپتورهای آماده برای Cloudflare Workers، Vercel و Node.js داره. لودرهای داده هم همیشه سمت سرور اجرا می‌شن و هیچ اطلاعات حساسی به کلاینت نمی‌رسه.

۱۶ هفته پیشpracht.resynapse.dev

@pierre/trees یه کتابخونه متن‌باز برای نمایش درخت فایله که توسط The Pierre Computer Company ساخته شده. این ابزار روی پرفورمنس و انعطاف‌پذیری تمرکز داره و گزینه‌های سفارشی‌سازی زیادی از طریق CSS Variables در اختیارت می‌ذاره. می‌تونی رنگ، فونت، چگالی، آیکون فایل‌ها و حتی رنگ‌های وضعیت Git رو تنظیم کنی. الان در نسخه بتا منتشر شده و نصبش با Bun خیلی ساده‌ست.

۱۶ هفته پیشtrees.software

اپ‌های Simply (Piano، Guitar، Sing، Draw) یه فریم‌ورک مشترک دارن که کاربر رو قبل از دیدن صفحه پرداخت کاملاً درگیر می‌کنه. اونا با نمایش زنده تکنولوژی‌شون، مثل تشخیص نت یا تحلیل صدا، تردید کاربر رو از بین می‌برن. طراحی فانل اونا به شکلیه که کاربر قبل از پرداخت، احساس می‌کنه پیشرفت واقعی داشته. جالب‌تر اینه که فانل وبشون با فانل اپشون فرق داره و در وب به فروش و ایجاد اعتماد بیشتر تکیه می‌کنن.

تیم Nielsen Norman Group با مطالعه رفتار کاربران واقعی در تعامل با چت‌بات‌های هوش مصنوعی سایت‌های مختلف، ۱۰ اصل کاربردی برای طراحی بهتر این ابزارها ارائه داده. بر اساس این تحقیق، تصمیم‌های کوچک در طراحی تأثیر بزرگی دارن — از اینکه چت‌بات چطور خودش رو معرفی می‌کنه گرفته تا اینکه آیا بین صفحات سایت دنبال کاربر می‌ره یا نه. مشکلاتی مثل داشتن چند چت‌بات موازی، پیام‌های خوش‌آمدگویی مبهم، و ناپدید شدن چت‌بات بین صفحات از رایج‌ترین اشتباهاتی‌ان که تجربه کاربری رو خراب می‌کنن. رعایت این اصول باعث می‌شه کاربرا نه‌تنها یه‌بار از چت‌بات استفاده کنن، بلکه بارها بهش برگردن.

۱۶ هفته پیشnngroup.com

هوش مصنوعی عالیه در ساختن چیزها؛ لندینگ پیج، پروتوتایپ، فیچر — همه رو می‌سازه. ولی اگه بپرسی «نرخ فعال‌سازی کاربران رو ۱۵٪ بالا ببر»، جوابی که می‌گیری سطحیه و به دردبخور نیست. مشکل اینه که تیم‌های محصول از اول هم outcome مشخصی نداشتن؛ AI فقط این خلأ رو آشکارتر کرده. تیم‌هایی که قبل از AI هم می‌دونستن دنبال چه نتیجه‌ای هستن، حالا ده برابر سریع‌تر به اون نتیجه می‌رسن.

۱۶ هفته پیشjeffgothelf.com

پاول سامسونوف در این مقاله به یه تناقض جالب در رویکرد طراحی Claude اشاره می‌کنه: سازمان‌ها دارن سعی می‌کنن با تحویل سریع‌تر خروجی‌ها، جای تفکر و معناسازی واقعی رو بگیرن. به زبان ساده‌تر، Claude Design یه راه‌حل «ساعتی» برای یه مشکل «تقویمی» محسوب می‌شه — مشکل‌هایی که اصلاً با سرعت بیشتر حل نمی‌شن. در نهایت این کاربرها هستن که بهای این اشتباه رو می‌دن.

۱۶ هفته پیشproductpicnic.beehiiv.com

Miro یه قابلیت جدید به اسم Prototypes معرفی کرده که بهت اجازه می‌ده بدون نیاز به شروع طراحی یا کدنویسی، ایده‌هات رو به پروتوتایپ تعاملی تبدیل کنی. تیم‌های مختلف از PM و دیزاینر گرفته تا دولوپر و استیک‌هولدر می‌تونن همزمان روی یه بوم مشترک کار کنن. هوش مصنوعی هم توی این ابزار نقش داره و می‌تونه از ایده‌های اولیه، تحقیقات کاربری یا فلوها در چند دقیقه یه پروتوتایپ آماده کنه.

۱۶ هفته پیشmiro.com

آنتروپیک یه مجموعه کانکتور جدید معرفی کرده که کلود رو مستقیماً به ابزارهای حرفه‌ای خلاقانه مثل Adobe، Blender، Ableton، Autodesk Fusion و Splice وصل می‌کنه. با این کانکتورها، طراحان و هنرمندان می‌تونن مدل سه‌بعدی بسازن، فایل‌ها رو دسته‌جمعی پردازش کنن یا سمپل موزیک پیدا کنن، همه از طریق مکالمه با کلود. آنتروپیک همچنین به صندوق توسعه بلندر پیوسته و با چند دانشگاه هنری معتبر برای تدریس هوش مصنوعی خلاقانه همکاری می‌کنه.

۱۶ هفته پیشanthropic.com

اوپن‌ای‌آی یه سیستم تبلیغاتی پیچیده داره که مستقیم داخل مکالمات ChatGPT آگهی تزریق می‌کنه. این آگهی‌ها بر اساس موضوع مکالمه هدف‌گذاری می‌شن و با یه زنجیره ردیابی چهارتکه‌ای، از لحظه‌ی نمایش تا خرید نهایی رو دنبال می‌کنن. یه SDK جاوااسکریپتی به اسم OAIQ هم روی سایت فروشنده اجرا می‌شه و اطلاعات بازدید کاربر رو به سرورهای اوپن‌ای‌آی گزارش می‌ده. در واقع اوپن‌ای‌آی نه‌تنها موقع نمایش آگهی، بلکه بعد از کلیک هم کاربر رو زیر نظر داره.

۱۶ هفته پیشbuchodi.com

پاستل یه فریم‌ورک جالبه که با الهام از Next.js، ساخت ابزارهای خط فرمان (CLI) رو با ری‌اکت و Ink ممکن می‌کنه. کافیه فایل‌ها رو توی پوشه commands بذاری تا دستوراتت تعریف بشن، بدون پیچیدگی اضافه. تعریف گزینه‌ها و آرگومان‌ها هم با Zod انجام می‌شه و type-safety کامل داری. در نهایت پیام help هم به‌صورت خودکار تولید می‌شه.

۱۶ هفته پیشgithub.com

React Email 6.0 منتشر شد و مهم‌ترین ویژگی‌اش یه ویرایشگر بصری متن‌باز و قابل جاسازی توی اپلیکیشن‌های مختلفه. این نسخه یه معماری توسعه‌پذیر داره که بهت اجازه می‌ده بلوک‌های سفارشی خودت رو بسازی. علاوه بر این، همه کامپوننت‌ها حالا توی یه پکیج واحد جمع شدن و دیگه نیازی به نصب چند پکیج جداگانه نیست. این پروژه در ۵ ماه گذشته رشد ۱۰۸ درصدی داشته و الان ۲ میلیون دانلود هفتگی روی npm داره.

۱۶ هفته پیشresend.com

React Arborist یه کتابخانه‌ی قدرتمنده که بهت اجازه می‌ده نماهای درختی حرفه‌ای مثل sidebar ویژوال استودیو کد، Mac Finder یا پنل Layers فیگما رو توی پروژه‌های ری‌اکتت بسازی. این کتابخانه امکاناتی مثل درگ‌اند‌دراپ، تغییر نام inline، رندرینگ مجازی‌سازی‌شده، فیلتر کردن و ناوبری با کیبورد رو داره. می‌تونی هم به شکل controlled و هم uncontrolled ازش استفاده کنی و ظاهرشو کاملاً شخصی‌سازی کنی.

۱۶ هفته پیشgithub.com