גלול ולהנפיש את הדף בקלות עם Force.js

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

ה ספריית Force.js הוא סקריפט חופשי קוד פתוח בנוי סביב אנימציות דף דינמי.

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

כברירת מחדל, Force.js מסתמך על מעברי CSS מתי שאפשר. אלה עבודה בכל הדפדפנים המודרניים ואת הקוד הוא הרבה יותר פשוט, בתוספת זה מציע תמיכה רחבה יותר עבור משתמשים אשר אל תאפשר JavaScript.

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

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

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

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

כל התיעוד הוא זמין ב- GitHub, יחד עם הקבצים.

או, אם אתה מעדיף npm / Bower אתה יכול למשוך קבצים ישירות בצורה זו. אתה רק צריך כולל אחד force.js קובץ לתוך הכותרת שלך ואתה תהיה טובה ללכת.

אני גם ממליץ סקימנס את התיעוד כי זה מלא דוגמאות עבור לקפוץ () ו מהלך \ לזוז \ לעבור() שיטות.

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