חיפוש ]

קטגוריה: עיצוב וחווית משתמש | עמוד 6

שימוש ב anime.js ליצירת אנימציות JavaScript

הספרייה Anime.js הוא מנוע Javascript קל משקל ליצירת אנימציות. הוא תומך בכל הדפדפנים המודרנים ומאפשר ליצור אנימציות על כל תכונת CSS, על SVG ועל ערכים של Javascript. במדריך זה אסביר את הבסיס של Anime.js ונראה כיצד להשתמש בו בכדי ליצור...

CSS Variables – מדוע וכיצד להשתמש במשתנים אלו?

CSS Variables, הנקראים גם CSS Custom Properties כעת נתמכים בכל הדפדפנים המודרנים והם פונקציונליות לה מפתחי Frontend חיכו המון זמן. הם מביאים את הכח של שימוש במשתנים ל CSS וכתוצאה מכך מספר החזרות על קוד קטן יותר, הקוד קריא יותר [...]

איך ליצור ווידג׳ט צף בסרגל הצידי של וורדפרס

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

על היררכיה טיפוגרפית ופונטים בעיצוב אתרים

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

יצירת אפקט כפתורים מתפרקים באמצעות Anime.js

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

גוטנברג | Gutenberg – העורך החדש של וורדפרס

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

כיצד עובדת הפונקציה ()minmax

נסביר בצורה רחבה על הפונקציה minmax של CSS Grid. אחד הפיצ׳רים השימושיים שהוצגו יחד עם הספסיפקציות של CSS Grid הינו הפונקציה minmax. הפוקנציה פותחת לנו דלת ומאפשרת לכתוב CSS חזק ותמציתי יותר על ידי כך שמאפשרת לנו לקבוע ערך מינימלי [...]

המדריך המלא לשימוש ב CSS Grid

נתחיל ונאמר כי CSS Grid הוא מודול המאפשר ליצור עימוד (Layout) המבוסס רשת (Grid) על ידי שימוש בעמודות ושורות. ניתן לומר, שעד לא מזמן העימוד ב HTML נבנה באמצעות Tables, Floats ועוד תכונות כאלה ואחרות ב CSS שלא התאימו ליצירת עמודים [...]