Search

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

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

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

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

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

17 סטטיסטיקות על וורדפרס שאי אפשר להתעלם מהן

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

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

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

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

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

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

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

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

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

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

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