انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
10 ابزار رایگان CSS برای همه طراحان وب سایت

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

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

ExtractCSS
ابزاری آنلاینی می باشد که تمام کلاس ها و استایل های داخلی HTML  را می گیرد و آن را به CSS  خالص تبدیل می کند


[عکس: 1456319231-extractcss_770.jpg]

Iconizr

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


[عکس: 1456319252-iconizr_770.jpg]


Perfect Icons

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


[عکس: 1456319288-perfecticons_770.jpg]


Glyphter

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


[عکس: 1456319311-glyphter_770.jpg]



Typebase.css

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


[عکس: 1456319335-typebase_770.jpg]


Responsee II

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


[عکس: 1456319359-responsee_770.jpg]

ProCSSor

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


[عکس: 1456319389-Procssor_770.jpg]

CSS Lint

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

[عکس: 1456319416-csslint_770.jpg]

Code Beautifier

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

[عکس: 1456319498-codebeautifier_770.jpg]

CleanCSS

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


[عکس: 1456319570-cleancss_770.jpg]
پاسخ
 سپاس شده توسط شماره مجازی امارات ، تلگرام ضد فیلتر 2023


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان