عنوان مقاله :

40 ابزار و برنامه کوچک تحت وب برای کار با css

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 06 مرداد 1394
دسته بندی ها : css

ما یک مجموعه فوق العاده مفید از برنامه های مبتنی بر وب و ابزار های کاربری برای زمانی که با css کار میکنید جمع آوری کردیم . همه ای این ابزار با این فلسفه ساخته شدن تا زمان کار با css رو کاهش بدن یا کار با css رو راحتر و دلچسب تر کنن . 

در این مجموعه شما ابزارهای برای ایجاد انیمیشن های مبتنی بر CSS ، سازنده های منو رسپانسو ، برنامه های برای جمع آوری آمار و مرتب سازی CSS ، سازنده های برای ایجاد منوهای دایراه ای css ، و خیلی چیزهای دیگه رو مشاهده میکنید که به راحتی میتونید ازشون استفاده کنید . 

خب بزارین شروع به معرفی این ابزار ها و برنامه ها بکنیم . 

CIRCULUS.SVG - سازنده یک منو دایره ای SVG

CSS Ruler - یک برنامه مبنتی بر وب مفید برای کاوش طول المنت در مناطق مختلف

visualize the box-model یک برنامه مفید برای تجسم border - margin و اندازه اجسام که به نظر کاربردی میاد 

One Click Encoding Decoding Tool یک برنامه مفید برای تبدیل محتوا به ASCII 

SVGOMG - یک برنامه مبتنی بر وب برای بهینه سازی و پیکربندی SVGO

Rocket یک ابزار ساده برای ایجاد انیمیشن های وب.

Font Library یک پروژه منبع باز برای برچسب و سازماندهی فونت های گوگل.

Pie Menu Generator یک سازنده منو فوق العاده ساده

StyleStats برنامه کوچک برای جمع آوری آمار ، بر روی هر فایل CSS

extractCSS یک ابزار فوق العاده مفید برای گرفت کلاس ها از HTML و شیوه ای استایل دهی 

CSS Shrink یک ابزار کوچک برای کاهش 'فایل های CSS

CSSynth یک برنامه کوچک برای اجرای انیمیشن ها

EnjoyCSS یک ابزار مفید که به شما اجازه میده بدونه برنامه نویسی ابزار های خودتون رو بسازید

Flexy Boxes یک ابزار برای ساخت ساخت flexbox و تولید کدهاش 

Create CSS3 یک سازنده فوق العاده ولی ساده برای css3

CSS Beautifier ابزاری است که به طور خودکار کد css رو زیبا و تمیز میکنه . 

Z-Bugs ابزاری برای فشرده سازی css و javascript

NTH-TEST ابزاری برای تست کردن nth-child و nth-of-type

CSS3 Generator یک سازنده کد css ساده 

SpinKit ساختن لودر های cssی ساده و زیبا

Css2Less بهینه سازی کردن کدهای css

CSSComb خواص مرتب سازی CSS در یک نظم خاص 

Daturi یک برنامه برای تبدیل عکس به base64

px-em یک محاسبه کننده برای اندازه های px و em

SassMe یک ابزار برای مجسم سازی رنگ ها

typesetwith.me یک ابزار مبتنی بر وب برای برسی تایپوگرافی و خواناییی متن ها 

Type Scale یک محاسبه کننده تایپوگرافی

SVGeneration.

TypeWonder ابزار مفید برای تست فونت های وب

Glyphter یک ابزار مفید برای ایجاد فونت آیکون از SVG ها

Perfect Icons  آیکون های اجتماعی خالق.

iconizr ابزار برای تبدیل تصاویر SVG به مجموعه ای از آیکون های CSS

iconmelon به سرعت یک کتابخانه از آیکون SVG ایجاد کنید

GlyphSearch یک برنامه برای جستجو فونت آیکون های مختلف

FontAwesome Finder یک جستجوگر سری برای فونت های FontAwesome 

Fontello اینجاد فونت آیکون های زیبا و کاربردی با استفاده از فونت های معروف

Fontsatic یک ابزار برای ایجاد فونت آیکون سفارشی

Colors یک مجموعه رنگی قابل استفاده در SASS/LESS/Stylus/CSS

Pantone Sass یک پالت رنگی برای ساخت متغیر های رنگ در sass

Flat UI colors reference.

 BADA55.io یک ابزار برای پیدا کردن بهترین ترکیب رنگی بین متن و بکگراند

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

استایل آماده برای ویرایشگر متن wysiwyg

زمانی که شما از ویرایشگر wysiwyg در وبسایت های خودتان استفاده میکنید و یک سری متون را در دیتابیس ذخیره و در صفحه اصلی وبسایتان نمایش میدهید ، متوجه ای...

دییسبا فریمورکی بر پایه css و javascript

دییسبا یک سیستم طراحی وب است برای برنامه نویسی آسان و راحت برای کسانی که کمترین آشنایی با وب را دارند، یا حتی برای افراد حرفه ای دییسبا بر پایه سی اس...

منوهای همبرگری با Hamburgers

منوهای همبرگری امروزه به یک جزء اصلی در بسیاری از وب سایت ها و برنامه های تحت وب تبدیل شدن . و این که شما اون ها رو دوست دارید یا نه ، اونها در حال تب...

آموزش less در 10 دقیقه

همه ما میدونیم که نوشتن کد های css کمی خسته کننده است ، مخصوصا زمانی که روی یه پروژه جدی با هزاران خط کد کار میکنیم . شما مجبورید تا آخر پروژه کد های...

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

داوود | 2 سال پیش

با سلام؛عالی بود.دست مریزاد و سپاس از شما.

امید | 2 سال پیش

مثل همیشه عالی
خسته نباشید