תמונה: מתוך האתר letteringvscalligraphy.com

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

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

האם נרשמתם כבר לניוזלטר השבועי שלנו – "חדשות הפיקסל"? חומר מקצועי, עדכונים על פוסטים מהשבוע האחרון, חינמיים כל שבוע + גישה למאגר החינמיים המלא של פיקסל פרפקט, וגם הייליטים חשובים ורלוונטיים מעולם העיצוב. מומלץ בחום. [wp_bannerize  group="wide-sponsers" limit="1"  random="1" ]

השראה

• עבודות קליגרפיה וטיפוגרפיה מאת ג׳ספה סלרנו (הבעלים של האתר Lettering VS Calligraphy)
• ובהמשך ללינק הקודם – אם עוד לא הכרתם – letteringvscalligraphy.com
• האם שמתם לב שהאייקון נוטיפיקציות של פייסבוק השתנה לאחרונה לפי האיזור שלכם בכדור הארץ?

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

• טיפים לפוטושופ (סרטון): הגדרות צבע ושיפורי ביצועים
• פלאגין חדש אשר מאפשר לכם לקבל חוויה חדשה מכל מאמר בויקיפדיה
• סרטון קצר שמראה איך להתחיל לבנות פרוטוטייפ לאפליקציית אייפון באמצעות Sketch ו-Framer.js
• שימוש בתוכנת Sketch לעיצוב חומרי פרינט (קייס סטאדי)
• Framer.js – הבלוג עם כל החומרים והטיפים

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

• אתר לאופטימיזציה של SVGs
• סקריפט לנגן של אנימייטד גיפס
• Revisr – תוסף וורדפרס לעבודה עם git
• המדריך להפיכת אתר מ-LTR ל-RTL (בקיצור לעברות אתר מאנגלית לשפות כמו עברית)
• הופכים טופס לשיחה – דוגמה לטופס במסך מלא עם שדה אחד בכל פעם
• WOW.js – לשליטה באנימציות בעת גלילה באתר
• איך ליצור אנימציה של טקסט על Path וקטורי
• Media-Queries עם כלי הפיתוח של דפדפן כרום
• traceit.js – סקריפט שמבצע סימון של אלמנטים באתר לצורכי ״חינוך״ המשתמש

חינמיים

• רשימה של עשרה אתרים לתמונות חינמיות איכותיות
• ערכת UI של גוגל דוקס בפורמט וקטורי (PSD)

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

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