שכבת ההצגה של האינטרנט היא CSS. הוא מאפשר לכם לעצב את ה-HTML כדי לעזור לכם להשיג את יעדי העיצוב שהגדרתם לאתר. כאן תוכלו למצוא מגוון של אוספי תוכן, קורסים, דפוסים וקישורים למאמרים מועילים אחרים שיעזרו לכם ללמוד CSS ולהשתמש בו כדי שדפי האינטרנט שלכם ייראו בדיוק כמו שדמיינתם.
אם אתם חדשים ב-CSS, אנחנו כאן בשבילכם. בקורס 'למדו שירותי CSS' שלנו תקבלו הסבר על העקרונות הבסיסיים של שירות CSS.
טיפים ושיטות עדכניים לשימוש בעבודה, כבר עכשיו.
קבלת מידע על התכונות החדשות של שירות ה-CSS שזמינות לאחרונה בכל מנועי הדפדפנים העיקריים.
כדאי לעיין בחלק מהתבניות שלנו ל-CSS, שבהן אפשר להשתמש כדי ליצור במהירות פריסות, אנימציות ועיצוב נושאי לדפי האינטרנט.
כשמדובר במהירות הדף, CSS הוא אחד הדברים שכדאי להביא בחשבון. המדריכים האלה יכולים לעזור לכם לפתור בעיות נפוצות בביצועים שקשורות לשימוש ב-CSS.
האופן שבו אתם משתמשים ב-CSS עשוי להשפיע על הנגישות של אפליקציות האינטרנט שלכם. המדריכים האלה יכולים לעזור לכם לוודא שאתם משתמשים ב-CSS באופן שמקל על יותר אנשים להשתמש באפליקציות האינטרנט שלכם.
מנושאי נגישות ועד ל-z-index, פודקאסט ה-CSS הוא דרך מצוינת לקבל מידע נוסף על CSS ממומחים מובילים בתחום.
קורס

זו הפעם הראשונה שאתם משתמשים ב-CSS?

אם אתם חדשים ב-CSS, אנחנו כאן בשבילכם. קורס לימוד CSS שלנו מסביר את העקרונות הבסיסיים של אופן הפעולה של CSS, החל מסלקטורים, מאפיינים, ערכים, עקרונות בסיסיים של פריסה ואיך אפשר להחיל אותם על דפי האינטרנט.

לומדים שירות CSS!
טיפים ושיטות עדכניים לשימוש בעבודה, כבר עכשיו.
כדאי להתאים את הגופן להעדפות של המשתמשים כדי שהם ירגישו בנוח לקרוא את התוכן.
מידע נוסף
כל המנועים העיקריים תומכים עכשיו בפונקציות ובמרחבי הצבעים החדשים של CSS. איך אפשר להשתמש בהם כדי להוסיף חיים לעיצובים.
מידע נוסף
שיפור חוויית ניפוי הבאגים באינטרנט עם מפות מקור.
מידע נוסף
עכשיו אפשר להשתמש ב-Subgrid בכל שלושת המנועים העיקריים. איך משתמשים בו?
מידע נוסף

Baseline מאותת למפתחי אינטרנט מתי אפשר להשתמש בבטחה בתכונות של פלטפורמת האינטרנט בכל מנועי הדפדפנים העיקריים. ריכזנו כאן כמה תכונות CSS שזמינות עכשיו ב-Baseline.
@starting-style הפך ל-Baseline. התכונה הזו תהיה זמינה באוגוסט 2024.
font-size-adjust הפך ל-Baseline. האפשרות הזו תהיה זמינה ביולי 2024.
הפריט @property הפך לזמין לאחרונה ביולי 2024.
הפריט light-dark() הפך לזמין לאחרונה במאי 2024.
align-content בפריסה של בלוקים הפך לאפשרות ברירת המחדל. האפשרות הזו זמינה החל מאפריל 2024.
הערכים offset-position ו-offset-path הפכו ל-Baseline (ערך בסיסי) חדש שזמין החל מינואר 2024.

אספנו בשבילכם כמה מתבניות ה-CSS שלנו תוכלו להשתמש בהן כדי ליצור במהירות פריסות, אנימציות ועיצובים לדפי האינטרנט שלכם.

דפוסי פריסה שנוצרו באמצעות ממשקי API מודרניים של CSS, שעוזרים לכם לבנות ממשקים נפוצים כמו כרטיסים, אזורי רשת דינמיים ופריסות של דף מלא.
הצגת הדפוסים
טכניקות אנימציה שנוצרו באמצעות CSS או JavaScript תוך התחשבות בנגישות ובהעדפות המשתמש.
הצגת הדפוסים
שיטות לניהול הצבע בפרויקטים שלכם.
הצגת הדפוסים
CSS אחראי לחלק גדול מעבודת הרינדור שמתבצעת בדף, וזה גורם שמשפיע על המהירות שבה הדף מופיע ומגיב לאינטראקציות של משתמשים. המדריכים האלה יכולים לעזור לכם לכתוב CSS תוך התמקדות במהירות הדף.
חישוב מחדש של סגנונות הוא תהליך שבו כללי CSS חלים על ה-DOM, וסלקטורים מורכבים מדי עלולים לגרום לבעיות בביצועים. במדריך הזה מוסבר איך לבצע אופטימיזציה של הסלקטורים כדי להשיג ביצועים טובים.
מידע נוסף

content-visibility: נכס CSS שמשפר את ביצועי הרינדור

אפשר להשתמש במאפיין content-visibility כדי לדחות את הרינדור של חלקים בדף עד שהם נדרשים. במדריך הזה נסביר איך אפשר להשתמש בנכס הזה כדי לשפר את ביצועי הרינדור של אפליקציית האינטרנט.
מידע נוסף
לאופן שבו כותבים את הסגנונות יכולה להיות השפעה משמעותית על מדדי הליבה לבדיקת חוויית המשתמש באתר. במדריך הזה מוסבר איך לשפר את הביצועים של קובצי ה-CSS של אפליקציות אינטרנט.
מידע נוסף
גודל DOM גדול יכול להפעיל פעולות עיבוד נתונים ארוכות, וזה עלול להשפיע על מידת הרספונסיביות של אפליקציית האינטרנט לקלט של משתמשים. במדריך הזה מוסבר איך לשמור על נפח DOM קטן יותר כדי לשפר את הביצועים.
מידע נוסף
מניגודיות צבעים ועד עיצוב רספונסיבי, ל-CSS יש השפעה ברורה על מידת השימוש באפליקציות האינטרנט שלכם לכל המשתמשים. כדאי לקרוא את המדריכים האלה כדי לשפר את הידע שלכם ב-CSS, וכך תוכלו ליצור אפליקציות אינטרנט שיהיו שימושיות ליותר אנשים.
כדי לעצב רכיבים אינטראקטיביים בדפים בצורה נגישה, צריך להביא בחשבון את הגודל והמרווחים בין הרכיבים כדי שיהיה קל יותר להשתמש בהם. כדאי לעיין בהנחיות האלה כדי ליצור אפליקציות אינטרנט שקל יותר למשתמשים לנווט בהן.
מידע נוסף
ניגודיות בין צבעים היא היבט חשוב בעיצוב שמאפשר למשתמשים לקרוא את התוכן בקלות רבה יותר. המדריך הזה יעזור לכם ליצור אפליקציות אינטרנט יפות שמדגישות את הקריאוּת ונוחות השימוש.
מידע נוסף
אנחנו יודעים שכדאי לעצב באופן רספונסיבי כדי לספק את החוויה הטובה ביותר לכמה מכשירים, אבל עיצוב רספונסיבי מניב גם יתרון מבחינת הנגישות.
מידע נוסף
סדר התוכן במסמך חשוב לנגישות האתר, ויכול להיות שקוד ה-CSS שבו אתם משתמשים יכול להשפיע על הנגישות. במדריך הזה נסביר לכם את כל מה שצריך לדעת כשמשתמשים ב-CSS כדי לשנות את הסדר החזותי של תוכן הדפים.
מידע נוסף

CSS היא שפת העיצוב המרכזית של האינטרנט. מפתחי אתרים הם אחת מהטכנולוגיות המהירות ביותר שבעזרתן אפשר להתחיל, אבל אחת מהטכנולוגיות שקשה ביותר לשלוט בהן. כדאי לעקוב אחרי Una Kravets ו-Adam Argyle, מומחי הפיתוח של Google, שמפרטים בצורה נעימה היבטים מורכבים של CSS בפרקים קלים לעיכול, ומדברים על כל מה שקשור לנגישות ועד ל-z-index.

להאזנה