חמישה תוספים לפיירפוקס שיעזרו לכם בבניית אתרים

פיירפוקס הוא לדעתי הדפדפן הטוב ביותר כיום למפתחים, יש כמובן כאלו שיחלקו עלי ויגידו גוגל כרום, אבל שבטעות מישהו לא יגיד אקספלורר 🙂 בפוסט  זה אני רוצה להתמקד בחמישה תוספים מעולים שמתלבשים על פיירפוקס ויעזרו לכם בתהליך בניית אתרים, עיצוב אתרים ועיצוב בכלל.

אז נתחיל עם התוסף הראשון, שלדעתי הוא פשוט חובה אצל כל מפתח. מאז שגיליתי אותו הפיתוח הרבה יותר קל ומהיר.

FireBug – תוסף פיתוח בעיקר לקבצי CSS

תוסף פיירבאג לפיירפוקס

תוסף פיירבאג לפיירפוקס

התוסף מראה לכם את קוד המקור של הדף בנפרד מגליון הסגנונות (CSS) של הדף ובמקביל מציג את הדף באופו ויז'אלי, הוא מאפשר לכם לערוך שינויים בלייב בקובץ ה-CSS  ולראות איך זה יוצג על המסך. זה חוסך המון עבודה ויעיל בעיקר בתרגום תבניות וורדפרס לעברית. זה עושה את החיים הרבה יותר קלים.

Window Resizer – התאמה לרזולוציות
התוסף הבא מאפשר לכם לשנות את גולד החלון והרזולוציה בשיות, כך תוכלו לבדוק את האתר שלכם ברזולוציות שונות. כדי שלא יהיו פאדיחות אח"כ 🙂

התאמת רזולציה לאתרים ע"י תוסף הפיירפוקס

התאמת רזולציה לאתרים ע"י תוסף הפיירפוקס

ColorZilla – דגימת צבעים מהדפדפן
תוסף לכאורה פשוט אבל מאוד מאוד שימושי, התוסף מתלבש לכם על הדפדפן ונותן לכם את כלי הדגימה, כמו eyedropper של פוטושופ, זה מעולה כשאתם מחפשים השראה וגולשים באתרי אינטרנט ורוצים לדגום צבע כזה או אחר, או שאתם מעצבים עמוד בפייסבוק עפ"י אתר קיים וצריכים להשתמש באותם צבעים של האתר.

דגימת צבע בפיירפוקס

דגימת צבע בפיירפוקס

MeasureIt – דגימת ומדידת שטחים
גם תוסף שהוא לכאורה קטנטן אך מאוד מועיל, הוא מאפשר לך לסמן שטח מסויים על האתר ולראות את הגדלים שלו, אח"כ זה עוזר המון בעימוד, ממשק משתמש, עיצוב כפתורים, שטחי תוכן ואפיון פורטחלים וכו'… בקיצור מעולה. או כדברי משינה "משהו קטן וטוב".

דגימת שטח בפיירפוקס

דגימת שטח בפיירפוקס

IE Tab – בדיקת תאימות לאקספלורר
פלאג שפותח לכם טאב של אינטרנט אקספלורר בתוך הפיירפוקס, אם לא בא לכם לעבור בין דפדפנים כדי לבדוק תאימות, אתם פשוט לוחצים קליק ימני ואז "פתח בלשונים IE), או פשוט לוחצים על האייקון ליד שורת הכתובת (URL).

טאב של פיירפוקס עם look & feel של אקספלורר

טאב של פיירפוקס עם look & feel של אקספלורר

זהו להיום, הפלאגים האלו משפרים משמעותית את הזמן בו אתם בונים אתרים ועושים את החיים הרבה יותר קלים. הרבה יותר קל לתכנת עם הדבירם האלו, וכשהחיים קלים יותר – יש גם יותר השראה! וזה גם אומר שהעיצובים שלכם יצאו הרבה יותר טוב.

בניית אתרים ניעמה שתהיה לכם 😉

2 תגובות
  1. אסף
    אסף says:

    תודה.
    אני חייב להוסיף עוד שני תוספים שלדעתי הם חיוניים לבוני אתרים:
    1. Web Developer Toolbar – סרגל כלים עם הרבה מאוד פיצ'רים, מאוד שימושי.
    2. SearchStatus – תוסף יותר למקדמי אתרים אבל חיוני לכל מקדם אתרים להכיר את הנתונים שהוא מספק (פייג'רנק, אלקסה ועוד).
     

    הגב

השאירו תגובה

Want to join the discussion?
Feel free to contribute!

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *