לוח עניניים

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

קוד CSS שרק המתכנת יבין ככל הנראה…

כלי עבודה לדוגמה: Zeplin

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

מגדירים את הצבע רק פעם אחת

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

עיצוב באופן ויזואלי