שיחה ההאקר Emad
11 באוגוסט 2012 – 21:50 | 31 תגובות

קבוצת ההאקרים הפועלת תחת שמו של אימעד מורניה, RememberEmad, ופרסמה כי פרצה לשרתי חברת ההוסטינג WebGate, פרסמה היום קובץ נוסף ובו כ-500 פרטים נוספים ובהם שמות משתמש וסיסמאות של אתרים שאוחסנו ב-WebGate. נראה כי העימות בן קבוצת …

המשך קריאה »
geek

חנון זה מגניב. תרבות החיים האינטרנטית-טכנולוגית-גאדג'טית. הדברים שמבדילים את הנערים מהגברים.

הרשת

סיפורים מהרשת, בעיקר זו הישראלית. מה קורה, מי קורה ולמה קורה.

וורדפרס

בעיקר תבניות מתורגמות לעברית ולפעמים דברים שקשורים לבלוגים ובלוגרים.

מערכות ניהול תוכן

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

פלטפורמות חברתיות

על רשתות חברתיות, כלים לבניית רשתות ופלטפורמות חברתיות וכל מה מכונה web 2.0

ראשי » בניית אתרים

עדכון קובץ CSS מקומי מתוך FireBug

מאת ארז וולף בתאריך 15 באפריל 2011 – 16:3715 תגובות

קשה לדמיין את החיים ללא Firebug, התוסף לפיירפוקס שמאפשר לצפות ולשנות בזמן ריצה את קוד האתר (HTML ו-CSS) לראות את התוצאות באופן מיידי על המסך. כיום לכרום יש את הכלים שלו ל-Debuging של האתר ויש כאלו שמעדיפים אותם, לי עדיין ברוב מקרי ה-HTML עדיין נוח יותר עם פיירבאג.

אחת האפשרויות החסרות ביותר לבונה האתר היא לשמור את השינויים שבוצעו בפיירבאג אל קבצי ה-CSS, היות ובזמן הבדיקות לעיתים מבצעים שינויים במספר מקומות בקוד ועם ריבוי קבצי ה-CSS שניתן למצוא היום בתבניות, גם במספר קבצי CSS שונים.

CSS Updater נוצר על מנת לענות על צורך זה ולאפשר את עדכון קבצי ה-CSS שבמחשב המקומי באמצעות ומתוך עורך ה-FireBug (ניסיתי וזה עובד מצוין).

טאב ה-cssUpdater בתוך פיירבאג

טאב ה-cssUpdater בתוך פיירבאג

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

1. ראשית כמובן יש להתקין FireBug על דפדפן הפיירפוקס (פיירבאג לפחות מגרסה 1.6 ומעלה, תראו שמעודכן אצלכם). כמו כן, התוסף מסתייע באפליקציית Air כך שתצטרכו להריץ על המחשב  Adobe Air עם לא מותקן לכם עדיין על המחשב.

2. יש להתקין את תוסף הפיירפוקס CSS Updater.

3. יש להוריד את אפליקציית ה-Air מכאן (כפתור שחור מלבני מוזר) ולהריץ אותה.

4. כדי להפעיל את אפליקציית ה-Air יש להכניס קוד (כרגע אני מניח שזה יהיה שם המשתמש שלכם מקף תחתון ו-beta…). יש להירשם במסך הראשי של האתר. בסיום ההרשמה תהיו אוטומטית מחוברים. יש ללחוץ על שם המשתמש שמופיע בצד שמאל למעלה של האתר ובמסך שיפתח יופיע קוד ההפעלה.

5. כעת שאפליקציית ה-Air מופעלת ורצה, יש לגרור את קובץ ה-CSS עליו רוצים לעבוד. התוסף לפיירפוקס יוסיף טאב בתוך הפיירבאג של cssUpdater שם תוכלו לראות אם נוצר חיבור ואת היסטוריית הסנכרונים ולבצע סנכרון. כמו כן, בטאב ה-HTML יופיע כפתור Sync now לסנכרון מיידי.

עדכון CSS מתוך FireBug

אפליקציית ה-Air והטאב בתור פיירבאג

בסך הכל, למרות תהליך ההתקנה שהוא טיפה מעיק, נראה לי מאד שימושי, בעיקר למי שעובד עם הרבה טאבים וחלונות פתוחים ומעבר בין עורך הקוד לחלון המסך מעצבנים אותו. כפי שנראה זו רק ההתחלה והתוסף עוד יתפתח ויהיה יותר פשוט לשימוש.ИкониПодаръциикони на светциikoniИдея за подарък

קרא פוסטים נוספים בנושא זה:

שתף את הפוסט בטוויטר

15 תגובות »

הוסף תגובה!

עליך להיות מחובר כדי להוסיף תגובה.

122 queries in 0.255 seconds.