מדריך על סלקטורים חדשים שיש בתקן CSS3 שמאפשרים לנו בחירה מדויקת ונכונה יותר של אלמנטים.
CSS3
CSS3 הוא אוסף המודולים החדש של תקן CSS. התקן, שעדיין לא נסגר וחלקים ממנו עדיין בפיתוח ה-W3C, מאפשר עיצובים חדשים ומעניינים של דפי אינטרנט. כך אפשר באמצעות CSS 3 להוסיף הצללות, גרדיאנטים ופינות מעוגלות. בנוסף אפשר גם להתנסות במגוון סלקטורים שונים ומעניינים. אוסף של טכנולוגיות מביאות את בשורת CSS 3 גם לדפדפני אינטרנט אקספלורר 6,7 ו-8.
סלקטורים של CSS3 – חלק ב’
סלקטורים ופסאודו קלאסים נוספים של CSS3 שמאפשרים לנו לבחור אלמנטים של HTML באופן חדש ומעניין.
פסאודו אלמנטים ב-CSS3
פסאודו אלמנטים של CSS3 מאפשרים לנו לייצר “אלמנטים” של ממש ב-CSS ולעצב דפים באופן שלא הכרנו בתקנים קודמים.
סלקטורים ב-CSS3 שעובדים באינטרנט אקספלורר
Selectivizr הוא פתרון מבוסס ג’אווהסקריפט שמסייע לאינטרנט אקספלורר לסוגיו לעבוד עם סלקטורים, פסאודו-קלאסים ופסאודו אלמנטים של CSS3.
תכונות ב-CSS3
מאמר זה מדגים ומלמד כיצד לעשות גרדיאנטים ופינות עגולות באמצעות CSS3 בלבד לכל הדפדפנים.
מדריך CSS3 – הצגת פונטים
מודול של CSS 3 המאפשר הטמעה פשוטה וקלה של כל פונט שהוא בכל אתר אינטרנט. לא עוד arial!
מדריך CSS3 – הטמעת פונטים באינטרנט אקספלורר 8 ומטה
הסבר על הטמעת פונטים באתרי אינטרנט שיראו היטב גם בדפדפני אינטרנט אקספלורר 8 ומטה.
העולם המופלא של צורות ב-CSS
עם תכונות ופסאודו אלמנטים מאוד קל לייצר צורות מורכבות עם CSS3 – המעיטו את כמות החיתוכים שלכם!
CSS flexbox – אלמנט אב
פלקסבוקס היא הדרך החדשה לעמד אלמנטים שונים בעמוד ולקבוע את מיקומם. במאמר זה אני מסביר בפירוט על איך עושים את זה עם אלמנט האבא.
CSS3 Flexbox – אלמנטים ילדים
במאמר הזה אני ממשיך בהסבר על flexbox ועכשיו עם הסברים על אלמנטים ילדים.
אנימציות עם CSS3
כך אפשר להנפיש כל אלמנט באתר/אפליקציה שלכם עם CSS3 באופן קל ופשוט.
CSS3 transition
צריכים לשנות את האלמנטים בדף? אפשר להוסיף בשורה אחת אפקטים יפים לשינוי.
CSS3 transform
שינוי אלמנטים בשני מימדים באמצעות CSS בלבד. לא תאמינו מה אפשר לעשות.
תחיליות והטיפול בהן
לפעמים עלינו להשתמש בתחיליות על מנת לגרום ל-CSS3 לעבוד. אני מפרט שלוש דרכים עיקריות להתמודדות עם זה.
תשארו בקשר!