معرفی ابزارهای تازه پیشرفت وب در سال ۲۰۱۹ (سری ابتدا)

در این مقاله خوب ترین و تازه ترین ابزارهای پیشرفت وب را که تاکنون در سال ۲۰۱۹ منتشر شده را به شما معرفی می کنیم. این فهرست می تواند نقطه آغاز خوبی برای کمک به رفع برخی از مشکلات ویژه ای باشد که شما با آن مواجه می شوید. در سری ابتدا به خوب ترین ابزارهای ساخت Framework ها، کتابخانه ها و ابزارهای HTML و CSS می پردازیم.

۱ . Parcel

Parcel یک مسدود نرم افزاری بسیار جذاب و چند پنجره ای وب است که نیاز به حداقل پیکربندی دارد. در واقع این ابزار نیاز به پیکربندی کمی دارد، Parcel مورد ی جذابی برای کسانی است به دنبال ابزار تازه هستند.

۲ . Critters

پلاگین ی webpack این امکان را به شما می دهد تا CSS های مهم برنامه خود را درون خطی قرار دهید و کار خودتان را ساده کنید. این پلاگین فوری و سبک است زیرا از براوزر بی سر و صدا برای ارائه محتوای استفاده نمی کند.

۳ . Sucrase

Sucrase یک جایگزین مناسب برای ببل است (the + کامپایلر عمومی)، که روی پسوندهای language غیر استاندارد مانند typescript، JSX تمرکز می‌کند. این به این معنی است که ۲۰ برابر فوری‌تر از ببل است. شما می‌توانید این کار را بصورت آنلاین انجام دهید قبل از این که تصمیم بگیرید که آیا می‌بایست از آن در پروژه خود استفاده کنید یا نه.

۴ . Webpack config tool

یک ابزار وبی و CLI که می‌توانید از آن برای ساخت یک فایل webpack.config.js شخصی و بهینه‌سازی کردن آن استفاده کنید. اگرچه همچنان از مورد‌های پیشرفته مانند تفکیک کد ساپورت نمی‌کند، اما ویژگی‌های موجود در آن مسلما به کارتان می آید.

۵ . JSUI

این مجموعه ابزار UI برای کسانی است که مایل به سازماندهی، ساخت و مدیریت پروژه های جاوااسکریپت هستند. این مجموعه شما را قادر به ایجاد برنامه های تازه، برنامه های سرچ و فایل های پروژه و اعمال افزونه ها می کند. همچنین به شما یک پنل کابری پروژه برای سازماندهی کردن می دهد.

۶ . PWA Universal Builder

یک چارچوب agnostic و یک ابزار خطی غنی برای راه انداختن برنامه‌های پیشرفته وبسایتتان. پروژه‌های جدیدتان را با کتابخانه و جعبه‌ابزار خود راه انداختن کنید.

۷ . VuePress

این ابزار پیشرفت دهنده از دو قسمت ساخته شده‌است: یک ژنراتور سایت استاتیک minimalistic با یک سامانه theming با نیروی vue و plugin API؛ و تمی پیش‌فرض برای نوشتن اسناد فنی که بهینه‌سازی شده‌است. هر پیج ایجاد شده با استفاده VuePress دارای HTML استاتیک است، که عملکرد بارگیری بسیار زیادی را ارائه می‌دهد. همچنین استاندارد های بهینه سازی سایت را داراست.

Framework ها و کتابخانه ها

۸ . PWA Starter Kit

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

۹ . PaperCSS

PaperCSS خود را به عنوان چارچوب رسمی CSS معرفی می کند برای ارائه چیزی متفاوت با رویکردی مدرن که با سایر چارچوب های CSS ساخت شده است. اجزای آن ظریف هستند. این چارچوب به هنگام اضافه کردن کلاسها حداقل احتمال دارد.

۱۰ . Boardgame.io

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

HTML and CSS tools

۱۱ . Keyframes.app

ابزار ساده‌ای است که برای خلق انیمیشن‌های CSS به کار می‌رود. این برنامه از تنظیمات جدول زمانی استفاده می‌کند که این امکان را به شما می دهد تا انیمیشن های خود را از یک مکان ساخت و مشاهده کنید.

۱۲ . CSS Blocks

یک راه رفع فوق العاده فوری CSS برای سامانه های طراحی یا اجزای برنامه. شما CSS را به وسیله از اجزای تشکیل می دهید که سبک های آن از خوب ترین ها الهام گرفته شده اند، از جمله ماژول های CSS، BEM و CSS اتمی.

۱۴ . Basin

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