منابع تازه برای طراحان و توسعه دهندگان وب (سپتامبر 2024)

سپتامبر است و ما مجموعه‌ای از منابع جدید برای توسعه‌دهندگان وب دیگر داریم.

در این ماه، ما ابزارهایی از دسته‌های مختلف داریم، از جمله یک افزونه برای بررسی یک افزونه وردپرس، یک کتابخانه کامپوننت React برای برنامه‌های مدیریت وردپرس، مجموعه‌ای از اجزای Laravel Blade، یک مولد سایت استاتیک نوشته شده در Rust، و چند مورد جالب دیگر. چیزهایی که ممکن است برای شما مفید باشد

بیایید شروع کنیم!

بررسی پلاگین

بررسی پلاگین یک ابزار وردپرس است که به شما کمک می کند اطمینان حاصل کنید که افزونه شما استانداردهای لازم برای فهرست پلاگین WordPress.org را برآورده می کند. مطابقت با بهترین شیوه‌ها را بررسی می‌کند، حوزه‌هایی مانند عملکرد، امنیت، i18n، A11y را پوشش می‌دهد و هرگونه تخلف یا نگرانی را برای کمک به بهبود افزونه شما علامت‌گذاری می‌کند.

رابط کاربری کوبریک

رابط کاربری کوبریک یک کتابخانه کامپوننت React منبع باز است که بر روی react-aria ساخته شده است و برای ایجاد برنامه های مدیریت سفارشی وردپرس طراحی شده است. این به توسعه دهندگان کمک می کند تا اطمینان حاصل کنند که برنامه های مدیریت وردپرس آنها سازگار، در دسترس و یکپارچه با رابط مدیریت وردپرس آشنا هستند.

نمادهای واکنش

نمادهای واکنش یک کتابخانه سبک وزن React است که بیش از 100 فایل و نماد پوشه را ارائه می دهد. ساخته شده با TypeScript، از React Server Components (RSC) پشتیبانی می کند و SVG های بهینه و کوچک شده را ارائه می دهد. آیکون ها در اصل برای تم VSCode، نمادها طراحی و ساخته شده اند، اما من فکر می کنم برای هر پروژه ای کاملاً خوب است.

زولا

زولا یک مولد سایت ایستا (SSG) است که به زبان Rust نوشته شده است، شبیه به Hugo و Jekyll، که از موتور قالب Tera استفاده می کند. این نرم افزار CommonMark را پشتیبانی می کند و ویژگی هایی مانند جداول با طعم GitHub و لیست وظایف را به صورت خارج از جعبه ارائه می دهد. یک ابزار عالی برای توسعه دهندگانی که به دنبال ساخت وب سایت های سریع، ایمن و انعطاف پذیر هستند.

MaryUI

MaryUI مجموعه ای از اجزای Laravel Blade برای Livewire 3 است. عناصر رابط کاربری از پیش طراحی شده ای را ارائه می دهد که به توسعه دهندگان لاراول کمک می کند تا به سرعت و به راحتی UI و صفحاتی را برای برنامه های خود بسازند. این با استفاده از daisyUI و Tailwind CSS برای یک ظاهر طراحی شده است و به شما امکان سفارشی‌سازی انعطاف‌پذیر با ابزارهایی را می‌دهد که قبلاً با آنها آشنا هستید.

کد بیانی

کد بیانی نمایش بلوک های کد در محتوا یا صفحه شما را آسان می کند. از تم های کد VS با برجسته سازی دقیق نحو پشتیبانی می کند و شامل ویژگی هایی مانند فریم های ویرایشگر، دکمه های کپی به کلیپ بورد، نشانگرهای متن و بخش های جمع شونده است. بهتر از همه این است که به هیچ چارچوب فرانت‌اندی مانند React یا Vue متکی نیست و با مولدهای سایت محبوب مانند Astro و Next.js و همچنین Markdown و MDX ساده کار می‌کند.

بند کفش

بند کفش یک کتابخانه منبع باز و چارچوب-آگنوستیک از اجزای وب قابل تنظیم است. این عناصر رابط کاربری مدرن و در دسترس مانند دکمه ها و دیالوگ ها را با موضوع بندی آسان و ادغام در هر پروژه ای ارائه می دهد که آن را برای ایجاد رابط های وب پاسخگو و انعطاف پذیر ایده آل می کند.

برنامه های افزودنی GitHub Copilot

گیت هاب اخیرا اعلام کرده است برنامه های افزودنی GitHub Copilot، که توسعه دهندگان را قادر می سازد تا با استفاده از زبان طبیعی در VS Code و GitHub توسعه و استقرار دهند. این به شما امکان می دهد از ابزارهای خاصی مانند Docker، Azure، Stripe و MongoDB استفاده کنید که ابزارها و زمینه بهتری را برای رفع یا حل مشکلات در برنامه خود در یک فرآیند ساده در اختیار شما قرار می دهند.

دیوکسوس

دیوکسوس یک کتابخانه Rust است که به شما امکان می دهد برنامه هایی را برای دسکتاپ، وب، موبایل و موارد دیگر بسازید همه از یک پایگاه کد واحد. با الهام از React، روی توسعه سریع‌تر و آسان‌تر برنامه‌های چند پلتفرمی تمرکز دارد. اگر به دنبال ساخت اپلیکیشن برای چندین پلتفرم هستید، یک ابزار عالی است.

Motion Primitives

Motion Primitives مجموعه ای از اجزای React است که با Framer Motion و Tailwind CSS ساخته شده است. این کار اضافه کردن انیمیشن های روان به وب سایت های خود را برای شما آسان می کند. یک کتابخانه عالی هم برای توسعه دهندگان و هم برای طراحانی که به دنبال زنده کردن وب سایت ها هستند.

Rclone

Rclone یک ابزار خط فرمان است که به شما کمک می کند تا فایل های موجود در فضای ذخیره سازی ابری را به راحتی مدیریت کنید. این به عنوان جایگزینی برای رابط های وب ارائه شده توسط فروشندگان ابر عمل می کند. بیش از 70 سرویس ذخیره سازی ابری مختلف، از جمله فروشگاه های شی S3 و گزینه های مختلف ذخیره سازی فایل را پشتیبانی می کند. انتقال و سازماندهی فایل های خود را در چندین پلتفرم آسان تر می کند.

یاور مفهوم

یاور مفهوم یک کتابخانه Node.js است که کار با Notion API را ساده می کند. استفاده از آن آسان است، هیچ وابستگی ندارد و پشتیبانی کامل JSDoc را برای IntelliSense فراهم می کند. یک ابزار عالی برای توسعه دهندگانی که به دنبال ادغام Notion در پروژه های خود هستند.

واگ دم

واگ دم یک سیستم مدیریت محتوای متن باز (CMS) ساخته شده بر روی جنگو است که با تمرکز بر تجربه کاربر طراحی شده است. این به طراحان و توسعه دهندگان کنترل خوبی بر محتوا و طراحی می دهد. ایجاد وب سایت را آسان و انعطاف پذیر می کند. اگر پروژه پایتون شما به دنبال یک CMS است که استفاده و سفارشی‌سازی آن آسان باشد، فکر می‌کنم Wagtail یک انتخاب عالی است.

UIKit

UIKit یک جعبه ابزار طراحی شده برای ساخت رابط های کاربری سه بعدی سریع و پاسخگو با استفاده از react-three-fiber است. این مؤلفه های از پیش طراحی شده و قابل تنظیم را ارائه می دهد که ایجاد طرح بندی ها و رابط های تعاملی را برای شما آسان تر می کند. یک کتابخانه عالی برای توسعه رابط‌های کاربری در برنامه‌های سه بعدی مبتنی بر وب، مانند بازی‌ها یا پروژه‌های واقعیت مجازی/افزوده (VR/AR).

SN Pro

SN Pro یک تایپ فیس رایگان و منبع باز بر اساس Nunito است. هر کاراکتر را برای خوانایی بهتر، بهبود پشتیبانی از کرنینگ و پیوند، در حالی که حروف خاصی مانند Q و t را بهینه می کند، اصلاح می کند. من فکر می کنم این فونت زیبا برای هر نوع وب سایتی است. تمیز به نظر می رسد و احساس جلا بیشتری دارد.

متغیرهای تصویر

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

اتمیکو

اتمیکو یک کتابخانه سبک وزن برای ساخت اجزای وب با استفاده از توابع، قلاب ها و یک DOM مجازی، مشابه React است. همچنین چارچوب آگنوستیک است، به این معنی که اجزای شما با کتابخانه هایی مانند React، Vue، Svelte یا Angular کار می کنند. من فکر می کنم این یک کتابخانه عالی برای توسعه دهندگانی است که به دنبال ساخت اجزای وب هستند که استفاده از آنها سریع و آسان باشد.

نکته برجسته کامنت گوتنبرگ

نکته برجسته کامنت گوتنبرگ یک افزونه VSCode است که خوانایی متا داده های بلوک گوتنبرگ وردپرس را بهبود می بخشد. نام بلوک ها را که با شروع می شوند برجسته می کند wp: به عنوان متغیرها و برجسته کردن نحو اولیه JSON را برای هر رشته JSON اعمال می کند، که خواندن نظرات را آسان تر از ظاهر خاکستری پیش فرض نظرات استاندارد HTML می کند.

SST

SST چارچوبی است که ساخت برنامه های فول استک را روی زیرساخت AWS خود ساده می کند. با یک پیکربندی واحد، می‌توانید همه چیزهایی را که برنامه‌تان نیاز دارد اجرا کنید. از طیف گسترده ای از خدمات AWS، از جمله Lambda، API Gateway، و S3 پشتیبانی می کند، و همچنین از فریم ورک های محبوب مانند Next.js، Nuxt، Solid، Astro، و غیره پشتیبانی می کند. ابزاری بسیار مفید برای استقرار برنامه شما.

Rspack

Rspack یک باندلر جاوا اسکریپت با کارایی بالا است که به زبان Rust نوشته شده است و برای جایگزینی سریعتر برای Webpack طراحی شده است. عملکرد ساخت سریع، جایگزینی ماژول داغ (HMR) و سازگاری کامل با پلاگین ها و لودرهای Webpack را ارائه می دهد. Rspack همچنین از بهینه‌سازی‌های داخلی مانند تکان دادن درختان پشتیبانی می‌کند، و چارچوب-آگنوستیک است و به توسعه‌دهندگان در پروژه‌های مقیاس بزرگ انعطاف‌پذیری می‌دهد. یک ابزار عالی برای توسعه دهندگانی که به دنبال بهبود عملکرد ساخت خود در پروژه ها و برنامه های خود هستند.