מה ההבדל בין FLUID לBOXED?
עיצוב רספונסיבי דורש הרבה יותר עבודה ומחשבה מעיצוב סטטי. זה מכיוון שבכל מסך עיצוב האתר משתנה בשביל להתאים את עצמו.
בשביל להקל על תהליך שמירה על העיצוב בזמן התכנות, מאוד מקובל לבנות אתרים בעיצוב BOXED. זאת אומרת שמחליטים על מספר נקודות שבירה ובין לבין הנקודות שבירה יהיו שוליים מסביב למסגרת האתר עד נקודת שבירה הבא.
בכל נקודת שבירה יש עיצוב סטטי.
בעיצוב FLUID, מחליטים מה הרוחב המקסימלי של האתר (מסך מלא או רוחב מקסימלי שבדרך כלל בסביבות 1200 פיקסלים) במסך במעבר למסגרת יהיו שוליים בצדדים ולאחר מכן – ברגע שהמסך ברוחב או צר יותר מהרוחב המקסימלי, האתר ימלא את המסך ללא שוליים, והאלמנטים יצטמצמו באופן יחסי ככל שהמסך נהיה קטן יותר.
שיטת FLUID מהווה המון בעיות וצורך לתכנן את את העיצוב ולתכנת נכון בשביל שבכל מצב האתר עדיין יראה טוב וישמור על יחס אופטימלי בין אלמנטים שונים כגון תמונה ליד קטע טקטס או לי סרטון.
עדיין יהיו נקודות שבירה אבל בין לבין הנקודות שבירה אין שוליים בצדדים ולכן יש עיצוב גמיש (FLUID) עד נקודת השבירה הבאה.
עוד מידע על שיטות תכנות רספונסיביים בכתבה: הנחיות עיצוב אתר רספונסיבי