אנימציית תזוזה עדינה במעבר עכבר

אפקטים קטנים עושים הבדל גדול בחוויית משתמש – במיוחד כשמדובר באינטראקציות בסיסיות כמו מעבר עכבר. הקוד הזה יוצר תנועה עדינה שמזיזה אלמנט מעט שמאלה בעת hover, וגורמת לו להרגיש חי, אינטראקטיבי ונעים יותר לעין. הרעיון פשוט, במצב רגיל מוגדר transition קצר עם פונקציית easing מדויקת, ובמעבר עכבר האלמנט זז ב־translateX ועם אנימציה מעט איטית יותר, […]

מחשבון וטבלת Clamp לפונטים

אם אתם בונים אתרים רספונסיביים, אתם יודעים שטיפוגרפיה יכולה להיות כאב ראש – במיוחד כשצריך לשלוט על גדלים בכל ברייקפוינט. בדיוק בשביל זה יצרתי מחשבון + טבלה ל-clamp. מה זה נותן לכם clamp מאפשר להגדיר פונט דינמי שמתאים את עצמו לרוחב המסך עם גבולות ברורים, בלי media queries ובלי קפיצות. מה יש בכלי? מחשבון שמייצר […]