היום, אני משתף אתכם ברשימה האוצרת שלי של 12 תוספי Chrome למעצבים ומפתחים. אני נרגש שזהו תחום ההתמחות שלי אז בואו ניגש ישר אליו.
1. The Great Spender
The Great Suspender הוא תוסף חינמי וקוד פתוח של Google Chrome שממזער את כמות הזיכרון ש-Chrome משתמש. זה עושה זאת על ידי השעיה אוטומטית של כרטיסיות שהיו רדומות.מתחת למכסה המנוע, מה שהוא עושה זה להסיר מדפי האינטרנט הרדומים את הגרפיקה שלהם, JS וכו'.
The Great Suspender Chrome Extension
2. בדיקת UX
UX Check תוסף Chrome עוזר לך לזהות בעיות שימושיות באמצעות הערכה היוריסטית מהירה וקלה.
זרימת העבודה פשוטה. לחץ על הסמל כדי להפעיל Nielsen's Ten Heuristics בלוח צד כמו עם Chrome Dev כלים . אתה יכול ללחוץ על כל רכיב שלא עובר את ההערכה כדי להוסיף הערות, לצלם צילומי מסך ולייצא כקובץ s docx לשיתוף קל.
UX Check Chrome Extension
3. מפיל עיניים
Eye Dropper הוא כלי איסוף הצבע המדהים ביותר מבחינתי.הוא כולל 2 כרטיסיות - Eyedropper ו-Cooler בוחר . כלי הטפטפת מאפשר לך לבחור צבעים מכל דף אינטרנט בעוד שכלי בוחר הצבעים מאפשר לך לבחור צבעים מותאמים אישית.
צבעים שנבחרו מדפי אינטרנט או נבחרים בלשונית בורר הצבעים נשמרים אוטומטית בלוח שניתן להוריד כקובץ CSV. כמו כן, Eye Dropper מציג את כל הצבעים בקודי RGB, HSL, HEX, ולפי שם, והוא תומך בקיצורי מקלדת.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja מסוגל להציג מידע על כל גופן בכל אתר אינטרנט. הוא מכיל קישורי הורדה לגופנים בחינם ואפשרות להצגת המחירים של גופנים בתשלום.
FontFace Ninja יש גם אפשרויות להשתמש במצב כהה, לזהות גופנים בתמונות (בטא) והצגת אפשרויות של סימניות.
FontFace Ninja Chrome Extension
5. סרגל עמוד
Page Ruler היא הרחבה מינימליסטית של סרגל המאפשרת למדוד רוחבים וגבהים בדפי אינטרנט. הוא כולל מספר קיצורי מקלדת, ניווט בין רכיבי הורה וילד, הנחיות מדידה ולוקליזציה ב-10 שפות.
Page Ruler Chrome Extension
6. פייסבוק הורדת וידאו
FB Down יכול להוריד בקלות סרטונים מפייסבוק ומכל עמוד אחר עם הפעלת וידאו. אתה יכול להשתמש בו כדי להוריד את כל פורמטי המדיה הפופולריים כולל סרטונים מסוימים המוגנים בזכויות יוצרים (כאשר אתה בוחר להוריד את הסרטון ללא שמע).
FB Down פועל כרחרח קישורים בדפי אינטרנט והסמל נדלק כאשר הוא רואה תוכן להורדה.
Facebook Video Downloader Chrome Extension
7. PerfectPixel
PerfectPixel מאת WellDoneCode, הוא התוסף הטוב ביותר ליצירת אתרים מושלמים לפיקסלים. זה מאפשר לך להגדיר תמונות כשכבות-על שתוכל להשוות לאתר הפיתוח. הוא תומך בקיצורי מקלדת, שכבת-על תמונה שקופה למחצה ועוד.
PerfectPixel Chrome Extension
8. TinEye
TinEye הוא הכלי המושלם לחיפוש תמונות הפוך והראשון ליישם טכנולוגיית זיהוי תמונה, במקום מילות מפתח, מטא נתונים או סימני מים. זה עובד על ידי יצירת חתימות דיגיטליות ייחודיות לתמונות ולאחר מכן משווה את החתימות לאלו שבאינדקס שלה.
TinEye לא רק מחזיר תמונות דומות בתוצאות החיפוש שלה אלא התאמות מדויקות לא כולל גרסאות חתוכות, שינוי גודל וערוך.
TinyEye Chrome Extension
9. CSS Pepper
CSS Pepper מאפשר לך לחלץ CSS (אפילו של אובייקטים מוסתרים) ולבנות מדריכים בסגנון יפה בצורה מאורגנת היטב. זה מאפשר למעצבים ולמפתחים להשקיע זמן בעבודה על העיצוב מאשר בחיפוש בקוד.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns מודיע לך על כל מה שרץ בכל אתר אינטרנט כולל מסגרות, ערכות נושא, גופנים, CMS וכו'.
כמו כן, אתה יכול לעקוב אחר אתרים כדי שהתוסף יודיע לך על הוספת טכנולוגיות חדשות.
WhatRuns Chrome Extension
11. Muzli
Muzli הוא תוסף חינמי שמביא אלפי עיצובים יפים ומעוררי השראה ישירות לדפדפן שלך בצורה של החלפת כרטיסייה חדשה .
בכל פעם שאתה פותח כרטיסייה חדשה Muzli מאכלסת אותה בכמה מהעיצובים היפים ביותר מ-120+ מקורות כולל InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, וכו'! זהו תכשיט למעצבים.
Muzli Chrome Extension
12. ממדים
Dimensions הוא תוסף חינמי וקוד פתוח המציע לך דרך חכמה למדידת מרחקים בין רכיבי עמוד.
מצא את הממדים של רכיבי תמונה ו-HTML על ידי גרירה וריחוף יחסית של העכבר. אתה יכול גם להשתמש בקיצורי מקלדת כדי לעבוד - רק זכור להגדיר קיצור מקלדת בסוף רשימת ההרחבות של Chrome כדי להחליף את התוסף כדי ליהנות מהחוויה הטובה ביותר.
Dimensions Chrome Extension
ישנן הרחבות נוספות שכדאי לדעת עליהן, למשל. Checkbot שואפת להגביר את המוניטין SEO שלך ואת המהירות והאבטחה הכוללת של האתר על ידי בדיקת קישורים שבורים, דפים לא מאובטחים, HTML/CSS/JS לא חוקיים, כותרות כפולות ועוד בעיות שאולי לא תבחין בהן במהלך הפיתוח.
ובדוק את הקישורים שלי שזוחלת דרך דפי האינטרנט שלך כדי לוודא שאין לך קישורים שבורים - זה בחינם אבל לא כמו חָסוֹן.
יש לכם הרחבות מגניבות למעצבים ומפתחים שכדאי שנדע עליהם? הוסף אותם בקטע ההערות למטה.