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

افکتهای با سبک اینستاگرام , ادغام عمیقتر 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
میتوانید لینک های دیگر ما رو دنبال کنید