תוֹכֶן
- 01. פשט את Gmail
- 02. ספקטרום
- 03. CSS סריקה 2.0
- 04. אמינו
- 05. סיזי
- 06. פלטת אתרים
- 07. צ'ק-בוט
- 08. טובי
- 09. DomFlags
- 10. מדגיש מאוד
כלי ה- Dev של Chrome מעולים, אך ניתן להוסיף תכונות מרגשות עוד יותר לדפדפן האינטרנט שלך כדי להקל על עיצוב ופיתוח אתרים.
יש כמובן המון כלים אחרים כדי להאיץ את העניינים, ראה את הפוסט הכלים האהוב עלינו לעיצוב אתרים. לעת עתה, הנה 30 מתוספי Chrome המועדפים עלינו עבור מעצבי אתרים ומפתחים.
01. פשט את Gmail
אם אתה מוצא שג'ימייל קצת מבולגן יותר מדי לטובתו, אמור שלום לפשט את ג'ימייל, שמסחף את כל הפסולת וההחלטות הגרועות של ממשק המשתמש שהשתחל אליו בשנים האחרונות. נוצר על ידי המעצב הראשי לשעבר של ג'ימייל, מייקל לגט, הוא נפטר מכל העומס המסיח את הדעת ונותן לך גרסה מופשטת ופונקציונלית יותר.
02. ספקטרום
עיוורון צבעים כלשהו משפיע על כ -200 מיליון איש ברחבי העולם, אך ההסעדה עבורם לרוב נמוכה ברשימת הנגישות של המעצבים. עם זאת, בעזרת ספקטרום תוכלו לבדוק במהירות את האתר שלכם מול סוגים שונים של מחסור בראיית צבע ולהבטיח שהכל יהיה ברור.
03. CSS סריקה 2.0
כלי ה- Dev של Chrome הם דרך שימושית לבדוק מתחת למכסה המנוע כדי לראות כיצד האתר פועל, אך CSS Scan 2.0 קל עוד יותר אם מדובר ב- CSS שאתה רוצה להסתכל עליו. העבר את העכבר מעל כל אלמנט וה- CSS שלו יופיע בתצוגה מוקפצת, המאפשר לך להעתיק את הכללים שלו בלחיצה אחת. אתה יכול להשתמש בו כדי להעתיק אלמנטים מסוימים מתמות או מתבניות כדי להתאים את עצמך לשימוש, וזה נהדר לניפוי באגים בקוד שלך.
04. אמינו
הנה עוד כלי CSS נהדר. אמינו הוא עורך CSS חי המאפשר לך ליצור גליונות סגנון בדפדפן ולהחילם בזמן אמת על אתרי אינטרנט. זה מאפשר לך לבצע שינויים בעיצוב קבוע בכל אתר שאתה מבקר בו, ואם אתה מחובר ל- Chrome באמצעות חשבון Google שלך, גיליונות הסגנון יסונכרנו כך שיהיו נגישים מ- Chrome בכל מכשירי שולחן העבודה שלך.
05. סיזי
עיצוב אתרים רספונסיבי הוא נתון בימינו, ואתה רוצה דרך פשוטה לבדוק את העיצובים שלך במספר תצוגות, שווה להסתכל בסיזי. זה יציג בפניך תצוגה אינטראקטיבית של הדף שלך שמוצג במספר גדלי מסך מכשירים שונים, ותוכל גם להציג ולהסתיר מקלדת מכשיר מדומה ולעבור בין מצבי דיוקן לרוחב.
06. פלטת אתרים
בפעם הבאה שאתה רואה אתר שעושה שימוש נהדר בצבע, הנה דרך פשוטה לנצל אותו. פלטת האתרים שואבת את הצבעים העיקריים מאתר ויוצרת פלטה הניתנת לשיתוף שתוכלו להציג בקלות בפני משתפי הפעולה. אתה יכול גם להוריד תבנית Sketch, וגם יש תמיכה של Adobe Swatch.
07. צ'ק-בוט
הקפדה על כך שכל הקישורים באתר שלכם אכן פועלים הם זכייה מיידית בשימושיות וזו דרך טובה לשפר גם את SEO. צ'קבוט הוא תוסף של Chrome הבודק אחר קישורים שבורים, כותרות כפולות, שרשראות להפניה מחדש, HTML / JS / CSS לא חוקי ועוד, כך שתוכל לבקר במהירות באתר שלך אם יש קישורים רעים ולתקן אותם.
08. טובי
זוהי האמת האוניברסלית כי עד שכרום פתוח כבר כמה שעות זה יהיה קן מבלבל של כרטיסיות ברוחב האצבע הקטנה שלך. טובי זו דרך נהדרת לאלף אותם; בעזרתו תוכלו לארגן את כל הכרטיסיות הללו באוספי קישורים כחלופה לעומק של סימניות בודדות, מה שהופך אותן להרבה יותר קלות לניהול.
09. DomFlags
האיץ באופן קיצוני את תהליכי אלמנטים הסטיילינג בעזרת DomFlags, סיומת נהדרת באמת המאפשרת ליצור קיצורי מקשים עבור רכיבי DOM. זה כמו שיש סימניות לניווט ב- DOM; זה ישנה את אופן העבודה שלך עם DevTools.
10. מדגיש מאוד
הנה דרך מעניינת להביא אנשים לדיון: מאפשר לך מאוד לשתף דגשים ממאמרים באינטרנט, כך שתוכל להפנות את תשומת הלב לפיסות הכתיבה המשמעותיות ביותר.
הבא: עוד 10 תוספי Chrome