שבט (17)

CSS tips

מצ”ב 4 מאמרים בנוגע ל-CSS. שלושת הראשונים הם סיכומים שונים של כללים ב-CSS, המאוגדים בצורה מסודרת.
המאמר הרביעי הוא יותר מתוחכם – מכיל קישורים לאפקטים מגניבים שאפשר לעשות עם CSS.
1. המאמר הזה מכיל: סיכום של מאפייני block לעומת מאפייני Inline, פתרונות עוקפים לבעיות ב-IE6 (כמו בעיית ה-box model, או בעיית ה-min-width), פקודת ה-Text-transform (שווה), פתרון לבעיית טקסטים ותמונות שנעלמים לפעמים (!), ועוד כמה דברים שווים.
https://www.codeproject.com/Articles/15063/Ten-more-CSS-tricks-you-may-not-know
2. קיצורים ב-CSS. את רובם אנחנו מכירים. למשל margin:1em 0 2em 0.5em במקום margin-top:1em; margin-right:0; margin-bottom:2em; margin-left:0.5em;
אבל כדאי בכל זאת להציץ, במאמר זה הוא מזכיר המון פקודות שיש להם קיצורי דרך.
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties
דרך אגב, גם לאתר זה אני מרססת – יש לו המון מה לומר בענייני CSS, שמישות ונגישות.

3. כאן יש כללים בסיביים לכתיבת CSS. כדאי להעיף מבט.
http://snook.ca/archives/html_and_css/top_css_tips

4. 53 טכניקות CSS שאי אפשר לחיות בלעדיהם – כאן, כאמור, יש קישורים להדרכות כיצד ליצור דברים בעזרת CSS. כמו למשל, סרגל ניווט בעזרת CSS, טאבים בעזרת CSS, ברי גלילה, טבלאות מצטמצמות ומתרחבות (לאורך, לא לרוחב), עיצוב אחר לכפתורי רדיו ו-checkbox-ים (לשמחת המעצבות..), פינות מעוגלות (זה קישור לאתר שרחלי פעם שלחה) ועוד המון המון דברים (סה”כ 53), שתקצר היריעה מלפרטם. מומלץ מאד.
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

כתבו תגובה

כתובת הדוא"ל שלכם לא תוצג.