מה יהיה עם האתר לוטי - אנימציות לבונה אתרים

[ברצינות]

@משה-0527 אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

נכון לעכשיו הצביעו 73 אנשים

73 חלקי 3...

[magicode]

@מאה-נקודות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

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

[nigun]

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

[magicode]

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

איפה נשמע שאני לא מדבר על בדיקות אוטומטיות?

[nigun]

@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

איפה נשמע שאני לא מדבר על בדיקות אוטומטיות?

אם בדיקה שלא נשבר שום דבר על הדרך זה משאב גדול?
זה נשמע שאין בדיקות אוטומטיות (לפחות לא עם 100% כיסוי)
אחרת מה הבעיה להריץ סט בדיקות אחרי כל פיצ'ר?

[5566NEWbrs]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

https://www.better-global.com/
באייקון שבמסך הפתיחה.

אתה בודאי מתכןון לזה:
https://www.better-global.com/wp-content/uploads/2020/11/396-scroll-down-8-auto-edited.json
שהוא אכן קובץ lottie, אבל יש בעיה קטנה: הוא פתוח.
אכן נושא האשכול הוא מאגרים חינמיים של קבצי Lottie, ולא פתיחת קבצים אלו באופן כללי, אבל רק כדי להכניס את הענינים לפרופורציה, שתזכיר לנו מהי הבעיה שנידונית כאן באשכול.

https://www.partner.co.il/
בתחתית העמוד

אתה בודאי מתכוון לזה:
https://www.partner.co.il/base/images/partner-footer.gif
אופס...! זה GIF.
(למען הסר ספק אין באתר אף lottie אחר)
כנראה שפרטנר לא באמת "מתקדמים" כמו שחשבתי.

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

שורה תחתונה: הדבר היחיד שחסום זה המאגר הבא: https://lottiefiles.com/ שהוא המקור היחיד הרציני שקיים כרגע בנושא הזה.
מה שמביא למסקנה, שlottie עדיין בתהליך הבשלה, והאשכול הזה הקדים את זמנו.

[מאה נקודות]

@5566newbrs
א: האתר של פרטנר נבנה לפני שלוטי נברא... באם הוא היה קיים מישהו יחלוק על זה שהם היו משתמשים עם לוטי?! 'אפל' משתמש עם ג'ייסון...
ב: gif מוגבל מאוד גם מבחינה עיצובית הוא בנוי על פיקסלים ולא על קוד כמו ג'ייסון, הוא מוגבל בצבעים ואף אחד לא חולק על על הפער בין ג'ייסון מול גיף.
ג: האשכול הקדים את זמנו? זה ההוכחה לזה?

[ברצינות]

@5566newbrs אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

https://www.better-global.com/
באייקון שבמסך הפתיחה.

אתה בודאי מתכןון לזה:
https://www.better-global.com/wp-content/uploads/2020/11/396-scroll-down-8-auto-edited.json
שהוא אכן קובץ lottie, אבל יש בעיה קטנה: הוא פתוח.

אין שום בעיה בזה שהוא פתוח, נראה לך שנטפרי חוסמים JSON מכל אתר שהוא? אחרת חצי מעולם ה- AJAX היה מנוטרל בנטפרי...

https://www.partner.co.il/
בתחתית העמוד

אתה בודאי מתכוון לזה:
https://www.partner.co.il/base/images/partner-footer.gif
אופס...! זה GIF.
(למען הסר ספק אין באתר אף lottie אחר)
כנראה שפרטנר לא באמת "מתקדמים" כמו שחשבתי.

היה כאן נידון עקרוני האם אנימציות הם גימיק והאם אתרים מכובדים משלבים אנימציות, האם עברת על כל האשכול?

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

שורה תחתונה: הדבר היחיד שחסום זה המאגר הבא: https://lottiefiles.com/ שהוא המקור היחיד הרציני שקיים כרגע בנושא הזה.
מה שמביא למסקנה, שlottie עדיין בתהליך הבשלה, והאשכול הזה הקדים את זמנו.

יש גם עוד מאגר, שהובא כאן באשכול, אבל כנראה גם על ההודעה הזו לא הספקת לעבור:
https://useanimations.com/

ואם הגעת מהר כל כך למסקנה שלוטי עוד לא כאן, כדאי שתקרא את המאמר הבא (הובא גם לעיל...):
https://airbnb.design/the-future-of-lottie/

[5566NEWbrs]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

היה כאן נידון עקרוני האם אנימציות הם גימיק והאם אתרים מכובדים משלבים אנימציות, האם עברת על כל האשכול?

סליחה, מצטער, טעיתי.
חשבתי שכתבת ל@magicode דוגמאות לאתרים שמשתמשים בlottie.
אם סתם כתבת לו דוגמה לאתרים שמשתמשים באנימציה, התגובה שלי לא במקומה
יש לי עוד כמה שמשתמשים באנימציה ..

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

יש גם עוד מאגר, שהובא כאן באשכול:
https://useanimations.com/

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

@מאה-נקודות לא הבנתי איך זה קשור אלי ו\או אם אני צריך להגיב. סליחה מכל הלב.

[א. וייס]

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

[ברצינות]

https://www.hamichlol.org.il/JSON
פורמט JSON משמש בעולם ה-WEB כדרך להעברת מערכים (ARRAY) ומולטי-מערכים בפורמט אחיד לכל השפות. נעשה בו היום שימוש במגוון מערכות כדרך להעברת נתונים בפורמט חסכוני וקריא בין שפות תיכנות שונות. הפורמט הזה משמש במגוון רחב של אתרים שאתה משתמש בהם ביום יום, ולא עלה על דעת איש מעולם שנטפרי יחסמו את הפורמט הזה, כך שלא מובנת צהלתך הפלאית על קבצי JSON ש-'הופ' פתוחים בנטפרי...

https://www.hamichlol.org.il/SVG
SVG הוא פורמט בינלאומי המשמש על ידי מגוון רחב של שפות תכנות להצגת וליצירת גרפיקה וקטורית דו ממדית. פורמט ה-SVG מכיל מידע לדוג' על הנתיבים שבאיור ועל הצבע והמיקום שלהם לצד נתונים נוספים, הוא משמש גם לאנימציות מבוססות וקטור.

https://www.hamichlol.org.il/GIF
GIF הוא קובץ אנימציה המציג רצף של תמונות באיכות נמוכה, עם זאת משקלו עלול להיות כבד מאוד מכיון שהוא מכיל את מפת הצבע של כל תמונה
ותמונה לעומת קובץ SVG שמכיל רק את ההוראות 'קו ירוק מנקודה A לנקודה B... '.
עד לשנים האחרונות היווה GIF את הדרך המועדפת להצגת אנימציות באינטרנט. בשנים האחרונות נכנסה המודעות של קידום אתרים והמגמה של המפתחים הופנתה להקטנת נפח הקבצים המוצגים בטעינת העמוד, דבר המשפיע על קידום האתר בגוגל - דבר השווה לרווח כספי ניכר לבעלי האתר.
ייתרון נוסף של אנימציית SVG היא החדות שלה, מכיון שקובץ GIF מכיל רק תמונות מכווצות לעומת קובץ SVG שמכיל את המתכון ליצירת הוקטור - שיישאר זהה בכל גודל מסך.
החיסרון של אנימציית SVG היה בקושי ליצור אותה, וכן במאגרים הפתוחים שכמעט ולא היו עד לשנים האחרונות.
LOTTIE הביאה את הפיתרון המהפכני לענף לאחר שהציגה תוסף לתוכנת אפטר-אפקטס (תוכנת אנימציה) שמאפשרת לייצא את האנימציה לקובץ JSON ואח"כ להציג אותו באתר / באפליקציה כקובץ SVG או כאנימציית SVG. בנוסף - לוטי הקימה מאגר פתוח של עשרות אלפי אנימציות בפורמט המיוחד - בחינם ובתשלום.

לגבי שאלתך - היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אלמנט ספציפי באתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא התוצר הסופי של הפרונט-אנד ותצטרך לאתר את הסקריפט שמפעיל אותו.
לכן, מהרגע הראשון הנידון המקצועי היה: האם אנימציות הם דבר נחוץ לבוני אתרים או שהן רק גימיק.
לצערי, למרות שמיודעינו הרב @magicode התברך בידע באפיון אתרים וחויית משמש הוא היה סבור בתחילה כי מדובר בגימיק בלבד ואין סיבה להשקיע בו זמן ומשאבים.
מנגד, שורה של בעלי מקצוע מתחום האפיון וחויית המשמש, ואנוכי בתוכם, היינו (ועדיין) סבורים כי אפיון כל אתר לגופו, ולא ניתן לקבוע באופן אחיד לגבי כל האתרים כי אין צורך לשלב בהם אנימציות בהתאם לשפה ועולם התוכן של המוצר.
כעת יובן מדוע אני מביא דוגמאות לאתרים שמשתמשים באנימציות, ומדוע דף בודד של אנימציות מבוססות לוטי אינו פתרון סביר.
בהצלחה, ושבוע טוב.
ובבקשה, פעם הבאה - אל תתערב בויכוח מקצועי לפני שאתה בטוח שאתה מבין את החומר המקצועי שמאחוריו, וסליחה אם הייתי תקיף, אחרי הכל מדובר בבעלי עסקים ונותני שירות שמותקפים כאן על ידי סברות כרס של אנשים שלא מהתחום, ולצערם נאלצים לרדת לרמה הנמוכה שכאן, בתקווה להבנה.
ו- @משרדי הפוסט הזה מכוון גם אליך.

[משרדי]

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

[nigun]

@משרדי
נו באמת?!
בשביל מה לרדת לפסים אישיים?
אתה לא יודע באמת מה @ברצינות יודע ומה לא!
אז בבקשה לשמור על הענייניות של השרשור.

[משרדי]

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

בשביל מה לרדת לפסים אישיים?

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

ו- @משרדי הפוסט הזה מכוון גם אליך.

[5566NEWbrs]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא פורמט פרונט-אנד.

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

[ברצינות]

@5566newbrs אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

לגבי שאלתך - היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא פורמט פרונט-אנד.

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

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

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

[ברצינות]

פוסט זה נמחק!

[ברצינות]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@משרדי אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

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

[magicode]

@ברצינות זה אמור להעליב את @5566NEWbrs שאתה מנסה להסביר לו מושגים בסיסים כאילו הוא לא יודע.

הוא גם כתב לך שהוא מצטער שהוא לא הבין אותך נכון לגבי הדוגמאות שהבאת.
אז מה העניין להשפיל אותו ולהגיד לו שהוא לא מבין כלום. בשעה שזה בכלל לא נכון.

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

[ברצינות]

@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות זה אמור להעליב את @5566NEWbrs שאתה מנסה להסביר לו מושגים בסיסים כאילו הוא לא יודע.

הוא גם כתב לך שהוא מצטער שהוא לא הבין אותך נכון לגבי הדוגמאות שהבאת.
אז מה העניין להשפיל אותו ולהגיד לו שהוא לא מבין כלום. בשעה שזה בכלל לא נכון.

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

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

אתר שמכיל דף עם אנימציות זה לא "מאגר", או לפחות לא רציני.

ו - אופס...! הוא פתוח (אפשר לשלוח לבדיקה את הקישורים שמאוחסנים בdropbox).

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