8 תוכנות מומלצות לעיצוב ובניית אתרים במק

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

קידוד

1. TextMate

חלון טיפוסי של textmate
חלון טיפוסי של textmate

תחליף יאה לנוטפד++ ועורך קוד מצויין בפני עצמו. פיצ'רים חביבים כמו סגירה אוטומטית של סוגריים וגרשיים ועוד הרבה bundles שמגיעים עם התוכנה. מומלץ להתקין את גרסת הזן קודינג ל-TextMate.

דורון אלטרץ, מורי ורבי ממכללת הדסה, ושגיא שרייבר מפיקסל פרפקט המליצו על עורכי קוד נוספים בתגובות:

עורכי קוד מומלצים נוספים

  • TextWrangler - אחיו הקטן והחינמי של העורך הותיק והמשוכלל BBEdit
  • Coda - תוכנה מצויינת המאגדת בתוכה עורך קוד, תצוגת דפדפן וקליינט ftp
  • Sublime Text 2 - עורך קוד חדש, מודרני וחינמי שעובד על כל מערכות ההפעלה.
    איפה הקאץ'? אין תמיכה ב-rtl (עברית תופיע הפוך) ואין זן קודינג (אם כי יש קיצורים מובנים בתוכנה)
  • Espresso - טוב בעיקר לפיתוח ג'אווה-סקריפט ו-css

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

2. LiveReload (חינם)

חלון ניהול האתרים בתוכנת LiveReload
חלון ניהול האתרים בתוכנת LiveReload

לרענון אוטומטי של css ו-html, וכן לקימפול sass, haml ודומיו. מצריך התקנת תוסף לדפדפן מלבד התקנת התוכנה עצמה. כיפי ושימושי מאוד.

3. mamp (חינם)

החלון הראשי של תוכנת השרת Mamp
החלון הראשי של תוכנת השרת Mamp

גרסת המק ל-wamp - בנדל של אפאצ'י, mysql ו-php - קלה לשימוש וחביבה.

עיצוב וחיתוך

4. xScope

אחד מכלי המדידה של xscope
אחד מכלי המדידה של xscope

מבחר של כלי עזר למדידת פיקסלים. טוב לחיתוך עיצוב ל-html/css וכן לבחינת אתרים קיימים.
למי שמעוניין בתחליף חינמי מבוסס Air, שעובד גם בווינדוז, יש את Pixus (דורון אלטרץ).

5. PixelMator

תוכנת PixelMator
תוכנת PixelMator

תחליף פוטושופ קל משקל למעצבי אתרים - פותח קבצי psd ודומה מאוד בהתנהגות שלו לפוטושופ - גם בכלים וגם בקיצורי הדרך (בניגוד לגימפ - התחליף החינמי של פוטושופ)

דחיסת תמונות

6. ImageOptim (חינם)

imageOptim בפעולה
imageOptim בפעולה

דחיסת תמונות ללא פגיעה באיכות - מומלץ במיוחד לאופטימיזציה של קבצי png-24

7. EasyBatchPhoto

תוכנת EasyBatchPhoto
תוכנת EasyBatchPhoto

עיבוד סדרתי של תיקיית תמונות - שינוי גודל, חיתוך ושמירה כ-jpg. קורא גם psd. שימושי ליצירת גלריות עם הרבה תמונות.

בדיקת האתר

8. Parallels Desktop

תוכנת parallels
תוכנת parallels

מאפשרת להתקין את מערכת ההפעלה חלונות כמכונה וירטואלית ועדיין לשמור על סביבת העבודה של המק; תוכנות חלונות נפתחות בחלון משלהן כמו תוכנות של מק.

תגיות:, , , ,

6 תגובות

    • תודה דורון, הוספתי את ההמלצות שלך ושל שגיא לפוסט

  1. מה עם sublime text ששמעתי שהוא נהדר וחינם?
    ועם coda? אני אישית עובד עם coda ואני לא יודע יותר מדי אם עדיף לי לנסות משהו אחר.
    בנוסף יש גם את espresso שהוא לא זול אבל שווה בטירוף! עבדתי איתו בעבר ואני שוקל לחזור לעבוד איתו שוב.

    הנה הקישורים אם תרצו להוסיף:
    http://www.sublimetext.com/
    http://panic.com/coda/
    http://macrabbit.com/espresso/

    אחלה כתבה! תודה רבה!

    • היי שגיא, תודה על הפידבק!
      בנוגע להצעות שלך, הנה מה שיש לי להגיד:

      1. ניסיתי את sublime text 2 – שיצא עכשיו. הוא אמור להיות מאוד טוב עם פונקציונליות מתקדמת כמו אינטגרציה עם git, אבל כרגע אין גרסת זן קודינג שעובדת על sublime.
      2. קודה – בהחלט. התלבטתי עם להשחיל מילה על התוכנה הזו. היא תוכנה מצויינת והיתרון הבולט שלה על טקסטמייט הוא השילוב של ftp וחלון preview בתוכנה – כך שהיא פתרון all in one.
        בתור כלי עבודה עיקרי, התלבטתי קצת בין קודה לטקסטמייט והפוסט הזה של כריס קוייר שכנע אותי ללכת על טקסטמייט.
      3. אספרסו – האם תוכל להרחיב על היתרונות שלו? שמעתי עליו, אך לא ראיתי אותו בפעולה.
      • הי לביא, שעבדתי עם אספרסו בעבר זה היה שעוד אספרסו ו-cssedit היו שתי תוכנות שונות. אני זוכר שנהנתי לעבוד עם כל אחת בנפרד ברמת הממשק והנוחות, ואמרתי לעצמי "הלוואי ויום אחד הן יהיו כתוכנה אחת". היום הזה כנראה הגיע כי לפי מה שאני שם לב באתר של אספרסו כתוב שהם סוף סוף הפכו לתוכנה אחת. אני בהחלט מוריד את הגרסת נסיון עכשיו ואעדכן אותך בהמשך לעומק על היתרונות והחסרונות.

  2. היי,

    יש לכם מושג למה כשאני שומר קובץ ב sublime text ואז מנסה לפתוח אותו הוא משנה לי את הקידוד שלו ?

    הקובץ מכיל אותיות בעברית…

    רפאל