איך אצור סקיצה לאתר אם אני לא יודעת פוטושופ ואין לי גישה לקוד? החלטתי ליצור את הסקיצה בדפדפן עצמו, ואז לצלם את המסך ולשלוח לעורך האתר. מאחר שאני חובבת פיירפוקס השתמשתי בשני תוספים: פיירבאג, ו-greasemonkey* (אפילו כתבתי הוראות איך להשתמש בו בתור דרך נוחה לעקוב אחרי הפיתוח של האתר).
בפיירבאג אני משתמשת בד”כ רק כדי לבצע בדיקות קטנות לפני שאני נכנסת לתכנות מלא של האתר, ואילו עכשיו התכוונתי להשתמש בו כדי לבצע את כל השינויים הנצרכים. הבעיה עם פיירבאג היא שמרוב שהשינויים הם ארעיים, כל רענון של האתר מוריד את כל העבודה לטמיון, ולפני שהתחלתי כבר הבנתי שעל אף שבקלות אפשר לרווח ולהעיף אלמנטים, הרי שלא אוכל בשעה-שעתיים לתקן את כל מה שבא לי. לכן התקנתי את greasemonkey, כי זה מאפשר להגדיר קבצי css ו-js קבועים שירוצו על אתר מסוים לפי הגדרה (מובן שמאחר שזה היה תוסף מוצלח, הוא כבר לא קיים). אז עשיתי דברים קטנים בפיירבאג, ואז העתקתי אותם לקובץ CSS וקראתי לו באמצעות ה-greasemonkey (ויחי line-height ו-display: none, החברים הכי טובים שלי באותה תקופה). יתרון נוסף שהיה ל-greasemonkey זה שהוא איפשר לקרוא גם לקובץ JS. נזקקתי ל-JS כי רציתי להעביר אלמנטים מעמודה צדדית אחת לחברתה. אז אמנם אפשר לעשות זאת עם position: absolute, אבל יש לזה המון חסרונות – העיקרי שבהם הוא ההוצאה מה-flow – ולכן העדפתי להשתמש ב-JS כדי להעביר אלמנטים מהוריהם המקוריים להורים אחרים. מאחר שלא רציתי יותר מקובץ אחד מכל סוג -css ו-js – (באמת שאני כבר לא זוכרת למה), החלטתי לכתוב JavaScript ונילה, בלי jQuery. בלי ספק חוויה מכוננת, ותזכורת נעימה לכמה אפשר לעשות גם בלי ספריה מתוחכמת (כמובן, העובדה שיצרתי קוד רק לדפדפן אחד איפשרה לי את חופש הפעולה הזה). ויחי line-height ו-display: none, החברים הכי טובים שלי באותה תקופה.
אז מה עשיתי באתר – את צבע כותרות המדורים החלפתי לאפור וגם גרמתי להם לא התפרס ע”פ כל רוחב העמודה; את הניווט העליון פרשתי ע”פ כל רוחב האתר; את הניווט של המדורים הורדתי אל מתחת לרשומה הראשונה כדי ליצור הפרדה בינה לבין שאר הרשומות, וגם עיגלתי אותה כדי להוסיף עניין; קישורים וחירום הועברו לכותרת התחתונה (באותה תקופה, כותרות תחתונות גדולות היו הצעקה האחרונה באופנת עיצוב האתרים); העמודה הימנית התבטלה ע”י כך שהעדכונים והשעון עברו לעמודה השמאלית ואת “מיוחדים” הסרתי לגמרי כי הם כבר מופיעים בסרגל המדורים.
רוצים לראות מה יצא, איך התגברתי על החשש שלי מלהציע את הסקיצה לעורך האתר, ואיך הוא הגיב?
הכל נמצא כאן.
* כשכתבתי את הפוסט חשבתי שה-greasemonkey הוא ז”ל, אבל חתול האיר את תשומת לבי שהרגתי את greasemonkey בטרם עת. מתברר שהוא חי, נושם ובועט. לכו עליו!
למה הרגת את גריזמונקי? הוא עדיין פעיל ואני משתמש בו מדי פעם.
בעבר השתמשתי בו הרבה כדי לתקן אתרים שלא נבנו כראוי.
וואי, מוזר. אני בטוחה שלפני כמה חודשים כשחיפשתי אותו לא מצאתי, ונאלצתי להשתמש ב-stylish.
איזה כיף, ברוך מחייה המתים 🙂
תיקנתי בפוסט. תודה!
סדרת פוסטים מעולה. כל הכבוד.
תודה יובל! איזה כיף 🙂