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

ترجمه و تالیف : حسام موسوی
تاریخ انتشار : 13 خرداد 98
خواندن در 1 دقیقه
دسته بندی ها : css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SVGeneration.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Flat UI colors reference.

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

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

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

گردآوری و تالیف حسام موسوی
آفلاین
user-avatar

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

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید