ימים

שעות

דקות

שניות

הזדרזי! המבצע בתוקף עד 04.04.2024

קורס קונטיינרים באלמנטור – בניית עמוד עם קונטיינרים, רספונסיביות מושלמת וקוד CSS לעיצוב על (חלק שני)

590 ש"ח

97 ש"ח

תוכן הקורס

בניית עמוד עם קונטיינרים + רספונסיביות מושלמת + טריקים וקודים לעיצוב על

בניית הדר מורכב עם קונטיינר וטריק מדהים בקוד 6:52

הגדרות גלובליות לצבעים, פונטים ורספונסיביות לפונטים 5:28

סדר הוידג’טים בהדר במצב רספונסיבי + קוד להצגת אייקון במקום טקסט בטאבלט ומובייל 7:33

הוספת מלבן הדגשה מעוצב למילה ספציפית בכותרת + רספונסיביות אוטומטית 7:49

עיצוב וידג’ט כפתור עם מסגרת ואייקון קופצים בקוד CSS10:49

הוספת קוד רספונסיביות לכפתור, הגדרת נקודות שבירת מסך והתאמת העיצוב לגודל המסך 7:40

עיצוב מסך פתיחה לגובה 100% של המכשיר, בהתאמה לדסקטופ, לפטופ, טאבלט ומובייל 6:37

הגדרות WRAP וריווחים רספונסיביים לקונטיינר במסך הראשון – שימוש בקונטיינר אחד בלבד! 9:28

שימוש חכם בClass לעיצוב שני כפתורים שונים + התאמות רספונסיביות 10:03

עיצוב כפתור אנכי רספונסיבי במיקום מוחלט בלי באגים + טריק לאייקון גדול בכפתור עם טקסט קטן 12:41

ריווחים והתאמת קונטיינר לדקסטופ וללפטופ עם BOXED, רוחב מלא ותכנון שוליים 9:18

ריווחים ומרחקים רספונסיביים בתוך קונטיינר ובין וידג’טים של אלמנטור 7:00

עיצוב CSS א-סימטרי לוידג’ט פוסטים של אלמנטור עם Flex – חלק ראשון 6:37

עיצוב CSS א-סימטרי לוידג’ט פוסטים של אלמנטור עם Flex – חלק שני 10:53

טכניקה לבניה מהירה רספונסיבית של קונטיינר ב15 דקות 15:15

השיטה שלי לשימוש בVW

בקרוב! מה ההבדל בין px לvw

בקרוב! העברת עיצוב מfigma לאלמנטור והמרה לvw

בקרוב! 3 הטכניקות לרספונסיביות עם vw

בקרוב! התאמה לדסקטופ ולפטופ עם vw בפעם אחת

בקרוב! מחשבון המרה מpx לvw ולהפך, לפי רוחב המסך

בונוס מיוחד - שיעור סיכום ליחידות גודל: px % vw vh em rem calc

שיעור בונוס! שימוש נכון ביחידות גודל באלמנטור – px % vw vh em rem calc 8:48

קבלי את הטיפים שלי למייל

הכנסת המייל מהווה הסכמה לתקנון האתר
*הקבוצה מיועדת לנשים ובחורות בלבד

אפיון, עיצוב, בניית האתר וניהול: חגית קרמר

תקנון האתר

הצהרת נגישות