۱۰ کتابخانه جالب جاوااسکریپت و css در سال ۲۰۲۰ 

ماموریت ما در راکت، معرفی جدیدترین و بهترین روش‌های توسعه به شما برنامه‌نویسان عزیز است. به همین دلیل ما همواره سعی می‌کنیم، بهترین مقالات را به شما عزیزان ارائه دهیم تا با استفاده از آن‌ها بتوانید جزء بهترین‌ها در صنعت طراحی و برنامه‌نویسی وب شوید.

Geolib

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

Flowy

یک کتابخانه باحال، که امکان ادغام سریع نمودارهای جذاب، در برنامه شما را فراهم می کند. Flowy صرفاً نمودارهای ساده را به شما نشان نمی‌دهد، بلکه یک ویرایش‌گرکامل drag & drop است، با یک رابط کاربری عالی، تعداد زیادی گزینه‌های شخصی‌سازی و سایر ویژگی‌های شگفت‌انگیز است.

Magic

یک کلکسیون زیبا از بیش از ۵۰ انیمیشن css فوق‌العاده روان و قابل تنظیم؛ که استفاده از آن‌ها بسیار آسان است. فقط کافی است کلاس‌های مناسب را با مقداری کد جاوااسکریپت، به عناصر صفحه خود اضافه کنید. تمام شد، آماده استفاده است. 

CSS Layout

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

Linkinator

ابزاری کوچک در جاوااسکریپت، برای یافتن لینک‌های خراب در وب‌سایت شما. این کتابخانه به دنبال کدهای HTML، انکر لینک‌ها(anchor hrefs)، تصاویر و سایر منابع می‌گردد، سپس بررسی می‌کند که آن‌ها به درستی کار می‌کنند، و منجر به بروز خطاهای ۴۰۴، تغییر مسیر بی نهایت(infinite redirects) و یا خطاهای سرور نمی‌شوند. 

Fabric

یک فریمورک قدرتمند برای کارکردن با المنت های canvas در HTML۵، که ترسیم، دست‌کاری اشکال، متن‌ها و انیمیشن‌ها را در المنت canvas بسیار آسان می‌کند.همچنین یک parser (مترجم) عالی برای تبدیل canvas به SVG و بالعکس را به شما ارائه می‌دهد.

DropCSS

پاک‌کننده کامل CSS که HTML و  CSS های شما را می‌گیرد و فقط استایل‌هایی که استفاده می‌شوند را returns می‌کند ‌(بازمی‌گرداند).همچنین همه‌ی بلاک‌های استایل‌هایی که استفاده نشده‌اند، selectorsهایی که تکرار شده‌اند، keyframes ها و موارد دیگر را حذف می‌کند. در ضمن، این ابزار بسیار بهینه و فوق‌العاده سریع است. 

ResponsiveViewer

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

Jimp

Jimp یک کتابخانه بومی برای پردازش تصویر در Node است، که ابزارهای بسیاری را برای دست‌کاری رنگ‌ها، ترسیم آزاد و اضافه کردن فیلتر و … را به شما ارائه می‌دهد.این کتابخانه، کاملاً با جاوااسکریپت ساخته شده و درصد وابستگی آن به زبان‌های دیگر صفر است، بنابراین در ترمینال نود به سرعت کارمی‌کند.

Screenshot to Code

ابزاری فوق‌العاده، که mockup (مدل) های طراحی شده را، به سایت‌های استاتیک واقعی تبدیل می‌کند. این ابزار مبتنی بر یک شبکه عصبی(neural network) است که تصاویر طراحی شده را تحلیل می‌کند، آن‌ها را به اجزای HTML تجزیه کرده و یک طرح و چیدمان(layout )‌ بر مبنایBootstrap را به شما ارائه می‌دهد.  

منبع