הטריק שיאפשר לך להעתיק אפקט מאתר אחר!

חחח
טובנו
אל באמת תשתמשי בו להעתקת אפקטים 😉
 
אבל אני רוצה להדגים לך טריק
שהשתמשתי בו מלאן פעמים
כדי להבין איך אפקט כלשהו נבנה
 
נראה לך שסתם ככה נהייתי
מאסטרית באפקטים? 😉
חרשתי הרבה עד שהגעתי
לתואר הזה…
 
היו כמה בנות ששאלו אותי
איך אני יודעת
בכזה ביטחון גמור
שכל אתרי ההשראה המפילים
שאני פוגשת ומציגה
בנויים עם GSAP?
 
אז הראיתי להן את הטריק הבא – 
פתחי את כלי המפתחים בעזרת F12
קודם כל את כבר יכולה לדעת
אם האתר נבנה בוורדפרס או בפלטפורמה אחרת
לפי מבנה ה HTML וה CLASS השונים
אבל לא זה מה שמעניין,
אלא —
הכנסי למקורות – sources
לחצי על  ctrl+shift+f
הפעולה הזו תאפשר לך לבצע חיפוש
בכל קבצי הקוד שבאתר הזה
שיש לדפדפן גישה אליהם
אם את לא רואה את אזור החיפוש
"גררי" אותו קצת כלפי מעלה.
עכשיו,
מה בא לך לדעת?
 
רוצה סתם להבין
אם יש כאן שימוש בקסמים של GSAP?
בואי ניקח לדוגמא
את האתר הזה 
פשוט כתבי "gsap"
אם זה אתר באמת מדליק
מובטח לך שתראי מלאן תוצאות 🙂
 
רוצה לבדוק על אלמנט מסוים
איך יצרו לו אפקט כזה וואו?
כתבי את ה class שלו
או את ה id שלו
או כל מזהה בו הקוד יכול להשתמש
תגלי בטוח כמה סודות…
 
זו כל התורה על רגל אחת!
אהבת?
שתפי אותי,
רבקי
 
נ.ב.
מתגבשת קבוצה מהממת
שעומדת בס"ד לעוף
ועוד כמה סודות מקצוע
רוצה להיות מהחלוצות בתחום?
כתבי לי על זה!
 

כתיבת תגובה

אולי תאהבי גם:

גם את פספסת את זה?

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

2022 זה כאן

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

על אלה אני בוכיה

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