אתגרים של ממשק GUI
אין דרך אחת להתמודד עם אתגרים בממשקים. בסדרה הזו נאתגר את עצמנו וזה את זה למצוא דרכים רבות להתמודד עם אתגרי הממשק ולהרחיב את המיומנויות המגוונות שלנו.
לחשוב על דרכים לפתרון לוחות צבעים
באתגר ממשק ה-GUI של היום, @AdamArgyleInk בונה לוח צבעים רחב עם תקן okLCH, ובודק זוגות צבעים שניתן לגשת אליהם לאורך הדרך, מודעות...
לחשוב על דרכים לפתרון טקסט מדע בדיוני בתלת-ממד
באתגר ממשק ה-GUI של היום, @AdamArgyleInk מוסיף ספין #CSS לאפקט טקסט תלת-ממדי קלאסי של סרט מדע בדיוני, על ידי הפיכתו לאינטראקטיבי לגלילה. פו...
חשיבה על דרכים לפתרון הבעיה
באתגר GUI של היום, @AdamArgyleInk הופך קבוצת רדיו לקבוצת מתג לשינוי יישור טקסט. מידע נוסף על בדיקת הנגישות...
לחשוב על דרכים לפתרון אפקטים של GLITCH
באתגר GUI של היום, @AdamArgyleInk יוצר אפקט של תקלה באינטרנט באמצעות נתיבי קליפים וטרנספורמציות ב-CSS.
לחשוב על דרכים לפתרון PHYSICS
באתגר ממשק ה-GUI של היום, @AdamArgyleInk מתאפיין באפקטים משעשעים בממשק המשתמש הפיזי באמצעות מאפיינים מותאמים אישית של CSS, מסגרת בקשה לאנימציה ו ...
חושבים על דרכים לפתרון ערימת כרטיסים
באתגר ממשק ה-GUI של היום, @AdamArgyleInk יוצר ערימת קלפים מונפשת באמצעות מקור טרנספורמציה, רשת ו- :has().
חשיבה על דרכים לפתרון TRANSITIONS
באתגר GUI רדוף רוחות של היום, מעברים של נתיבי קליפים ב-CSS עם קודים חיים של @AdamArgyleInk, הדגמות של אפקטים של rad ו ולקבלת קריינות. אני...
לחשוב על דרכים לפתרון TOOLTOOL
באתגר ממשק ה-GUI של היום, @AdamArgyleInk בונה הסבר קצר עם רכיב מותאם אישית (ללא רכיב אינטרנט!), :has(), טרנספורמציות, ואביזרים לוגיים...
חושבים על דרכים לפתור את CAFE WALL ILLUSION
באתגר GUI של היום, @AdamArgyleInk יוצר מחדש אשליה קלאסית עם CSS.
חושבים על דרכים לפתרון קריסות
באתגר ממשק ה-GUI של היום, @AdamArgyleInk משתף את התכונות וההיבטים של רכיב קרוסלה: התאמת העיצוב, התאמתו למגוון משתמשים...
לחשוב על דרכים לפתרון בעיות FAB
באתגר ממשק ה-GUI של היום, @AdamArgyleInk בונה כמה לחצני פעולה צפים (FAB) ומדבר על השיקולים לגבי חוויית המשתמש ושירות ה-CSS ...
חושבים על דרכים לפתרון לחצנים
באתגר ממשק ה-GUI של היום, @AdamArgyleInk סגנונות את כל סוגי הלחצנים באינטרנט עם מאפיינים מותאמים אישית ו-:where(), לבהיר/כהה...
חושבים על דרכים לפתרון DIALOG
באתגר ממשק ה-GUI של היום, @AdamArgyleInk מראה איך אפשר לשפר באופן חזותי את רכיב הדיאלוג תוך שמירה על רמת גישה וגישה מעולה...
חושבים על דרכים לפתור "סרגל נטען"
באתגר GUI של היום, @AdamArgyleInk מראה איך לסגנן את רכיב ההתקדמות המובנה ואיך ליישם חוויית משתמש מעולה בקורא מסך,...
לחשוב על דרכים לפתרון SVG FAVICON
באתגר GUI של היום, @AdamArgyleInk משתף את עצמו בדרך לבניית סמל אתר מותאם באמצעות SVG. SVG לא רק מספק...
במחשבה על דרכים לפתור מעבר עיצוב כהה/בהיר
באתגר ממשק ה-GUI של היום, @AdamArgyleInk משתף את הרעיון של בניית רכיב החלפת עיצוב. לעיתים קרובות אתר יאפשר מעבר...
חושבים על דרכים לפתרון ToASTS
באתגר ממשק ה-GUI של היום, @AdamArgyleInk משתף את החשיבה בדרך לבניית טוסטים, רכיב לא אינטראקטיבי וסביל שעוזר לממשק המשתמש להציג...
חושבים על דרכים לפתרון תפריט תלת ממד
באתגר GUI שנערך היום, @AdamArgyleInk משתף את המחשבות שלו בדרך ליצירת תפריט של משחק וידאו בתלת-ממד שמותאם להעדפות הצבעים של מערכת ההפעלה...
לחשוב על דרכים לפתרון MULTI-SELECT
באתגר GUI הנוכחי, אשתף את המחשבות שלי במטרה לאפשר למשתמשים לבצע בחירה מרובה. כדי להדגים בחירה מרובה, הכנתי מסנן...
חושבים על דרכים לפתרון SPLIT לחצנים
באתגר GUI של היום, אשתף את המחשב שלי בדרך לפתרון לחצנים מפוצלים. הוא רכיב בסיסי לממשקים דחוסים שמאפשר...
לחשוב על דרכים לפתרון SWITCHES
באתגר GUI של היום, אשתף את המחשב שלי בדרך לפתור את המעבר. רכיב קטנטן ועמוס בחוויית משתמש, שבסופו של דבר הפך לאחד הרכיבים
חושבים על דרכים לפתרון BREADCRUMBS
באתגר GUI הנוכחי, אנחנו בונים רכיב של מיקומים באתר באופן קיצוני! במקום רשימה ליניארית של קישורים, מיקום באתר הזה
לחשוב על דרכים לפתרון תוכניות צבע
באתגר ה-GUI של היום, אנחנו מפתחים ערכות צבעים כהות, בהירות ועמומות באמצעות HSL. שירות ה-CSS פועל בדפדפנים מודרניים, מבוסס על...
חושבים על דרכים לפתור תרגילי גלילת מדיה
באתגר GUI שנערך היום, אדם @Adam Argyle משתף לחשוב על דרכים ליצירת חוויות גלילה מוטבעות באינטרנט עם תגובה מינימלית...
חושבים על דרכים לפתרון טקסט מפוצל
באתגר ה-GUI של היום, @AdamArgyleInk יגיב לתגובות שלך במשך 30 הדקות הראשונות לאחר השקת הפרק. התחבר...
חושבים על דרכים לפתרון 'הגדרות'
באתגר ה-GUI של היום, אנחנו בונים ומדגימים דף הגדרות דינמי עם מחוונים ותיבות סימון. דף ההגדרות שלנו הוא רספונסיבי, תמיכה...
לחשוב על דרכים לפתרון TABS
באתגר החדש של ממשק GUI, יצרנו רכיב כרטיסיות עם כמה תכונות מגניבות שאולי לא חשבתם עליהן. הכרטיסיות שלנו משותפות...
הכרת תודה פומבית ל-SIDENAV
ביקשנו מהקהילה לבנות רכיב צדדי בדרך שלכם, וכולכם הצענו! בדקו את החומרים שנשלחו:
לחשוב על דרכים לפתרון בעיה של SIDENAV
באתגר ה-GUI של היום, אנחנו יוצרים חוויית משתמש רספונסיבית ונגישה לניווט צדדי באמצעות CSS ו-JS. הניווט הצידי פועל...
תודה על הגשה עבור CENTERING
הדגשנו 5 שיטות שונות של מרכוז של CSS, והאתגרתי אתכם לשלוח טכניקות משלכם. תודה לכריס קוייר מתוך CSS-Tricks ...
הודעה על הגשה עבור STORIES | אתגרי GUI
ראיתם אותי בונים סיפורים בדרך שלי, והאתגרתי את כולכם לבנות אותם בדרך שלכם. תודה ל- @Geoffrich_ על ההגשה שלו ב-Twitter! עשו...
חשיבה על דרכים לפתרון CenterING
באתגר היום נבחן 5 שיטות שונות של מרכוז של שירותי CSS. כאן אפשר לראות אילו טכניקות צריכות לזכות במקום במחלקת הכלים שלך...
חושבים על דרכים לפתרון סיפורים | אתגרי GUI
ברוכים הבאים לאתגרי GUI, שבהם אני יוצר ממשקים בדרך שלי ומאתגר אתכם לעשות זאת בדרך שלכם. אחרי שילוב של המוחות היצירתיים שלנו, נ...