عنوان مقاله :

10 کتابخانه جذاب برای CSS و JavaScript در تیر ۱۳۹۶

گردآوری و تالیف : امیررضا سیستانه ای
تاریخ انتشار : 28 تیر 1396
دسته بندی ها : Freelance

1 – Core UI

Core UI یک قالب ادمین برپایه ی بوت استرپ 4 هست که یک راه حل قابل سفارشی سازی برای ساخت پنل های کنترلیست. ورژن های مختلفی وجود داره که به شما اجازه میده بتونید به سرعت اون رو با فریمورک های محبوبی مثل AngularJS, Angular 2, React.js و Vue.js یکپارچه کنید.

2 – React Trend

یک کامپوننت از React است که توسط تیم Unsplash ساخته شده و میتونه در طراحی خطوط زیبای گرافیکی برای نمایش روندی و نموداری به شما کمک کنه. در خقیقت این یک ابزار کمکی به حساب میاد و شما نباید روی اون بعنوان ابزار نقاشی حساب کنید.همچنین  یک پورت غیررسمی Vue هم برای اون وجود داره. 

3 – Element

Element یک فریمورک UI بر پایه ی Vue.js 2٫0 هست و شامل یک ست 50 تایی از کامپوننت هایی هست که بصورت تداومی و با توجه به طرح خاص و انتخاب رنگ‌ها طراحی شده. هر عنصر (element ) ثبت شده و سفارشی سازی و استفاده ازش در پروژه های Vue.js بسیار راحت است.

4 – Extension Boilerplate

این پروژه برای ما ساختار محکمی برای ساخت افزونه های cross-browser فراهم می کنه. Boilerplate بر پایه ی افزونه های وب هست, پس باعث میشه بتونیم یک افزونه را یکبار بسازیم و بصورت همزمان در مرورگرهای Chrome, Opera و فایرفاکس گسترش بدیم. همچنین قابلیت‌هایی مثل بارگزاری زنده و بسته های لازم برای ثبت افزونه در اپ استورها دارد.

5 – BigPicture

یک پلاگین lightbox مدرن که بطور همزمان برای تصاویر و ویدیوها کار می کنه و دارای pop-up های زیبا و متحرک هست. قابلیت فوق‌العاده ی BigPicture این هست که هم برای تگ های و هم برای المنت های background-image کار می کنه و از این لحاظ به توسعه دهندگان آزادی عمل میده. در بخش ویدیوها Youtube, Vimeo و direct video رو پشتیبانی می کنه.

6 – Reactive Listener

اجازه ندید این اسم فریبتون بده, این یک کامپوننت React نیست! Reactive listener یک کتابخانه کوچک توسط تیم Zurb هست که به ما اجازه میده شنونده های رویداد (event listeners) پیشرفته بسازیم که یه عمل‌های پیچیده‌تر واکنش نشون میدن – پیچیده‌تر ازکلیک ها و hover ها. درحال حاضر میتونه تشخیص بده که یک کاربر به سمت یک المنت حرکت می کنه ولی در آینده listener های جذاب‌تری اضافه میشه.

7 – Eagle.js

Eagle.js یک فریمورک Vue.js هست که برای ساخت اسلایدشوهای مبتنی بر وب استفاده میشه. همانند Reveal.js این فریمورک انیمیشن ها, تم ها و ابزارهای تعاملی رو پشتیبانی می کنه و استفاده مجدد کامپوننت ها, اسلایدها و استایل ها رو در جریان ارائه ها ساده می کنه.

8 – Planck.js

این پروژه یک بازنویسی جاوا اسکریپت از موتور فیزیکی محبوب C++ Box2D هست که سالها توسط توسعه دهندگان بازی‌ها استفاده میشد. Planck.js اون موتور رو برای مرورگر های وب و موبایل بهینه کرده و یک Api متن باز و براساس جاوا اسکریپت فراهم کرده. بنابراین توسعه دهندگان وب میتونند وقتی بازیهای دوبعدی و سایر پروژه های مبتنی بر فیزیک می سازند, راحت و سریع‌تر باشند.

9 – Pushy Buttons

یک کتابخانه ی کوچک CSS برای ساخت دکمه های 3 بعدی بهمراه افکت های زیباست. دکمه ها در 4 سایز و 3 رنگ هستند و می توان براحتی توسط SASS یا ویرایش فایل اصلی css اون رو سفارشی سازی کرد.

10 – React Overdrive

React Overdrive به توسعه دهندگان اجازه میده تا المنت های صفحه رو متحرک کنند و بین موقعیت ها و حالات مختلف افکت های transiiton جذابی بسازند. این API برپایه کامپوننت هست و تنظیم قسمت‌های مختلف بسیار سادست.

مقالات پیشنهادی

15 کتابخانه جالب javascript و css فروردین ۹۶

ماموریت ما در راکت این است که شما را بر اساس تکنولوژی روز طراحی وب به روز نگه داریم . به همین خاطر هم هست که ما تقریبا ماهانه یا چند هفته در میان پستی...

15 کتابخانه جالب javascript و css

ماموریت ما در راکت این است که شما را بر اساس تکنولوژی روز طراحی وب به روز نگه داریم . به همین خاطر هم هست که ما تقریبا ماهانه یا چند هفته در میان پستی...

15 کتابخانه جالب javascript و css دی ۹۵

ماموریت ما در راکت این است که شما را بر اساس تکنولوژی روز طراحی وب به روز نگه داریم . به همین خاطر هم هست که ما تقریبا ماهانه یا چند هفته در میان پستی...

15 کتابخانه جالب javascript و css بهمن ۹۵

ماموریت ما در راکت این است که شما را بر اساس تکنولوژی روز طراحی وب به روز نگه داریم . به همین خاطر هم هست که ما تقریبا ماهانه یا چند هفته در میان پستی...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است