בעיקרון אני לא מתלהבת מסתם תצוגות תכלית ב-CSS אבל הקובייה השוקעת הזאת נראית שיש לה מה ללמד אותי, אז היא פה 🙂
ואחרי שאמרתי שאני לא אוהבת סתם דברים יפים אך לא מועילים, הנה אני שוברת את מילתי: 20 קודפנים מעוררי השראה
אז זה אמנם פוסט על CSS אבל הפוסט הזה בעצם מדבר על השלב לפני, שלב העיצוב. מדובר כאן על איך ליצור מקצב אנכי רספונסיבי, כלומר איך לעשות שזרימת הטקסט באתר תהיה נעימה לעין.
מה הצבע של עמוד אינטרנט ריק? לא שאלתי את עצמי את זה אף פעם, אבל גם כששאלתי את עצמי עכשיו, מתברר שטעיתי.
30 דוגמאות קוד שממחישות את פלקסבוקס
עיצוב רספונסיבי הוא בן 10. ומאותו בלוג, הקצוות של עיצוב רספונסיבי: מצבים לא שגרתיים שמצריכים גם הם התאמות עיצוביות: ניווט עם טאב, הגדלת גופן, ועוד.
על אלמנטים במצב fixed והרקעים שלהם
מוביל טכני ב-W3C מסביר למה CSS הוא כמו שהוא: סקירה היסטורית ופענוח תעלומות
על המאפיין content – איך להשתמש בו ב-before
ו-after
, כדי להראות קישורים בהדפסה, ליצור counter
-ים מותאמים אישית, לשים בו תמונות וגרדיאנטים, ועוד דברים שלא שערום אבותינו…
יישור בטיחותי ובלתי בטיחותי בפלקסבוקס – מתברר שמירכוז אלמנטים בפלקס עלול לגרום לאיבוד מידע (חיתוך של טקסט בצדדים). לשם כך יש ערך בשם safe
למאפיין align-items
, אם כי כרגע רק פיירפוקס מממש אותו.