אתם מכירים קישורי עוגן, קישורים למקום מסוים באמצע הדף? אז הבעיה היא כשההקלקה מביאה אותנו למקום המסוים הזה בדף, המקום עם העוגן נצמד ישירות לחלק העליון של הדפדפן וזה פחות נחמד. בפוסט הזה מתוארת שיטה להשאיר רווח, ע”י שימוש במאפיין ה-CSS בשם scroll-margin-top.
דברים שאפשר לעשות עם CSS בימינו – פוסט של סמשינג מגזין שמפרט על כמה עניינים עיצוביים שהתחדשו בימינו: עיצוב בצורת masonry, הסלקטור :is, פונקציונלית לוגית, יחידות טיפוגרפיה לרספונסיביות, ועוד.
תראו איזה קודפן מדליק – אפקט על קלף כשעוברים עליו עם העכבר: האליפסה שהוא בתוכו מסתובבת, ועליו עולה שכבה צפה עם פרטים.
מי חשב שיש כל כך הרבה לומר על מאפייני הגובה והרוחב? אורי שקד ומיכל פורג כתבו על זה פוסט ארוך ב-CSS Tricks.
מדריך אינטראקאטיבי ל-transion-ים ב-CSS. הפוסט מדריך איך ליצור transition-ים, ובכל שלב הוא מאפשר לקוראים להתנסות באפקט שמחבר הפוסט יצר באותו שלב. כדרכם של transition-ים, הפוסט משובץ גם בקוד וגם בגרפים של אפקט ה-transition.
איך למצוא את האלמנט הכי קרוב שממוקם אבסולוטית עם JavaScript.
מעברים בין דפי אינטרנט – השראה וטיפים. מעברי דפים מוסיפים הרבה לחוויית המשתמש, והפוסט הזה ברובו מציג השראה שאפשר לקבל למעברים כאלה מסרטים, פרסומות, אתרים וכד’. הוא מסיים ברשימת פריימוורקים שעושים מעברים כאלה, ובהפניה לאוספים נוספים.
קטעי קוד מינימליים ל-Layout-ים וקומפוננטות עם CSS מודרני
חלופה מעניינת לתנאים (switch ו-if) ב-CSS
הסבר מעמיק על z-index. ועוד אחד.
