עם כניסת הספסיפיקציות CSS Scroll Snap, קיימת עבורינו המפתחים האפשרות לשלוט על התנהגות הגלילה של עמוד אינטרנטי (עד דרגה מסויימת בכל אופן), וזאת על ידי שימוש בסטנדרטים של הרשת וללא צורך להסתמך על ספריות חיצוניות כבדות.
קטגוריה: עיצוב וחווית משתמש | עמוד 3
ב CSS קיימות שתי תכונות האחראיות למיזוג (blending במיים אחרות). התכונה mix-blend-mode אחראית למיזוג אלמנטים ב DOM, ולעומתה, התכונה background-blend-mode אחראית לשילוב של מספר תמונות רקע (background-image ב CSS), או שילוב של background-image יחד עם background-color.
לבטח יצא לכם לראות אתרים בהם מתבצעות אנימציות שונות בזמן שאתם גוללים מטה (On Scroll Animations). אז אשתף אתכם בספרייה בה נתקלתי בשם AOS, המאפשרת להוסיף אנימציות אלו בקלות ועם שליטת CSS מלאה על אותן אנימציות. הרעיון מאחורי AOS הוא [...]
עיצוב פסי הגלילה (Scrollbars) של הדפדפן נראה כפופולרי לאחרונה ואני נתקל בלא מעט אתרים המעצבים זה בצורה שונה, כזו המתאימה לעיצוב הכללי ולמיתוג האתר שלהם. ישנם מספר דרכים לעצב פסי גלילה אלו, ובפוסט זה נראה כיצד לעשות זאת באמצעות CSS3.
רבים מאיתנו מעדיפים להשתמש ב CSS כשניתן ולהמנע מ Javscript אם ניתן עבור פונקציונליות של אלמנטים. פתרונות CSS טהורים מאד נוחים לתחזוקה וחוסכים עבודת JS היכולה להשפיע במקרים מסויימים על זמן הטעינה של העמוד. עם זאת, אין להשתמש בפתרונות אלו [...]
לפני כשלוש שנים הוצגה אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים פרמטרים״. ומעבר לכך שהם חוסכים bandwidth הם גם מספקים תכונות בלתי נגמרות כראות עיני [...]
נכתב ע״י רועי יוסף•עודכן ב- 14 ליוני, 2024
•
אין תגובות
פוסט אשזהו פוסט קצר המתאר כיצד ליצור קו מפריד עם אלמנט באמצע, מעין סוג של divider עם טקסט או תמונה כאשר משמאל ומימין לו קיים אותו קו מפריד לטובת דקורציה. אז נאמר ואני מבקש מכם לעשות קו מפריד עם תמונה/טקסט באמצעו [...]
בעימודים או layouts מבוססי CSS Grid - ברירת המחדל להצבת אלמנטים בגריד עצמו היא על ידי הגדרת השורות, או בעצם הגדרת קווי הגריד לפיהם יתחילו ויסתיימו אלמנטים. התכונה Grid Area היא אלטרנטיבה לקביעת קווי הגריד ומציעה דרך שֵׁמִית בה ניתן [...]