אתרי האינטרנט כיום נדרשים לעמוד בסטנדרט שיתאים למגוון רחב של מכשירים ומסכים בגדלים
מגוונים. אחד מהפתרונות לאתגר זה נעוץ בשיטה שנקראת נקודות שבירה (Breaking Points), אשר
מאפשרות לנו לייצר קומפוזיציות שונות לאותו האתר על בסיס רוחבי מסך שונים, מבלי להשפיע על הקומפוזיציות האחרות.

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

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

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

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

ווידג’טים אשר מושפעים מכך הם הטפסים, הגלריות והקומפוזיציות המורכבות שאף הן רספונסיביות
כעת, הידד!

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

האפשרות השניה היא שילוב אנימציית HTML תקנית במסמך. ברוב המקרים אנימציות כאלו נוצרות
בתוכנות דוגמאתAnimate CC  (פלאש לשעבר), או בתוכנות אנימציה אחרות שמייצאות קובצי
HTML5. האינטרגציה בין מיוז לאנימייט חלקה במיוחד וכיום ניתן להוסיף את האנימציה לתוך תיקיית ענן משותפת ולטעון אותה
במיוז ללא כל בעיה.

הדרך השלישית היא בעזרת ווידג’טים חיצוניים בתשלום המאפשרים להנפיש אלמנטים בתוך מיוז באופן
מאוד פשוט. דוגמא לתוסף כזה בקישור הבא:
https://www.qooqee.com/muse-widgets/animated-object/index.html

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

התוצרים של עבודה במיוז הם מגוונים, אתר חי באוויר, תיקייה מקומית, או אתר באיחסון זמני של
אדובי (או קבוע למי שרוצה). אחד התוצרים הנוספים הוא גרסת האתר לעריכה בדפדפן (InBrowser Editing) המאפשר ללקוח, או לבעל האתר לערוך את התכנים הקיימים בו באמצעות הדפדפן
(אין צורך בתוכנה מיוחדת). תכונה זו מאפשרת עריכת תוכן לאחר העליה לאוויר ולא מצריכה שימוש במעצב, או מתכנת לעריכה
של טקסטים, או החלפה של תמונות.

 

לאחר עידכון כזה על המעצב לסנכרן את קובץ העיצוב שלו עם הקובץ המעודכן ביותר הקיים בשרת.
פעולה זו תתבצע אוטומטית עם פתיחת הקובץ בפעם הראשונה, לאחר העידכונים, או בהפעלת הפקודה Sync with web version מתפריט
File. פעולה זו תאחד בין הקבצים ותשמור על קו אחיד של התוצאה הסופית בכל שלב. התייחסות נוספת
לכך בהמשך המאמר.

אפשרויות אלו נמצאות תחת איזור השיתוף (Share) בצידו הימני של
הפאנל העליון של התוכנה.

 

מגירסה זו מאפשרת מיוז להשתמש במודל ’אני לא רובוט’ של גוגל, או בשמו המוכר
reCAPTCHA V2. בתפריט ווידג’יט הטופס המובנה קיימת אפשרות להגנה על הטפסים שלנו מפניות של בוטים (רובוטים) למיניהם,
המנסים לגשת לאתר שלנו דרך הטפסים אותם אנו מעצבים. שימוש במודול זה מצמצם ככל האפשר קבלת דואר זבל. כדי להפעיל
אפשרות זו יש לעקוב אחר ההוראות של גוגל להתקנת התוסף.

 

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

מניח שלרובנו לא יעזור במיוחד, אבל השוק הסיני של אדובי קיבל תמיכה בשפה הסינית, אפשר לפתוח
שמפניות!

אחד האתגרים בניהול קובץ מיוז שעובר עידכונים של המעצב וכן עידכונים של הלקוח בדפדפן, הוא
לשמור על ניהול גירסאות תקין שיאפשר שליפה של גירסאות ישנות יותר לעת צורך. מסיבה זו כדאי, בכל שינוי מהותי של האתר,
לשמור את הגירסה העדכנית ביותר בשם נפרד (מומלצת שמירה עם מספר גירסה, לדוגמא  mentor_blogV1 \ mentor_blogV2
וכו’…).

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

מסך הפתיחה של התוכנה השתנה קלות וכעת קיימת גישה לקבצים האחרונים בשימוש (Recent),
לקבצים השמורים בענן (CC Files) ואיזור הלימוד המכיל סרטוני הדרכה והסברים לפעולות נפוצות.
כמו כן קיים שדה חיפוש המאפשר לאתר קבצים אחרונים, נכסים השמורים בספריות הענן, נכסים
ב-Adobe Stock ועוד.