כלים ותוספים שכל מפתח מתחיל חייב להכיר

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

Cache Killer

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

EditThisCookie

תוסף קליל שיאפשר לכם לצפות, לערוך ולמחוק קבצי Cookies.

Tag Assistant

תוסף של גוגל שמאפשר לנו לצפות בתגי גוגל (אנליטקס, המרות, רימרקטינג) שיש באתר ובמצבם.

Page Ruler

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

ColorZilla

עוד תוסף קליל מאוד שיאפשר לכם לדגום צבעים מהדף.

Fileseek

כאשר עובדים על פרוייקט גדול ובמיוחד אם עברו כמה ימים טובים מאז כתיבת שורת הקוד האחרונה, לעיתים נצטרך למצוא מחרוזת כלשהי (שם של פונקציה או אלמנט של CSS) בתיקיות הפרוייקט. מי שעבד על פרוייקטים גדולים בעבר יודע שזוהי עלולה להיות משימה לא פשוטה, למה לעבוד קשה? fileseek הינה תוכנה קלילה ונחמדה שתערוך עבורכם חיפוש, טיפ חשוב! – בשדה "include files", השתדלו לכתוב את סוג הקובץ אותו אתם מחפשים. אם זו פונקציה מסויימת ב-JS, רשמו "*.js" (ללא המרכאות כמובן). הדבר יבטיח כי תקבלו תוצאות של קבצי JS בלבד.

המרה מ-CSS ל-SCSS/SASS

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

Responsive Design Checker

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

Minify CSS & JavaScript

כאשר מעלים את האתר לסביבת פרודקשן, רצוי לכווץ את קבצי ה-CSS וה-JS וזאת לטובת הקטנת גודלם, מה שישפר את מהירות טעינת האתר ואת ציון ה-SEO שלכם.
אם מדובר על אתר וורדפרס, ישנם תוספים רבים שעושים זאת ואף יותר, ואם לא? בבקשה:
Minify JavaScript – יכווץ את קוד ה-JavaScript שתזינו.
Javascript Beautifier – יעשה פעולה הפוכה, כלומר יחזיר את קוד ה-JavaScript לצורתו המקורית.
Minify CSS – יכווץ את קוד ה-CSS שתזינו.
CSS Beautifier – יעשה פעולה הפוכה, כלומר יחזיר את קוד ה-CSS לצורתו המקורית.

WhatsMyDNS

שיניתם רשמות DNS? האתר יספק לכם את מצב הרשומות שלכם באופן עדכני.

תהנו!

נהנת ממאמר זה? הירשם לרשימת התפוצה וקבל עדכונים על מאמרים חדשים!


2 תגובות בנושא “כלים ותוספים שכל מפתח מתחיל חייב להכיר”

כתיבת תגובה

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