וורדפרס למעצבות: זפלין, צבעים ועבודה עם מתכנת

צד שמאל הוא של המעצבת, צד ימין הוא שלי, המתכנת.

עיצוב iruchka.com ב-zeplin

בתכנות אתר אינטרנט אחד הדברים שהכי חוסכים פערי תקשורת בין מתכנת/ת למעצב/ת הוא מסמך עיצוב (Style Guide) מסודר המכיל את צבעי הטקסט, הכותרות והקישורים; גדלי הכותרות השונות, עיצוב הכפתורים, מעברי העכבר וכו׳.

ישנם כלי עבודה נפלאים כמו זפלין (zeplin.io) שבהם לא רק שהמערכת יוצרת מהעיצוב קוד שממנו ניתן לתכנת את עיצוב האתר, אלא שהאתר גם מציג את הקוד של הצבעים בצורת ״משתני CSS״, שזה כיום חוד החנית בבניית אתרים (המינוח הטכני: CSS Variables או CSS Custom Properties), וזה נתמך ישירות בדפדפן.

זה אומר שבעת תכנות האתר אני, המתכנת, מגדיר את קוד הצבע פעם אחת, ועושה שימוש רק בשם שלו בקוד (למשל pink-red). ואז אם בהמשך צריך לעדכן, למשל, את צבע הקישורים, אז מעדכנים את זה רק במקום אחד, וזה משפיע על כל האתר.