MasterScripter

9 כלים חינמיים שכל מפתח WEB צריך להכיר

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

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

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

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

1. Code Beautify

אז הכלי הראשון שאתם מקבלים הוא, אהמ..המון כלים! בCode Beautify תמצאו ריכוז של הרבה מאוד כלים מאוד שימושיים בפיתוח WEB.
בין היתר, ניתן למצוא באתר הנפלא הזה ולידייטורים שונים (JavaScript Validator, CSS Validator ועוד), כלי לצפייה בJSON, המון ממירים (Binary to Decimal, Numbers to Words ועוד), ובקיצור – מה לא.
אם זה לא מספיק, הם גם הואילו בטובם לחלק את האתר לקטגוריות!

codebeautify

Code Beautify

 

2. Live Reload

ממש בקצרה – Live Reload בעצם חוסך לנו את הצורך לעשות ריפרש בכל עדכון של הקוד. בין אם זה HTML, CSS או JavaScript, ברגע שתשמרו את הקובץ לאחר השינויים, הדפדפן יתעדכן אוטומטית!
Live Reload הוא אומנם לא כלי אונליין(אתם תצטרכו להוריד תוכנה ולשתול את הקוד שלהם בפרוייקט בזמן הפיתוח, או לחלופין להשתמש בתוסף שלהם לChrome), אבל הוא כלי עוצמתי.
רגע של כנות – גיליתי את הכלי הנפלא הזה רק לאחרונה, וממש לפני שבוע התחלתי להשתמש בו בפעם הראשונה בפרוייקט חדש. הנטייה הראשונית שלי הייתה לזלזל בו – אפשר לחשוב כמה זמן אני מבזבז על ריפרש.
מסתבר שהמון! תסמכו עליי, ברגע שתתרגלו – לא תוכלו לחזור לרפרש.

livereload

LiveReload

3. Dimensions

Dimensions הוא תוסף לChrome המאפשר לבצע מדידות בלייב בדפדפן. עם התוסף הזה לצידכם, לא תפספסו יותר פיקסל לעולם, ובעיקר לא תקבלו צעקות ממעצבים עצבניים (ובצדק) על זה שהאתר לא נראה בדיוק כמו העיצוב (אבל איכשהוא הם היחידים שרואים את ההבדל).
כן, יש לא מעט תוספים עם אותה פונקציונליות שמוצעים בחינם, אבל בחרתי לציין כאן דווקא אותו כי הוא פשוט, נוח, ואם זה לא מספיק – הוא גם Open Source.

dimensions

Dimensions

4. Can I Use…

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

caniuse

Can I Use..

5. Fontello

מאז שFont Awesome פרץ לחיינו ובעיקר לתבניות הוורדפרס שלנו, כולם הבינו שהדבר הבא בWEB הוא אייקונים בפונט.
זה מהיר יותר, זה לא מוגבל בגודל, וזה גם נראה יותר טוב.
Fontello נותן לכם את היכולת ליצור webfont משלכם, עם האייקונים שלכם.
אה, ויש שם גם מלא פונטים של אייקונים שאנשים כבר יצרו!

fontello

Fontello

6. Hurl.it

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

hurlit

Hurl.it

7. Postable

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

postable

Postable

8. Random User Generator

פיתחתם מערכת משתמשים, עכשיו צריך לבדוק אותה. אנחנו המפתחים נוהגים לחשוב על עצמנו שאנחנו עם נעלה, ואנחנו לא יכולים להטריד את עצמנו בזוטות.
בטח ובטח שלא בזוטות כמו – לחשוב על שם משתמש מומצא לבדיקות! ואם צריך שתהיה לו גם סיסמא? ותמונה? ומייל?!
למי יש את הפנאי המחשבתי לשגעונות האלה?
Random User Generator יתנו לכם את כל מה שאתם צריכים. אני לא חושב שאי פעם אוכל להתעלות על התיאור המופלא שלהם – "Like Lorem Ipsum, but for people".

randomusergenerator

Random User Generator

9. yourbrowser

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

yourbrowser

yourbrowser

בונוס – OneTab

מי שהגיע עד לכאן, הרוויח את הבונוס הזה. והוא שווה.
כמות המשאבים שהמחשב שלנו מבזבז על הכרטיסיות הפתוחות שלנו בכרום (רק אני מחזיק חלונות עם 30 טאבים?) היא לא נורמלית.
התוסף הזה מתיימר לחסוך 95% מהשימוש בזיכרון שהולך על הChrome.
בלחיצה פשוטה עבדכם הנאמן (התוסף, לא אני) יכווץ את כלל הכרטיסיות הפתוחות באותו חלון לכרטיסיה אחת, שמכילה את כל הכרטיסיות בקישורים.
תרצו לפתוח רק אחת? למה לא!
תרצו לפתוח את כולם ביחד? למה לא!
כל מה שתרצו תוכלו לעשות, ב95% פחות שימוש בזיכרון.

onetab

OneTab

כל דבר טוב צריך להסתיים..

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

אם הגעת עד לפה, הגיע הזמן להירשם לניוזלטר!

Summary
Article Name
9 כלים חינמיים שכל מפתח WEB צריך להכיר
Description
רשימה של 9 כלים חינמיים שישדרגו את חווית הפיתוח שלכם ויקחו אותה לרמה הבאה!
Author
Publisher Name
MasterScripter
Publisher Logo
אודות 
יזם בוטסטראפ, מתכנת ומנהל מוצר. שותף מייסד בקבוצת סיזן שמספקת שירותי פיתוח וליווי טכנולוגי לחברות וארגונים, וב-edge אתגרים בחינוך שמפתחת מוצרים דיגיטליים לבתי ספר. המייסד של PBC - מועדון ספרים מקצועי.

12 תגובות

  1. david

    26 באוקטובר 2016 - 12:03
    תגובה

    מדהים! מחכים לעוד!

  2. דניאל

    1 בדצמבר 2016 - 0:39
    תגובה

    אחלה כתבה! שימושית ולעניין

  3. אבי סיבוני

    24 בדצמבר 2016 - 18:56
    תגובה

    יש גם את DHC שהוא כלי ויעילות דומה ל HURL. IT אבל טוב יותר לדעתי

    • שלומי זק

      27 בדצמבר 2016 - 10:27
      תגובה

      הי אבי, למה שלא תפרט את הסיבות מדוע DHC טוב יותר מ HURL.IT בעינייך?

  4. עידן

    11 בינואר 2017 - 19:24
    תגובה

    בנושא ייצור מידע שרירותי, יש גם את http://mockaroo.com שמייצר מלא סוגי מידע: שמות, כתובות, uuid, תרופות, מספרים, איברים מרשימה ועוד ועוד.
    חושף גם API כך שאפשר לעבוד מולו עם מערכת בדיקות למשל

    • שלומי זק

      12 בינואר 2017 - 10:15
      תגובה

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

  5. רוויטל

    27 במאי 2018 - 4:46
    תגובה

    אחלה פוסט! יש צפי לפוסט הבא שהובטח בנושא?

  6. רמי

    12 בספטמבר 2019 - 11:03
    תגובה

    האם התמעה של הקוד מ Live Reload יכול לרענן את הקוד בהעלאות גירסא (כך שהרענון מופעל על כל היוזרים) או שזה מיועד רק לטעינה של הסביבת פיתוח ?

השאר/י תגובה לאבי סיבוני

לבטל

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