illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



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

ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 10) : جابجا کردن تبها و کار کردن با رنگها در Inspector

0 149 ۱۵ شهریور ۹۵

inspector

ترفند 19 : جابجا کردن و چیدن تب ها با سلیقه خودتون

همونطور که میدونید درون Inspector تعدادی تب وجود داره و از ابتدا ترتیب اونا توسط خود مرورگر بصورت پیش فرض قرار گرفته. در نسخه های اخیر قابلیتهای زیادی به Inspector اضافه شده که خیلی در اون به رابط کاربری و تجربه کاربری اهمیت دادن و با اینکار رضایت کاربران رو جلب میکنن. یکی از اون کارا جابجا کردن تب ها و چیدن اونا متناسب با سلیقه خودتون هست. وقتی که تبها رو جابجا میکنید، جوری نیست که با بستن مرورگر باز به صورت اول برگرده و تا وقتی که تغییرشون ندید همون میمونه. برای جابجا کردن کافیه که هر تبی رو خواستید درگ کنید و در جای مورد نظرتون رها کنید. بصورت زیر:inspector move tabs

دیدید که چقد راحت میشه اینکارو انجام داد.

ترفند 20 : کار کردن با جعبه ابزار رنگ در Inspector

یکی از قابلیتهای خوبی که در Inspector کروم قرار داده شده اینه که میتونین با استفاده از Color palette قوی اون رنگهای خودتون رو به سادگی مدیریت کنید. برای مثال سایت Google رو باز کنید و Inspector رو درون اون باز کنید. در قسمت سمت راست که استایلهای CSS قرار داده شدن، هر جا که رنگی تعریف شده باشه، یک مربع کوچک همون رنگی هست که با کلیک بر روی اون یک Color Palette باز میشه و میتونین رنگ مورد نظر رو مدیریت کنید:inspector color palette

بعد از کلیک بر روی اون، بصورت زیر میشه:inspector color palette 2

  1. با درگ کردن بر این منطقه میتونین رنگ مورد نظرتون رو انتخاب کنید. در این منطقه رنگهای مشابه و نزدیک به هم قرار داده شدن. مثلا از قرمز روشن تا قرمز تیره.
  2. با استفاده از این دو اسلایدر میتونین بازه رنگ و درجه شفافیت رنگتون رو مشخص کنید.
  3. با کلیک بر روی این آیکون Syntax نمایش رنگ بین HEX و RGBA و HSLA جابجا میشه
  4. با کلیک بر روی این آیکون میتونین Color Palette خودتون رو انتخاب کنید. چند گزینه داره که دو تای مهم اون Material Color و Page Color هست. در بالا مورد Page color فعال هست و خود Inspector بصورت اتوماتیک رنگهای عمده استفاده شده در صفحه فعلی رو پیدا کرده و نمایش میدن و شما میتونین از اونا استفاده کنید.

همچنین یه آیکون Color picker وجود داره:inspector color palette 3

میبینید که الان فعال هست و اگر روش کلیک کنید غیر فعال میشه. در حالتی که فعال هست، اگر ماوستون رو به داخل صفحه سایت ببرید، با دقت زیاد و پیکسلی میتونین یکی از رنگهای موجود در صفحه رو انتخاب کنید:inspector color palette 4

بهمین راحتی میتونین رنگهای موجود در Inspector رو مدیریت و اداره کنید.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram