בתמונה: הדגמה מתוך סקריפט המאפשר החלפת צבע רקע בהתאם לתמונה המוצגת על המסך, מאת Brian Gonzalez

השבוע בפיקסלגיק: קייס סטאדי מרתק על דילמות וטעויות בתהליך בניית מוצר, איך לתמצת עלילה שלמה ל – 4 אייקונים בלבד, מדריך מדליק ליצירת אפקטים של אנימציות תוך כדי גלילה, תוסף פוטושופ חינמי ליצירת עיצובים למדיה חברתית ועוד המון דברים טובים…

האם נרשמתם כבר לניוזלטר השבועי של פיקסל פרפקט – "חדשות הפיקסל"? חומר מקצועי, עדכונים על פוסטים מהשבוע האחרון, חינמיים כל שבוע + גישה למאגר החינמיים המלא של פיקסל פרפקט, וגם הייליטים חשובים ורלונטים מעולם העיצוב. מומלץ בחום.

[wp_bannerize  group="wide-sponsers" limit="1"  random="1" ]

השראה

• נתחיל עם פרויקט איורי מעורר השראה – עלילות שלמות ב-4 אייקונים בלבד.

• הנה סרטון שניתן להציג בשיעורי מבוא לעיצוב אינטראקטיבי. חומר בסיסי שעשוי פשוט טו-אוב ועטוף ב-7 דקות בלבד. מומלץ בחום!
• שמתי את זה בהשראה כי זה פשוט ענק לראות מה אנשים עושים בזמנם החופשי. וואו.

עיצוב מוצר וחווית משתמש

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

פרודקטיביות והתייעלות בעבודה

• מאמר מרתק על למה לא צריך ללמוד לתכנת ועוד עצות לגבי המשך הקריירה בעידן החדש.

קוד ופרונטאנד

• כפתורים שטוענים פעולה מסויימת באפליקצית הווב שלכם לא חייבים להיות כל כך משעממים.
• כלי חדש וראוי לציון ליצירת ספרייטים. למי שלא קרא את המאמר שלנו בנושא – מוזמן לקרוא כאן.
• מדריך ליצירת אפקטים של אנימציות שקורים תוך כדי גלילה. אנימציות זה פשוט – אבל פה מראים איך לחבר את האנימציות CSS לג׳אוהסקריפט שבודק את מיקום הגלילה של המשתמש.
• סקריפט פשוט גאוני שמחליף את צבע רקע הדף בהתאם לתמונה שנמצאת באותו רגע על המסך בטווח הגלילה שלנו. שימוש לדוגמה מצויין יכול להיות בפורטפוליו שגוללים לעבודה מסויימת של מותג מסויים ואז צבע רקע הדף מתחלף לצבעי המותג.
• סקריפט שמביא לכם את נתוני ה-viewport של ה-CSS.
• כך תוכלו ליצור תמונות רקע עם fallback לאימיילים שלכם.

חינמיים

• לסיום, תוסף סופר מגניב מאת Source, היוצרים של CSS Hat ו-Enigma. והפעם – תוסף פוטושופ ליצירת עיצובים למדיה חברתית! כל הזמן מתעדכן לפי המידות הדרושות. ענק!

[sep]

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

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