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

[hagai.w]

@magicode
אפשר לדעת מה הפיתרון שלכם?

[ברצינות]

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

@magicode @ברצינות
ממה שאני מבין מפה https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e

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

עריכה: מצאתי את זה https://github.com/airbnb/lottie-web
מסתבר שזה גם עובד על ווב.
אז אם כך - למה לא פשוט להעלות את הJSON לבודק ביחד עם הספריה שממירה את זה לאנימציה ולשמור HASH של הJSON בדיוק כמו של תמונה?

יש לזה וידג'ט ייעודי באלמנטור:
https://www.google.com/search?q=אלמנטור+לוטי

ועל זה בעיקר יצא הקצף של בוני האתרים כאן.

[חיים קליין]

הלו.... שם בנטפרי שומעים אותנו?????

307 צפיות וכ-30 תגובות הלוואי יקרה משהו בזכות זה

[ש. סמט]

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

יש לזה וידג'ט ייעודי באלמנטור:

ואלמנטור הוסיפו את הוויד'ט הזה אחרי שהם עשו סקר איזה אפשרויות להוסיף, ולוטי נבחרה במקום השני
אני חושב שאפשר ללמוד מזה משהו

מקור

[ednahafzi]

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

[ברצינות]

@magicode
היתרונות של לוטי לעומת GIF, והשימוש הפשוט באלמנטור:
https://www.youtube.com/embed/ZFYgcDz9tZ4

[magicode]

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

@magicode
היתרונות של לוטי לעומת GIF, והשימוש הפשוט באלמנטור:
https://www.youtube.com/embed/ZFYgcDz9tZ4

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

אבל יש לזה חסרונות לעומת ה GIF. שמקשות לעשות את זה בסינון.
החסרון העיקרי שאין לזה MAGIC FILE. החסרון השני שהדפדפנים לא מנגנים את זה BUILTIN.

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

[sbc640964]

@magicode שלום,

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

אם הטרנד דורש את זה זה נצרך ונצרך
כי אנחנו חיים (אולי לצערנו) לפי הטרנד, והלקוחות שלנו וודאי חיים את זה
והדרישה מצידם תהיה שנשתמש באנימציות כמו... כל האתרים / אתר שמכבד את עצמו (מכיר את המשפט הזה של הלקוח?).

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

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

לגבי הסינון יש לי רעיון אחר ואשמח לשוחח איתך עליו
שמחה

[אחד מי יודע]

@sbc640964 אני יכול לחתום ש90 % שהוא יישאר סגור

[UA]

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

אבל לא על זה דיברתי דיברתי על הצורך.
ואני גם חושב ש GIF זה לא משהו נצרך. זה משהו חמוד ונחמד אבל לא נצרך.

@magicode אני מאד מכבד ומעריך גם אותך וגם את נטפרי, אבל יורשה לי לשאול,

יש כאן קבוצה שצריכים את זה כמו:

@חיים-קליין
@ברצינות
@webdesign
@ednahafzi
@sbc640964
וזה רק בדיון הזה, אני מאמין שיש עוד
(וגם @חיים-קליין ציין על קבוצה שלמה במכללה שלו)

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

אם הדיון הוא קושי טכני, או הוצאה כספית, אני מאמין שיהיה אפשר לפתור את זה.

[magicode]

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

@magicode שלום,
והדרישה מצידם תהיה שנשתמש באנימציות כמו... כל האתרים / אתר שמכבד את עצמו (מכיר את המשפט הזה של הלקוח?).

ביקשתי פה דוגמא לאתר שמכבד את עצמו שמשתמש בלוטי.

[sbc640964]

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

ביקשתי פה דוגמא לאתר שמכבד את עצמו שמשתמש בלוטי.

@magicode לא אמרתי שבאתר שמכבד את עצמו קיים לוטי
אמרתי שאתר שמכבד את עצמו (בעיקר בתדמיתי) יש בו תנועה (אנימציות)
כדי שבונה אתרים יוכל ליצור כאלו בלי להוסיף שותף לרווחים הם צריכים את לוטי
זה הכל.

[ברצינות]

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

זה לא נראה משהו כזה פופלארי בקרב בוני אתרים.
בגוגל אני כלל לא מוצא את האתר המדובר.

https://www.google.com/search?q=לוטי

מעניין שגם את נטפרי אני לא מוצא ב 'סינון אתרים'
https://www.google.com/search?q=סינון+אתרים

זה אומר שנטפרי לא שימושית ומועילה בסינון אתרים?

[מאה נקודות]

מר @magicode הנכבד!
לאחרונה פניתי בהצעה שאני ועוד כמה שהעניין הזה דחוף להם יסננו את האתר בהתנדבות, הרי ב99% מהאתר אין שום בעיה... וכמו תמיד הם העבירו את הטיפול לדרגים הגבוהים, הם ניסו לתרץ שזה לא אפשרי כי אין להם אפשרות לסנן את זה... אז בקשתי שיפתחו לפחות את הקטגוריות שאין בהם שום בעיה למשל scroil וכדו' שהרוב חסום ללא שום סיבה.. וחוץ מזה שאפי' אם אין יכולת סינון על האנימציות עצמם, אבל אם עוברים על החומר ורואים שבאיזה עמוד יש משהו בעייתי אפשר לחסום את העמוד הספציפי ואין צורך שרוב האתר יהיה חסום..
משום מה הרגשתי שאין להם שום אינטרס ושום עניין לנסות לעזור ולמצוא פיתרון...
ומה שאני לא מבין זה שאנחנו צריכים לספק תשובות.. עשרות מעצבים כבר פנו להנהלה בבקשה למצוא פיתרון לדבר, לתרץ שזה לא יותר ממשהו טרנדי ונחמד זה מגוכח עד מצחיק...(ואפי' אם זה משהו טרנדי וגימיק האתרים של מעצבי הדיגיטל שיש להם נטפרי צריכים להיראות מהאייטיז? ומי מדבר על חווית המשתמש שהלוטי ממנף..)
רשימה של אתרים שמשתמש בלוטי?? מי לא?!
לוטי הוא לא רק סתם אנימציות זה משהו שהולך להחליף את הgif המיושן והמוגבל, והראיה לכך הוא שלוטי הוא אחד התוספים הכי פופולריים לאפטר אפקטס... וש"אפל" שמכבד את עצמם +++ משתמשים באתר שלהם עם לוטי (הנה דוגמא)..
"כשיש רצון יש פיתרון" וכשאין את זה אין את זה וחבל מאוד...

[ברצינות]

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

[hagai.w]

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

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

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

מצאתי את זה למשל בחיפוש בגוגל https://www.svgator.com/

האמת שעד שלא כתבת את הפוסט הזה, גם אני לא הבנתי את הטענה של @magicode

[magicode]

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

https://netfree.link/app/#/tools/feature-request?r=42

[מאה נקודות]

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

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

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

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

מצאתי את זה למשל בחיפוש בגוגל https://www.svgator.com/

האמת שעד שלא כתבת את הפוסט הזה, גם אני לא הבנתי את הטענה של @magicode

css????? אנחנו ברובינו בונים אתרי אלמנטור... ורובינו לא יודעים css ברמה של אנימציות... שנבין, אנחנו צריכים לבנות אנימיציות בעצמינו בגלל שיש לנו אינטרנט מסונן?
לא תירצו על הגימיק כי זה בכלל לא שאלה, זה משפט קלאסי של אחד עם 0 ידע בכל מה שקשור לחווית משתמש וui ux...

[magicode]

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

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

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

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

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

מצאתי את זה למשל בחיפוש בגוגל https://www.svgator.com/

האמת שעד שלא כתבת את הפוסט הזה, גם אני לא הבנתי את הטענה של @magicode

css????? אנחנו ברובינו בונים אתרי אלמנטור... ורובינו לא יודעים css ברמה של אנימציות... שנבין, אנחנו צריכים לבנות אנימיציות בעצמינו בגלל שיש לנו אינטרנט מסונן?
לא תירצו על הגימיק כי זה בכלל לא שאלה, זה משפט קלאסי של אחד עם 0 ידע בכל מה שקשור לחווית משתמש וui ux...

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

[ברצינות]

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

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

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

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

מצאתי את זה למשל בחיפוש בגוגל https://www.svgator.com/

האמת שעד שלא כתבת את הפוסט הזה, גם אני לא הבנתי את הטענה של @magicode

אתה משווה בין אנימציית SPIN לבין לוטי?
כי נראה שמעולם לא בדקת מה זה...
קח לדוגמא את אייקון הההמבורגר כאן:
https://useanimations.com/
מתחשק לך לשבת ולעשות אותו לבד?
ונניח שאפשר להתאמץ ולעשות לבד, ו-כן יש לי ידע ב-CSS, חשבת כמה זמן ותכנון צריך להשקיע בשביל לבנות אנימציה פשוטה כזו?
זה כמו שתגיד לבונה אתרים שילך ויצלם נוף במקום להוריד משאטרסטוק...

והאתר שהבאת הוא לגמרי לא חינמי, והחינמי שלו לא מתקרב ללוטי, ודאי לאור האמור לעיל...