کتابخانه‌ها , ابزارها و فریم‌ورک های CSS

ما شاهد افزایش چشمگیر محبوبیت فریم‌ورک های CSS مانند طرح‌بندی‌های Flexbox ,

‌ انیمیشن‌های دقیق CSS , کاربرد SVG , Styleguides ,

کتابخانه‌ها , ابزارها و فریم‌ورک های CSS

افکت‌های با سبک اینستاگرام , ادغام عمیق‌تر CSS با برنامه‌هایی نظیر Photoshop و Sketch ,

و پیش‌پردازنده‌های CSS نظیر Sass و Less هستیم .

نه تنها CSS به صورتی خوب در هم اکنون رشد است , بلکه با امداد بسیاری از منابع منبع باز

( open – source ) که این سال منتشر شده شده‌است , چیزی‌های قدرتمندی می‌سازد که هیچ زمان آسان نبوده است .

تمام ابزارهای موجود در این مجموعه‌ , افزونه‌های باصرفه‌ای می‌باشند که با یک توضیح مختصر آن‌ها را به شما معرفی می کنیم :

کتابخانه‌ها و ابزارهای CSS Animation

Rocket

ابزاری ساده برای ایجاد انیمیشن‌های اینترنت .

Animate Plus

کتابخانه جاوااسکریپت که به شما کمک می‌کند تا به خواص CSS و ویژگی‌های SVG جان دهید .

Tuesday

کتابخانه خاص CSS animation .

MOTION UI

کتابخانه Sass برای ایجاد تحولات و انیمیشن‌های انعطاف‌پذیر CSS .

Transformicons

دکمه‌ها , ‌ نمادها و آیکون‌های متحرک با استفاده از SVG و CSS .

ابزارها و موارد کاربردی CSS

PurifyCSS

ابزاری مفید که تشخیص میدهد برنامه‌های شما از کدام سلکتورهای CSS استفاده کرده

و کدام پوشه را بدون استفاده از CSS ایجاد کرده‌اند .

Cssfmt

ابزاری که به طور اتوماتیک سورس کد CSS را فرمت می‌کند .

sanitize . css

باعث می شود مرورگرها عناصر را به طور مداوم رندر نمایند و به شما اذن می دهد

تا با بهترین شیوه‌های مدرن که نیاز به پیکربندی‌های خاصی ندارند استایل‌‌دهی فرمایید .

ابزارهای Flexbox

لیست مدیریت‌شده توسط انجمن از مشکلات مربوط به flexbox و workaroundهای

( استراتژی برای غلبه بر نقص یا مشکلی در سیستم یا برنامه دیگر ) cross – browser .

Flexbox in 5 Minutes

یک تور تعاملی از تمام ویژگی‌های مهم property : flexbox مربوط به CSS .

Sketch Flex Layout

Sketch Flex Layout
افزونه برای Sketch که امکان طرح‌بندی CSS Flexbox را آماده می نماید .

cssPlus

چارچوب طرح‌بندی قدرتمند , سریع و cross browser بر مبنای Flexbox .

CSS Toolkits

Flickity

کتابخانه CSS که باعث می‌شود گالری‌ها و اسلایدرها جالب توجه شده و آسان و بدون دردسر بسازید .

CSSGram

کتابخانه کوچکی برای ساخت مجدد فیلترهای اینستاگرام با CSS .

Marx

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

Pushy

منوی ناوبری ( navigation ) ریسپانسیو off – canvas با استفاده از تبدیل و انتقال CSS .

Drop

کتابخانه‌ای برای ایجاد drop downها و سایر عناصر شناور دیگر .

Stretchy
ساخت اندازه اتوماتیک عنصر .

CSSketch

یک پلاگین منبع باز CSS برای Sketch .

ai2html

اسکریپت Open – source برای Adobe Illustrator که مستندات Illustrator را به HTML و CSS تبدیل می کند .

SassyFlags

کتابخانه معمولی برای اضافه کردن flagها به وب‌سایت .

کیت‌های UI و فریم‌ورک های اینترنت ریسپانسیو

Basscss

مجموعه سبکی از استایل‌های عناصر مبنا و مورد ها کاربردی غیرقابل تغییر .

Neutron

یکی دیگر از فریم‌ورک های CSS مثل Sass برای تولید طرح‌های اینترنت منعطف‌ , واضح و معنادار .

flexible . gs

فریم‌ورک های CSS سیستم grid ریسپانسیو و انعطاف‌پذیر ( CSS , Sass , LESS و Stylus ) .

Wee

Wee
فریم‌ورک سبک front – end برای ساخت پروژه‌های اینترنت پیچیده و ریسپانسیو به صورت منطقی .

Scooter

یکی دیگر از فریم‌ورک های CSS نظیر SCSS و کتابخانه UI از Dropbox .

Decorator

فریم‌ورک front – end جاوااسکریپت , CSS و HTML .

فریم‌ورک های Material Design

Material

یکی دیگر از فریم‌ورک های CSS مثل HTML5 UI بر طبق Material Design .

MUI

یکی دیگر از فریم‌ورک های CSS مثل Material Design سبک و کم حجم .

LumX

فریم‌ورکی مبتنی بر خصوصیات Material Design و AngularJS .

برنامه‌ها و ابزارهای CSS مبنی بر اینترنت

CIRCULUS . SVG

تولید‌کننده منوی مدور SVG .

CSS Gradient Animator

ابزار بر طبق اینترنت برای ایجاد گرادینت متحرک .

SVGOMG

SVGOMG
برنامه بر پایه ی اینترنت برای بهینه‌سازی و تنظیمات SVGO .

Blend

ابزاری برای ایجاد گرادینت‌های زیبا و ساده CSS3 .

CSS Ruler

ابزار سودمند مبتنی بر اینترنت برای یافتن طول‌های CSS .

SVG Path Builder App

با استفاده از GUI ( رابط کاربری گرافیکی ) یک مسیر SVG را به‌سرعت می‌سازد .

کتابخانه‌ها , ابزارها و فریم‌ورک های CSS

میتوانید لینک های دیگر ما رو دنبال کنید

کتابخانه‌ها , ابزارها و فریم‌ورک های CSS