CheetSheat של מיקומים אבסולוטיים – קודפן שמראה מה המאפיינים של אלמנטים שמוצבים אבסולוטית: אלמנטי inline ואלמנטי block, מה קורה שמגדירים את מאפייני ה-top, right, bottom ו-left של אלמנטים כאלה, והיחסים בין כמה אלמנטים כאלה.
איך עובדת פרספקטיבה ב-CSS – פוסט של Amit Sheen ב-CSS Tricks על איך ליצור קוביות בעלות פרספקטיבה ב-CSS
מנתח תחבירי (parser) של ליה ורו – מודול ES שמנתח סלקטורים של CSS
בולטים מותאמים אישית עם CSS ::marker
לקחים מ-60 יום של אנימציות – המחבר לקח על עצמו משימה להכין 20 אנימציות ב-60 יום, עם החוקים הבאים: 1) הוא יכתוב את ה-CSS ידנית, 2) המשתמש ייזום את הפעלת האנימציה, 3) הוא ישתמש כמה שפחות ב-JS, ובכלל לא בשביל האנימציה. יש לו תובנות עמוקות ומעניינות.
איך להפוך תמונת רקע לשקופה בלי לפגוע בטקסט ע”י שילוב של background-image
ו-linear-gradient
.
אתגר קודפן: רשימה של 100 פריטים – קודפן מציעים אתגרים עיצוביים על בסיס קבוע. האתגר הזה הוא להציג רשימה של 100 פריטים. יש רעיונות יפים מאוד.
טיפוגרפיה רספונסיבית שזורמת – גדלי גופן ברזולוציות שונות הם אתגר עיצובי אם רוצים שהם גם ייראו טוב וגם יהיו נוחים לתחזוקה. הפוסט הזה מתייחס לאתגר הזה באמצעות יחידות vh ו-vw.