תוכן עניינים
בתחום שלנו כולם תמיד מחפשים איך אפשר לשפר, איפה ניתן לייעל, ומה אפשר לעשות כדי לחסוך.
ריכזתי עבורכם 9 כלים חינמיים שישדרגו את חווית הפיתוח שלכם, ויקחו אותה לרמה הבאה.
בקיצור, דברים שאתם פשוט חייבים כבר להכיר!
היום ניתן למצוא באינטרנט כלים פחות או יותר לכל דבר שאנחנו יכולים להעלות על הדעת.
הבעיה היחידה היא שכמעט תמיד, הכלים האלו עולים כסף. במקרים רבים, הם גם עולים לא מעט כסף!
אז נכון שחלק מהכלים האלה מציעים גרסא בסיסית בחינם, אבל בדרך כלל הגרסא הבסיסית הזו מאוד מוגבלת, ובשביל באמת להנות מהכלים הטובים – אתה צריך לשלוף מזומנים.
אל דאגה! לא הגעתם לכאן בשביל להתבאס, נכון? החדשות הטובות הן שלהרבה מאוד כלים טובים ויקרים יש חלופות חינמיות.
ועל הדרך אני גם אגלה לכם סוד – הרבה פעמים, יש גם חלופות חינמיות טובות לא פחות מהגרסאות בתשלום.
אם כבר חשפנו את הסוד הזה, אז נחשוף אותו עד הסוף – לפעמים החלופות החינמיות הן פשוט..יותר טובות.
ממש בעוד רגע, תמצאו למטה רשימה של 9 כלים חינמיים (ועוד אחד בונוס, אבל אל תספרו לאף אחד) שנועדו לעזור לכם באספקטים שונים ומשונים של הפיתוח.
תסמכו עליי, אתם הולכים לאהוב אותם.
1. Code Beautify
אז הכלי הראשון שאתם מקבלים הוא, אהמ..המון כלים! בCode Beautify תמצאו ריכוז של הרבה מאוד כלים מאוד שימושיים בפיתוח WEB.
בין היתר, ניתן למצוא באתר הנפלא הזה ולידייטורים שונים (JavaScript Validator, CSS Validator ועוד), כלי לצפייה בJSON, המון ממירים (Binary to Decimal, Numbers to Words ועוד), ובקיצור – מה לא.
אם זה לא מספיק, הם גם הואילו בטובם לחלק את האתר לקטגוריות!
2. Live Reload
ממש בקצרה – Live Reload בעצם חוסך לנו את הצורך לעשות ריפרש בכל עדכון של הקוד. בין אם זה HTML, CSS או JavaScript, ברגע שתשמרו את הקובץ לאחר השינויים, הדפדפן יתעדכן אוטומטית!
Live Reload הוא אומנם לא כלי אונליין(אתם תצטרכו להוריד תוכנה ולשתול את הקוד שלהם בפרוייקט בזמן הפיתוח, או לחלופין להשתמש בתוסף שלהם לChrome), אבל הוא כלי עוצמתי.
רגע של כנות – גיליתי את הכלי הנפלא הזה רק לאחרונה, וממש לפני שבוע התחלתי להשתמש בו בפעם הראשונה בפרוייקט חדש. הנטייה הראשונית שלי הייתה לזלזל בו – אפשר לחשוב כמה זמן אני מבזבז על ריפרש.
מסתבר שהמון! תסמכו עליי, ברגע שתתרגלו – לא תוכלו לחזור לרפרש.
3. Dimensions
Dimensions הוא תוסף לChrome המאפשר לבצע מדידות בלייב בדפדפן. עם התוסף הזה לצידכם, לא תפספסו יותר פיקסל לעולם, ובעיקר לא תקבלו צעקות ממעצבים עצבניים (ובצדק) על זה שהאתר לא נראה בדיוק כמו העיצוב (אבל איכשהוא הם היחידים שרואים את ההבדל).
כן, יש לא מעט תוספים עם אותה פונקציונליות שמוצעים בחינם, אבל בחרתי לציין כאן דווקא אותו כי הוא פשוט, נוח, ואם זה לא מספיק – הוא גם Open Source.
4. Can I Use…
רוצים להשתמש בפיצ'ר חדש שקראתם עליו כאן בבלוג ואתם לא בטוחים התמיכה בו רחבה מספיק? אז תתביישו לכם, אם כתבנו עליו כאן כנראה שהתמיכה שלו מספיק רחבה. אלא אם כן ציינו שלא 🙂
אבל אם בכל זאת אתם רוצים לבדוק את רמת התמיכה בפיצ'רים שונים, זה בדיוק המקום בשבילכם. האתר מכיל את כל הפיצ'רים שאתם יכולים להעלות על דעתכם בCSS ובHTML, אבל לא רק.
הוא מתעדכן על בסיס קבוע, מספק סטטיסטיקות על פי מדינות, ומאוד מאוד נוח ואינטואיטיבי.
5. Fontello
מאז שFont Awesome פרץ לחיינו ובעיקר לתבניות הוורדפרס שלנו, כולם הבינו שהדבר הבא בWEB הוא אייקונים בפונט.
זה מהיר יותר, זה לא מוגבל בגודל, וזה גם נראה יותר טוב.
Fontello נותן לכם את היכולת ליצור webfont משלכם, עם האייקונים שלכם.
אה, ויש שם גם מלא פונטים של אייקונים שאנשים כבר יצרו!
6. Hurl.it
כמעט בכל פרוייקט WEB היום ישנה התעסקות, בין אם קטנה ובין אם גדולה, בבקשות HTTP.
הכלי הבא מאפשר לכם לשלוח בקשות HTTP מכל הסוגים, עם אותנטיקציות ועם פרמטרים, בדיוק כמו שאנחנו אוהבים.
7. Postable
כלי קטן וחמוד, אבל שימושי מאוד, במיוחד לנו דוברי העברית.
מכינים טקסט או קוד (או גם וגם), לוחצים על הכפתור – והכלי ממיר את הקלט שהכנסנו לEntities.
אני אישית משתמש בו כשאני צריך להציג כאן קוד HTML.
8. Random User Generator
פיתחתם מערכת משתמשים, עכשיו צריך לבדוק אותה. אנחנו המפתחים נוהגים לחשוב על עצמנו שאנחנו עם נעלה, ואנחנו לא יכולים להטריד את עצמנו בזוטות.
בטח ובטח שלא בזוטות כמו – לחשוב על שם משתמש מומצא לבדיקות! ואם צריך שתהיה לו גם סיסמא? ותמונה? ומייל?!
למי יש את הפנאי המחשבתי לשגעונות האלה?
Random User Generator יתנו לכם את כל מה שאתם צריכים. אני לא חושב שאי פעם אוכל להתעלות על התיאור המופלא שלהם – "Like Lorem Ipsum, but for people".
9. yourbrowser
אני חייב להודות – הכלי הבא לא קשור ישירות לפיתוח, אבל כל מי שעובד מול כל סוג של לקוחות (גם מנכ"לים עם חוסר הבנה בסיסית בטכנולוגיה הם לקוחות..) יודה לי מעומק ליבו על הכלי הבא.
מכירים את השלב שמתחילות הבעיות, אבל אתם לא מצליחים לשחזר אותן אצלכם? השלב המעיק הזה של "איזה דפדפן? ואיזו מערכת הפעלה?", וכמובן גם "רגע, הג'אווה סקריפט פועל?!".
האתר הבא מציג את כל הנתונים שתוכלו להצטרך או לחשוב עליהם.
לא מספיק? הלקוח יכול להקליד את המייל שלכם ואתם תקבלו את הדו"ח הזה ישירות למייל.
לא מספיק 2? אתם יכולים להירשם, וליצור דף משלכם – ברגע שהלקוח יכנס לדף, זה ישלח אליכם את המייל אוטומטית.
בונוס – OneTab
מי שהגיע עד לכאן, הרוויח את הבונוס הזה. והוא שווה.
כמות המשאבים שהמחשב שלנו מבזבז על הכרטיסיות הפתוחות שלנו בכרום (רק אני מחזיק חלונות עם 30 טאבים?) היא לא נורמלית.
התוסף הזה מתיימר לחסוך 95% מהשימוש בזיכרון שהולך על הChrome.
בלחיצה פשוטה עבדכם הנאמן (התוסף, לא אני) יכווץ את כלל הכרטיסיות הפתוחות באותו חלון לכרטיסיה אחת, שמכילה את כל הכרטיסיות בקישורים.
תרצו לפתוח רק אחת? למה לא!
תרצו לפתוח את כולם ביחד? למה לא!
כל מה שתרצו תוכלו לעשות, ב95% פחות שימוש בזיכרון.
כל דבר טוב צריך להסתיים..
סיימנו, ואתם לא תשקרו לי – אני יודע שזה מעציב אתכם 🙁
אני מבטיח שזו לא תהיה רשימת הכלים החינמיים האחרונה שתקבלו, אלא רק הראשונה. אם יש לכם הצעות – אל תהססו לספר לי!
עד הפעם הבאה, אני יותר מאשמח לשמוע את דעתכם על הכלים האלו בתגובות.
אם אהבתם את הרשימה, למה שלא תשתפו אותה? או לפחות תירשמו לניוזלטר שלנו 🙂
12 תגובות
david
26 באוקטובר 2016 - 12:03מדהים! מחכים לעוד!
שלומי זק
27 בנובמבר 2016 - 10:29תודה דוד! יש למה לחכות 😉
דניאל
1 בדצמבר 2016 - 0:39אחלה כתבה! שימושית ולעניין
שלומי זק
27 בדצמבר 2016 - 10:27תודה רבה דניאל 🙂
אבי סיבוני
24 בדצמבר 2016 - 18:56יש גם את DHC שהוא כלי ויעילות דומה ל HURL. IT אבל טוב יותר לדעתי
שלומי זק
27 בדצמבר 2016 - 10:27הי אבי, למה שלא תפרט את הסיבות מדוע DHC טוב יותר מ HURL.IT בעינייך?
עידן
11 בינואר 2017 - 19:24בנושא ייצור מידע שרירותי, יש גם את http://mockaroo.com שמייצר מלא סוגי מידע: שמות, כתובות, uuid, תרופות, מספרים, איברים מרשימה ועוד ועוד.
חושף גם API כך שאפשר לעבוד מולו עם מערכת בדיקות למשל
שלומי זק
12 בינואר 2017 - 10:15עידן, מוק-א-רו, הכלי שציינת – הוא נפלא!
נחשפתי אליו רק שבועות אחרי שהפוסט יתפרסם – והוא לגמרי ייכנס לפוסט הבא שלי בנושא.
תודה לך 🙂
לידור מליח
26 בינואר 2017 - 20:52מעולהה
שלומי זק
30 בינואר 2017 - 11:23אני שמח שאהבת לידור 🙂
רוויטל
27 במאי 2018 - 4:46אחלה פוסט! יש צפי לפוסט הבא שהובטח בנושא?
רמי
12 בספטמבר 2019 - 11:03האם התמעה של הקוד מ Live Reload יכול לרענן את הקוד בהעלאות גירסא (כך שהרענון מופעל על כל היוזרים) או שזה מיועד רק לטעינה של הסביבת פיתוח ?