למדו את CSS Flexbox ב- Lynda.com

• מאי 17, 2024

לאחר עשר שנים, שהן חיים שלמים ברשת, החלטנו להעניק לאתר MUSED Literary Review מראה חדש. כמובן שרצינו להשתמש ב- HTML ו- CSS החדשים ביותר וזה אומר להשתמש ב- Flexbox, CSS Grid ועיצוב אתרים רספונסיבי.

בזכות Lynda.com, לא לקח הרבה זמן לעלות במהירות. להלן רק כמה מהמדריכי הוידיאו הטובים ביותר שעזרו לי לעצב את המראה החדש ל- MUSED.

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

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

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

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

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

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

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