חמשת האתרים המובילים ללמוד CSS מקוון

פרסומת

עיצוב אתרים אולי אינו האזור הנגיש ביותר לכולם, אך CSS ו- HTML יכולים להיות שימושיים מאוד, וזה שני חלקים של קידוד שהם ממש קלים. אני מתכוון לשנות את צבע הגופן שלך אתה רק צריך להקליד: "צבע: אדום", האם זה נהיה קל יותר מזה?

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

W3Schools

W3Schools הוא אתר נהדר. יש להם הרבה הדרכות מ- HTML ל- PHP ואתם יכולים להיות בטוחים שכל מה שקראתם עומד בתקנים שכן האתר מתוחזק על ידי W3C, האחראי לתקני האינטרנט של היום.

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

אם אתה כבר יודע כמה CSS אם כי זהו מקור עזר נהדר.

טיזג

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

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

גן הזן של CSS

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

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

CSS Play [לא ניתן להשיג יותר]

CSS Play הוא אתר בין זן גארדן לאתרי ההדרכה מכיוון שהוא מציג פונקציות ספציפיות ב- CSS ומאפשר לך להציג את קוד המקור.

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

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

גוגל

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

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

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