24 כלים לפיתוח אתרים ששווה להכיר

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

דפדפנים:

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

  1. Firefox 3.5
  2. FireFox 3.0
  3. IeTester – מהווה פתרון לכל הגרסאות של IE, ספציפית רלוונטי ל6,7,8
  4. Chrome - נוח לשימוש, ובעל כלי דיבג מובנה נח ביותר
  5. Safari – כי צריך :-) הוא מהיר כמעט כמו הכרום ולא לוקה בבעיית הקאשינג המעצבנת של הכרום
  6. IE8 – עדכון של ווינדוז

תוספים שונים:

  1. colorzilla - תוסף המאפשר לדעת את הצבע של כל אלמנט בעמוד, גם תמונות וחלקיהם. מאד שימושי.
  2. measureit - סרגל מדידה.
  3. firebug - תוסף עליו פרסמתי סרטון הדרכה קצר, מאפשר לשנות און לייין את ה-CSS ועוד הרבה מאד. חשוב
  4. web-developer – סרגל כלים שלם לשועל המאפשר פונקציות שונות ושימושיות
  5. Fire Diff – עוקב אחרי השינויים שעשיתם ב-Firebug כך שלא תשכחו אותם
  6. IE Developer Toolbar – כלי ל-IE שאמור להיות המקבילה ל-firebug, הוא לא שם אבל עושה את העבודה כדי לתקן את התצוגה ב-IE

כלי ווב:

  1. browsershots - אתר המאפשר לראות תמונות מסך של האתר בדפדפנים שונים
  2. cssjenous - כלי אוטומטי ההופך את ה-CSSS ל-RTL, עושה את רוב העבודה האוטומטית ומשאיר רק את העבודה הקשה באמת
  3. w3c validator – בודק שהאתר כתוב ב-HTML תקין
  4. w3c feed validator – בודק שפיד ה-RSS תקין
  5. kuler – כלי של adobe המוציא סכמות צבאים מתמונות או מצבע יחיד, מצויין לעיצוב ושפצור

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

  1. notepad++
  2. vim
  3. Geany – המלצה של ניצן, עורך קוד מציין ונעים לעבודה
  4. Expresso - תוכנת עזר לבניית ביטויים רגולריים
  5. ditto -תוכנה המחליפה את ה-clipboard של חלונות, ומאפשרת שמירת העתקות לאורך זמן, שימוש בהם ושיפור פרודוקטיביות
  6. winmerge - תוכנה המאפשרת מיזוג קבצים בצורה חכמה
  7. wingrep - תוכנת חיפוש חזקה מאד, למעשה ממשק מעל ה-grep המוכר והטוב של לינוקס

זהו, זה הסט שלי לעבודה .

במה אתם משתמשים ?

025 24 כלים לפיתוח אתרים ששווה להכיר נהניתם ? הרשמו לעדכוני RSS !

תוסף להורדה: Ozh Admin Drop Down Menus

כחלק מעבודה על דברים אחרים גיליתי שחסר לי עברות של הגרסה אחרונה של Ozh Admin Drop Down Menu.
הגרסה הזו משתלבת בממשק הרבה יותר יפה מקודומתיה, ונותנת לממשק מראה נקי ומעוצב.
admin menu closed1 300x12 תוסף להורדה: Ozh Admin Drop Down Menus
וכאשר העכבר נמצא על אחד התפריטים התוסף נראה כך:
admin menu open1 300x74 תוסף להורדה: Ozh Admin Drop Down Menus
שלחתי את הגרסה המעודכנת למפתח, אולי בפעם הבאה היא כבר תשוחרר דו כיוונית :-)
בכל מקרה ניתן להוריד את התוסף המעוברת מכאן.

025 תוסף להורדה: Ozh Admin Drop Down Menus נהניתם ? הרשמו לעדכוני RSS !

תיבת הודעות – ShoutBox

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

את התוסף מצאתי ב-Waikay.net והוא עודכן לאחרונה במאי 2006, מאידך – הוא עובד.
התוצאה נראית כך:
shoutbox תיבת הודעות   ShoutBox כאשר ההודעות עוברות דרך מנגנון סינון התגובות של הבלוג ועל כן יש גם כאן הגנה מפני ספאם.
על מנת להפעיל את התוסף צריך:

  1. להעלות את הקובץ לספריית התוספים של הבלוג wp-content/plugins/
  2. להפעיל את התוסף בתפריט תוספים "תיבת הודעות"
  3. להתקין אותו: לגשת לתפריט ניהול->תיבת הודעות וללחוץ על הקישור להתקנה
  4. להוסיף את הקוד במקום הרצוי. התוסף מופעל על ידי הקוד[sourcecode language='css'][/sourcecode] אותו יש למקם במקום בו רוצים0 שתופיע תיבת ההודעות. על מנת להוסיף אותו לסרגל הצדדי ניתן לערוך את הקוד של sidebar.php בתבנית שלכם (לא מומלץ) או פשוט להשתמש בתוסף וודג'טים PHP כגון sasmarin-php-widget או PHP-code-widget

התוסף כולל גם ממשק ניהול שניתן למצוא תחת ניהול->תיבת הודעות (לאחר ההתקנה) והמציג את ההודעות שהתקבלו ומאפשר לערוך אותן:
shoutbox admin תיבת הודעות   ShoutBox

את התוסף המתורגם ניתן להוריד מכאן

025 תיבת הודעות   ShoutBox נהניתם ? הרשמו לעדכוני RSS !