10 ابزار رایگان CSS برای همه طراحان وب سایت

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  محمود ،‏ 10 ماه و 4 هفته پیش .

۲۴۷ visibility
نویسنده پست
سه شنبه ، ۲۱ آذر ۱۳۹۶     ۷:۱۲ ب.ظ #


علی صادقی

Subscriber
0 پست1 تاپیک

CSS  خیلی وقت است که بخش جدایی ناپذیری از ساخت سایت شده است، دیگر طراحان وب امروزه می دانند CSS  به یک استادارد در این صنعت مبدل شده است.
اگر شما طراح وب نیستید ممکن است این سوال برایتان پیش بیاید که CSS  چیست و برای چی انقدر محبوب می باشد. خب شما می توانید توضیحات مربوط به خود CSS  را در ویکیپدیای آن بخوانید و آشنا شوید، اصولا یکی از روشهایی است که به طراح وب اجازه می دهد تا رایگان و بدون هزینه به جذب بازدید کنندگان بپردازد.
مزایای کلیدی CSS

محتوا را از طراحی جدا می کند
تغییر ساده عناصر موجود در  طراحی
بارگذاری سریع تر وب سایت

CSS  مانند هر تکنولوژی دیگری در حال توسعه سریع می باشد، با تغییراتی که امروزه در این زمینه شاهد هستیم هنوز خیلی از ابزارهای مفید CSS  موجود هست که خیلی از طراحان از آنها غافل هستند.
ما 10 تا از بهترین ابزارهای رایگان در این در اختیار شما می گذاریم، بعضی از آنها مناسب طراحان حرفه ای می باشد بعضی دیگر حتی کسانی که CSS  بلد نیستند نیز می توانند از آن استفاده کنند، امیدواریم با استفاده از این ابزار کار برای شما طراحان وب راحت تر شود.
ExtractCSS
ابزاری آنلاینی می باشد که تمام کلاس ها و استایل های داخلی HTML  را می گیرد و آن را به CSS  خالص تبدیل می کند

Iconizr
این ابزار آیکون SVG  را به کد CSS تیدبل می کند، در آن واحد می توانید 50 آیکون را تیدیل کنید ولی حجم بالای 300 کیلو بایت را قبول نمی کند.

Perfect Icons
با این ابزار می توانید به راحتی از آیکون های شبکه های اجتماعی استفاده کنید. کافی است کدهای آن را کپی کنید در پروژه ی خود و از آن استفاده کنید، حتی می توانید رنگ ها را نیز تغییر دهید.

Glyphter
یکی دیگر از ابزارها که می توان استفاده کرد و آیکون ها را به فایل SVG تبدیل نمود و فونت آن را دریافت کرد.

Typebase.css
این ابزار می تواند کدهای CSS وب سایت شما را بهینه کند و مخصوص توسعه دهندگان و طراحان وب می باشد

Responsee II
یک فریم ورک برای ریسپانسیو شدن سایت می باشد که بسیار سبک و کارآمد می باشد، با این فریم ورک وب سایت شما کاملا بر روی تمامی نمایش گر ها با هر سایزی به خوبی نمایش داده می شود.

ProCSSor
از طریق این ابزار می توانید CSS خود را بهینه سازی کنید، کد شما را کاملا شکیل می کند و CSS شما را طوری مرتب سازی می کند که به بهترین تحو ممکن بارگذاری آن سریع تر شود.

CSS Lint
با استفاده از این ابزار می توانید خطاهای موجود در CSS خود را که ممکن است در آینده شما را با مشکل مواجه کند بیابید و رفع کنید.

Code Beautifier
با استفاده از این ابزار می توانید کدهای CSS خود بسیار مرتب تر و همچنین ویژگی های که واقعا لازم ندارید هم حذف خواهند شد.

CleanCSS
وقتی که تمام کدهای خود را نوشتید و کارتان به اتمام رسید حال نوبت به فشرده سازی CSS می رسد که این کار را این ابزار به نحو احسنت انجام می دهد برای شما.

1  تشکر
چهارشنبه ، ۲۹ آذر ۱۳۹۶     ۲:۳۸ ب.ظ #


محمود

Subscriber
2 پست0 تاپیک

ممنون از مطلب مفیدتون

به غیر از مواردی که ذکر کردید یه سری ابزار ها هستن که من در طراحی خیلی ازشون کمک می گیرم

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

icomoon.io/app

برای تولید متن تست

http://loremipsum.ir/

برای بهینه سازی تصاویر

https://tinyjpg.com/

انتخاب رنگ از قسمت های مختلف نمایشگر

colorpix

جستجوی آیکن برای طراحی و تبدیل به فونت آیکن

www.flaticon.com

امیدوارم مفید باشه
ایراوب | طراحی وب سایت | سئو و بهینه سازی وب 

1  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .