دسته بندی :
تاریخ انتشار : ۰۶ امرداد ۱۳۹۴
گردآوری و تالیف : حسام موسوی

کارمو با طراحی گرافیکی شروع کردم و حدود 2 سال طراحی گرافیکی میکردم بعد به طراحی وب علاقه پیدا کردم و همراه طراحی وب عاشق کدنویسی شدم به PHP | sass | css | Jquery | javaScript تسلط کامل دارم . در بین فریم ورک های PHP اول با CodeIgniter کار کردم اما به laravel علاقه مند شدم و دارم بطور حرفه ای دنبالش میکنم . امید من اینکه بتونم کاربرهای ایرانی رو به دنیای بیرون متصل کنم تا بتونن از فناوری های تازه آگاهی داشته باشن

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

دیدگاه های مخاطبین

ثبت دیدگاه شما
  • داوود

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

  • امید

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

پیشنهاد میکنیم این مطالب رو هم مطالعه کنید :