רוטר - תוכנה שמאפשרת לעשות CSS Animations ולייצא קוד שמיש?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"תוכנה שמאפשרת לעשות CSS Animations ולייצא קוד שמיש?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #20990	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 20990

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

22:43 25.11.14

תוכנה שמאפשרת לעשות CSS Animations ולייצא קוד שמיש?

משהו כמו FLASH אבל שיאפשר לי לבנות WebApp פשוט עם כמה סטייטים, ולחווט קוד פשוט כמו Goto לכפתור בסטייט1 שכשלוחצים עליו יעביר לסטייט 2 עם אנימציית מעבר (טרנזישן) מגניבה?
כבר עשיתי את הכל בפלאש כי אני טוב בפלאש, אבל דרשו ממני לעשות את זה בטכנולוגיה שתעבוד בדפדפני מובייל ובעיקר בIOS :(
בעקרון זה לפרוייקט שאני עושה, למרות שאני לא תוכניתן, ביקשו שאבנה אב-טיפוס כמה שיותר מוחשי ולא רק לספק סטייטים עיצוביים, אלא לבנות ממש מוקאפ שעובד בדפדפן מובייל, ברמה שהמפתח אפילו יוכל לעשות בזה שימוש עתידי כדי להכניס תוכן דינאמי וכד'...

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
למקרה שרשמת אני מכיר את Jquery	meni181818	25.11.14 23:30	1
תודה, גם לי יצא לעבוד קצת עם JQ אבל רק בשביל לעזור למפתחים בצוות	Avi139	25.11.14 23:32	2
יש המון Generators באינטרנט ל-CSS Transitions	אחי הדוב	26.11.14 18:07	3
תודה רבה, כמובן שניסיתי כבר את SWIFFY ועוקב אחריה כבר שנים	Avi139	26.11.14 19:17	4
עוזר לך?	xtorm	26.11.14 20:24	5
תודה, ניסיתי אותה והיא סבבה, אבל האמת היא שבשביל המטרה שלי EDGE קלה יותר	Avi139	26.11.14 20:51	6
הללויה, נראה לי הסתדרתי מעבר למה שציפיתי! מצאתי משהו ממש שימושי...	Avi139	27.11.14 01:35	7

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

23:30 25.11.14

1. למקרה שרשמת אני מכיר את Jquery
בתגובה להודעה מספר 0

http://s28.postimg.org/izm7890yz/image.gif

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

23:32 25.11.14

2. תודה, גם לי יצא לעבוד קצת עם JQ אבל רק בשביל לעזור למפתחים בצוות
בתגובה להודעה מספר 1

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אחי הדוב
חבר מתאריך 9.11.14
50 הודעות

18:07 26.11.14

3. יש המון Generators באינטרנט ל-CSS Transitions
בתגובה להודעה מספר 0

אבל אף אחד מהם לא ייתן לך באמת את מה שאתה מבקש.
אני מציע שתקדיש לזה כמה שעות, באמת שלא צריך יותר, אם אתה לא יודע CSS אז תקדיש לזה כמה ימים, אתה תודה לי אחר כך.
מציע לך לקרוא את הספר Responsive Web Design של Ethan Marcotte יש PDF שלו רץ באינטרנט, ספר נהדר שגם מסביר קצת את התהליך שהדפדפנים עברו.
וסתם חיפשתי לך משהו למקרה שתחליט שאתה מוותר:
https://www.google.com/doubleclick/studio/swiffy/

מישהו ניסה את זה?(אמור להמיר swf לhtml5, אלוהים יודע איך...)

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

19:17 26.11.14

4. תודה רבה, כמובן שניסיתי כבר את SWIFFY ועוקב אחריה כבר שנים
בתגובה להודעה מספר 3

אבל היא מייצרת בלגן שלם והמרות לCANVAS והכל פשוט על הפנים...
לגבי CSS התחלתי להתעמק בזה לפני שנתיים ועשיתי כמה דברים בסיסיים, אבל הזנחתי את זה וזה לא כמו לרכב על אופניים ככה שקצת בעייה...
תודה אחפש את הPDF אבל זה כבר יהיה להעשרת הידע האישי ולא לפרויקט שאני צריך להגיש בעוד כמה ימים
בנתיים אני בבעיה רצינית, אבל נראה אולי הEdge של אדובי יציל אותי, הצלחתי לעשות משהו בסיסי אבל זה בעיה מבחינת קידוד, להצמיד אנימציות דינאמיות לאובייקטים זה משהו שבכל מקרה מצריך קידוד, ככה שלעשות הכל HARD CODED זה קצת מעפן מבחינתי :(

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

xtorm
חבר מתאריך 25.5.05
849 הודעות

20:24 26.11.14

5. עוזר לך?
בתגובה להודעה מספר 0

http://cssanimate.com

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

20:51 26.11.14

6. תודה, ניסיתי אותה והיא סבבה, אבל האמת היא שבשביל המטרה שלי EDGE קלה יותר
בתגובה להודעה מספר 5

ADOBE EDGE מאפשרת למי שלא חזק בקידוד לעשות דברים מגניבים כמו בFLASH רק בHTML, אבל העיניין הוא שלדברים מורכבים כמו Dynamic animations עדיין צריך לדעת קצת קוד, JS בעיקר...
בוא נגיד ככה, אני תקוע עכשיו בשלב כזה: יש לי גריד עם 8 תמונות, בלחיצה על תמונה מסויימת זה צריך לעשות טרנזישן Scale up ולהציג את התמונה כמו בלייטבוקס.
אבל האתגר הוא לגרום לאנימציית הSCALE UP הזו להתנגן על כל אחת מהתמונות, וכשהתמונה במצב לייטבוקס לאפשר SWIPE בין התמונות כמובן.

קיצר הסתבכתי עם זה חבל"ז :(

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

01:35 27.11.14

7. הללויה, נראה לי הסתדרתי מעבר למה שציפיתי! מצאתי משהו ממש שימושי...
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 27.11.14 בשעה 01:39 בברכה, Avi139

מצאתי אמנם קבצי מקור דיי מיושנים לגלרייה בסיסית ( אל תצחקו עליי אבל זה באמת ישן מבחינת סטנדרטים שהשתנו מ2011???): http://photoswipe.com/latest/examples/jquery-mobile.html
אבל הצלחתי לקסטם אותה ב80-90 אחוז ממה שאני צריך... ויתרתי על אנימציות מגניבות שעשיתי במוקאפ (מבוסס כמובן על ה-Material Design של) אז התפשרתי בנתיים על הFADE השחור ממעבר מהמצב הרגיל לפתיחת התמונה, אולי בהמשך אחפור ברשת לחפש אנימציות יותר מגניבות, אבל בנתיים זה סוגר לי את הפינה.
עכשיו רק נשאר לבטל כמה כפתורים בטולבאר, להעביר את הX למעלה וכמעט סיימתי.

בונא אני מבסוט על עצמי חבל"ז, חשבתי ששכחתי לגמרי CSS וסטיילינג, אבל לא! להפתעתי הצלחתי למצוא גם את הידיים והרגליים וגם הצלחתי לקסטם לי WEB APP לעבודת הגשה ואני מה זה מבסוט מעצמי חחח
יש מצב אני נהיה מכור קוד, פתח לי תאבון אחושלוקי!

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד