محتوا
- 01. Gmail را ساده کنید
- 02. طیف
- 03. CSS Scan 2.0
- 04. آمینو
- 05. سیسمونی
- 06. پالت سایت
- 07. چک بات
- 08. توبی
- 09. DomFlags
- 10. Highlighter
ابزارهای توسعه یافته Chrome بسیار عالی هستند ، اما امکان افزودن ویژگی های جذاب تر به مرورگر اینترنت خود نیز وجود دارد تا طراحی و توسعه وب را آسان تر کند.
البته ، یک تن از ابزارهای دیگر برای سرعت بخشیدن به کار وجود دارد ، به پست ابزارهای طراحی وب مورد علاقه ما مراجعه کنید. در حال حاضر ، در اینجا 30 مورد از برنامه های افزودنی مورد علاقه Chrome برای طراحان و توسعه دهندگان وب وجود دارد.
01. Gmail را ساده کنید
اگر می دانید که Gmail برای کار خود بسیار کثیف است ، سلام به ساده کردن Gmail ، که تمام آوارها و تصمیمات بد UI را که طی چند سال گذشته در آن رخ داده است ، از بین می برد. ایجاد شده توسط طراح ارشد سابق جیمیل ، مایکل لگت ، از شر همه چیز بهم ریخته و دور از ذهن خلاص می شود و نسخه کم عمق و کاربردی تری به شما می دهد.
02. طیف
کوری رنگ به نوعی حدود 200 میلیون نفر را در سراسر جهان تحت تأثیر قرار می دهد ، اما پذیرایی از آنها اغلب در لیست بررسی دسترسی طراحان کم است. با وجود طیف ، می توانید به سرعت سایت خود را در برابر انواع مختلف کمبود بینایی رنگ آزمایش کنید و اطمینان حاصل کنید که همه چیز روشن است.
03. CSS Scan 2.0
Chrome's Dev Tools یک روش مفید برای بررسی زیر کلاهک برای دیدن نحوه کار یک سایت است ، اما CSS Scan 2.0 حتی اگر CSS مورد نظر شما باشد ، آسان تر است. بر روی هر عنصری بروید و CSS آن در نمای پاپ آپ ظاهر می شود و به شما امکان می دهد قوانین آن را تنها با یک کلیک کپی کنید. می توانید از آن برای کپی کردن عناصر خاص از مضامین یا الگوها برای سازگاری با استفاده خود استفاده کنید و برای اشکال زدایی کد خودتان بسیار مناسب است.
04. آمینو
در اینجا یکی دیگر از ابزارهای عالی CSS است. Amino یک ویرایشگر CSS زنده است که به شما امکان می دهد ورق های سبک را در مرورگر ایجاد کرده و به صورت بلادرنگ در وب سایت ها اعمال کنید. به شما امکان می دهد در هر سایتی که بازدید می کنید تغییرات دائمی در طراحی ایجاد کنید و اگر با حساب Google خود به سیستم Chrome وارد شده باشید ، سبک ها همگام سازی می شوند تا از طریق Chrome در همه دستگاه های دسک تاپ شما قابل دسترسی باشند.
05. سیسمونی
طراحی وب پاسخگو این روزها داده شده است ، و شما می خواهید روشی ساده برای بررسی طرح های خود در چندین منظره مشاهده کنید ، ارزش Sizzy را دارد. این یک نمای تعاملی از صفحه شما در تعداد مختلف صفحه نمایش دستگاه ارائه شده به شما نشان می دهد ، همچنین می توانید صفحه کلید شبیه سازی شده دستگاه را نشان داده و پنهان کنید و بین حالت های عمودی و افقی جابجا شوید.
06. پالت سایت
دفعه بعدی که سایتی را مشاهده کردید که از رنگ بسیار استفاده کرده است ، در اینجا یک روش ساده برای استفاده از آن وجود دارد. Site Palette رنگهای اصلی را از یک وب سایت استخراج کرده و یک پالت قابل به اشتراک گذاری تولید می کند که می توانید به راحتی به همکاران نشان دهید. همچنین می توانید الگوی Sketch را بارگیری کنید و پشتیبانی Adobe Swatch نیز وجود دارد.
07. چک بات
اطمینان از اینکه تمام پیوندهای سایت شما در واقع کار می کنند ، یک برد فوری برای استفاده است و همچنین روش خوبی برای بهبود سئو سایت است. Checkbot یک افزونه Chrome است که پیوندهای خراب ، عناوین تکراری ، زنجیره های هدایت مجدد ، HTML / JS / CSS نامعتبر و موارد دیگر را بررسی می کند ، بنابراین می توانید به سرعت سایت خود را از نظر پیوندهای بد بررسی کرده و برطرف کنید.
08. توبی
این حقیقتی است که به طور جهانی تصدیق شده است و تا زمانی که Chrome را برای چند ساعت باز کرده اید ، لانه گیج کننده ای از زبانه ها به عرض انگشت کوچک شما خواهد بود. توبی راهی عالی برای اهلی کردن آنهاست. با استفاده از آن می توانید همه آن برگه ها را به عنوان مجموعه ای از پیوندها به عنوان جایگزین برای تعداد زیادی نشانک جداگانه سازماندهی کنید ، و مدیریت آنها را بسیار آسان تر می کند.
09. DomFlags
با DomFlags ، یک فرمت واقعاً عالی که به شما امکان می دهد میانبرهای صفحه کلید را برای عناصر DOM ایجاد کنید ، سرعت فرآیندهای یک ظاهر طراحی شده را سریعاً تسریع کنید. این مانند داشتن نشانک برای پیمایش در DOM است. این روش کار شما با DevTools را تغییر می دهد.
10. Highlighter
در اینجا یک روش جالب برای بحث کردن در افراد وجود دارد: به شما امکان می دهد نکات برجسته مقاله های موجود در وب را به اشتراک بگذارید ، بنابراین می توانید به مهمترین موارد نوشتن توجه کنید.
بعدی: 10 برنامه افزودنی دیگر Chrome
