7 משאבים שימושיים ללומדי CSS

2024 מְחַבֵּר: Malcolm Clapton | [email protected]. שונה לאחרונה: 2023-12-17 03:56

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

The World Wide Web Consortium (W3C) המליץ על טכנולוגיית CSS (Cascading Style Sheets) בשנת 1996. מאז, מפתחי אתרים משתמשים בגיליונות סגנונות מדורגים כדי ליצור עיצובי אתרים ייחודיים.

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

התקן תוסף Chrome או תוסף Firefox כדי להתפעל מהאתרים המועדפים עליך ללא גליונות סגנונות מדורגים.

השינויים יהיו דרמטיים, אם כי לא תמיד. לדוגמה, צובר חדשות כמעט ולא ישתנה: הוא פשוט כמו שניים ושתיים. עם זאת, המשאב נצפה יותר מ-150 מיליון פעמים מדי חודש.

היכן ללמוד את הנקודות העדינות של CSS

1. ספר HTML

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

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

2. WebReference

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

3. התייחסות ל-CSS

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

4. פרסי עיצוב CSS

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

5. CSS Zen Garden

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

טען את ה-HTML של ההפניה, הוסף את הסגנון שלך ושלח הכל בחזרה. אולי הגישה שלך תהיה הטובה ביותר. אגב, אתה יכול להוריד גרסה של מישהו אחר ולראות איך היא מיושמת.

6. CSSPlay

ברור שתרצה ליישם משהו מהסוג שימשוך את תשומת הלב של כולם. אנחנו לא יודעים אם יש דבר כזה, אבל עשרות ומאות טריקים סקרניים היו שם בוודאות.

7. CSS Lint

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