40 ابزار و برنامه کوچک تحت وب برای کار با css
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 3 دقیقه

40 ابزار و برنامه کوچک تحت وب برای کار با 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 یک ابزار برای پیدا کردن بهترین ترکیب رنگی بین متن و بکگراند

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
در انتظار ثبت رای

/@hesammousavi
حسام موسوی
طراح و برنامه نویس

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

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

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

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