آشنایی با سایت های کاربردی

معرفی های سایت های کارآمد جهت طراحی سایت

کد های Schema,فشرده سازی کد,فشرده سازی فایل css,فشرده سازی فایل js,فشرده سازی فایل javascript,فشرده سازی فایل html,متریال دیزاین,material design,bootsnav,منوی دراپ داون,منوی dropdown,مگا منو,فونت فارسی مخصوص وب,css sprite,freepik,دانلود تصویر,بهینه سازی تصویر,کاهش حجم تصویر

آشنایی با سایت های کاربردی

جهت طراحی سایت حتما سایت های زیر را بررسی کنید.
https://webcode.tools/
یکی از بهترین ابزار های آنلاین برای تولید انواع کدها.کاربرد این ابزار بیشتر در زمینه کدهای متاتگ ، OpenGraph و Twitter Card هست.
شاید با سایت Schema.org آشنا باشید. در مورد کدهای Schema در مقاله "نشانه گذاری Schema و تاثیرش بر سئو" صحبت کردیم.از طریق این وب سایت به راحتی میتوانید کدهای Schema را تولید و استفاده کنید. همچنین کدهای مربوط به CSS3 و HTML5 را نیز شامل می شود.

https://www.freeformatter.com/.
به وسیله این سایت می توانید فایل های html و css و...  را به راحتی فشره کنید 
همینطور میتوانید برعکس هم عمل کنید ، یعنی فایل فشرده آپلود کرده و فایل تمیز و خوانا تحویل بگیرید 

https://mdbootstrap.com/
فریم ورک بوت استرپ این بار در سبک متریال دیزاین

http://bootsnav.danurstrap.com/
Bootsnav انواع مدل های منویی که مورد نیاز شما باشد را پیاده سازی کرده.با بوت استرپ سازگاری دارد.دارای مگامنو،سبد خرید،منوی دراپ دان و غیره می باشد.

http://rastikerdar.github.io/
فونت های رایگان فارسی برای طراحی وب

http://materializecss.com
به کمک فریم‌ورک Materialize که یک فریم‌ورک رایگان هست می‌توانید با جدیدترین متد طراحی یعنی متریال دیزاین به سادگی پروژه‌های خوب و با کیفیتی را پیاده سازی کنید

http://www.spritecow.com/
یکی از بهترین وبسایت ها برای کار با css sprite

تکنیک css sprite چیست؟

قراردادن چند تصویر در یک تصویر را css sprite گویند. مثلا شما تمام آیکون های شبکه های اجتماعی را در یک تصویر قرار می دهید با این کار تعداد در خواستهایی که به سمت سرور میرود کاهش می یابد.

https://www.freepik.com/
سایتی برای دانلود تصاویر، وکتور،آیکون و فایلهای PSD با کیفیت
اگر به دنبال تصاویر با کیفیت هستید به جای گوگل می توانید از این سایت استفاده کنید.فقط کافیه کلمه مورد نظر را به انگلیسی جستجو کنید.

https://caniuse.com/
اگه دوست دارید متوجه شوید که دستورات سی اس اس که استفاده میکنید در چه مرورگرهایی پشتیبانی میشود این وب سایت به شما کمک میکند.

https://pngtree.com/
یک وبسایت عالی برای دانلود تصویر.فقط محدودیت دانلود روزی 2 تصویر را دارد

http://optimizilla.com/
یکی از نکات حائز اهمیت در سئوی یک سایت میزان حجم سایت هست و سرعت لود وب سایت هم با حجم سایت رابطه مستقیم دارد. در برخی موارد  حجم یک تصویر به تنهایی میتواند از کل قالب سایت سنگینتر باشد پس حتما سعی کنید قبل از آپلود، تصویر را برای وب بهینه کنید.
وب سایت مذکور تصاویر را  به بهترین شکل ممکن و با کمترین افت کیفیت برای وب بهینه میکند و درصد قابل توجهی از حجم تصویر کاهش می یابد.
به زبان ساده تر نکته ای که باید مدنظر داشته باشید این است که  تصاویری که تنها از چند رنگ تشکیل شده اند برای اینکه حجم کمتری داشته باشند بهتراست با پسوند png و تصاویری مانند تصاویر منظره با فرمت jpg ذخیره شوند.

منبع:طراحی سایت ارزان


 

اگر سوالی در رابطه با این مطلب دارید می توانید از طریق فرم زیر ارسال کنید
  • ایمیل شما به هیچ عنوان در سایت نمایش داده نمی شود
  • شماره تماس اختیاری است می توانید آن را وارد نکنید
  • کامنت شما بعد از تایید مدیر سایت نمایش داده می شود