UI Components Handbook – מדריך מקיף לסטנדרטיזציה של העיצוב והקוד של רכיבי ממשק המשתמש בהתבסס על 39 המערכות הפופולריות ביותר (polaris, pluralsight, tailwind ועוד).
מדריך מרהיב לכניסה לעולם העיצוב – עם הקדמה למה צריך מדריך כזה ומה מיוחד במדריך הזה, עם חלוקה לפרקים, כשבכל פרק יש שיעור, רשימת קריאה, רשימת צפייה, שאלות לרפלקצייה, ותרגולים. זה לא קשור לתכנות בכלל, אבל זה מעוצב כל כך יפה ויש בזה כל כך הרבה סדר, שרציתי לשתף אתכם בזה בכל זאת
Guide to User Research (UXR) – אוסף של 250+ משאבים וכלים המוקדשים למחקר משתמשים, שיעזרו לשלב מחקר בפרקטיקה העיצובית. גם כאן, זה לכאורה לא קשור לתכנות, אבל העיצוב והסדר המקופדים מצאו חן בעיניי מאוד
קורס עיצוב קל לביצוע עבור אנשים שעושים דברים מדהימים – קבוצת מעצבים מעולים יצרה קורס מעולה, עם שיעורים ללימוד הכלים, הטכניקות והטרמינולוגיה של עיצוב טוב.
הדרך החדשנית להגשת תמונות – הפוסט יוצר רשימת קריטריונים להגשה מוצלחת של תמונות באינטרנט. אחרי כן הוא עובר על אלמנטי ה-HTML השונים להצגת תמונות ומראה על איזה קריטריונים הם עונים, ואז הוא מגיע לתגית ה-img ומראה איך המאפיינים השונים בה הופכים אותה לתגית האידיאלית שעונה על כל הקריטריונים
מחשבון מינימום ומקסימום של clamp, מבוסס על utopia
CSS מתגונן – ספריית טיפים לכתיבת Defensive CSS (שזה CSS שמביא בחשבון דברים שעלולים לשבור אותו ומתגונן מהם)
CSS קריטי? לא בטוח שצריך לטפל בזה – הפוסט יוצא נגד התחושה שחייבים ליצור CSS קריטי, כלומר כזה שלא חוסם את עליית הדף. הוא מדבר על הקושי ליישם CSS כזה ועל הקושי לדבג אותו, ועל כך שחובה לוודא שהדבר באמת נצרך לפני שמחליטים לעשות את זה. הוא מעלה עוד כמה נושאים שצריך לשקול כשמחליטים על טיפול כזה
חפיפת אלמנטים עם CSS – הפוסט סוקר את האפשרויות השונות לגרום לאלמנטי CDD לחפוף זה את זה, כשהוא מסיים בגריד, שהוא האלמנט האידיאלי לזה מבחינתו
איך לבנות פריסת מגזין עם grid – מאמר ארוך ומקיף מבית סמשינג מגזין. הפוסט מראה איך CSS Grid מאפשר למעצבים ליצור פריסות מורכבות הדומות לעיצוב הדפסה בקלות. המדריך נותן דוגמאות מעשיות לשימוש ב-CSS Grid עבור פריסות תמונה ומבנה רכיבים. תכונות CSS Grid מתקדמות כמו grid-template-areas מציעות גמישות בהתאמת פריסות לגדלי מסך שונים. המאמר מדגיש את היעילות והרספונסיביות שהושגו באמצעות CSS Grid לעיצוב אתרים מודרני.
איך לעצב טקסט אלטרנטיבי – כך שיוצג יפה במקרים שהתמונה לא עולה
העולם המופלא של closures – הפוסט מתאר Closures, שהם דרך לאפשר לפונקציות לגשת למידע מחוץ ל-scope שלהן. הוא מתאר מקרים שבהם הם נחוצים, והכול מלווה בדוגמאות קוד
