השראה וכלים בקוד
ריכוז של אלמנטים עם אינטראקציות שונות, והכל בקוד! האוסף ברובו נלקח מ- CodePen, אתר חברתי לשיתופי קוד, דומה לדריבל אבל של מתכנתים. מפתחים מעלים פרוייקטים וניסויים ויכולים לקבל פידבאקים ותהילה. מקום נהדר לשוטט ולקבל השראה לחווית משתמש, אנימציות UX ולקחת משם דברים פשוטים לשימוש אישי שלכם. * למעוניינים להשתמש בחלק מהאלמנטים והאפקטים, נא לוודא בבראוזרים השונים מה עובד ומה לא, לשיקולכם […]
פיקסלינק – טיפוגרפיה מפוסלת יפהפיה, Hyperlapse-האפליקציה החדשה של אינסטגרם, סקריפט ליצירת טולטיפים וערכת וויירפריימס ענקית ל iOS7 חינמית
תמונה מתוך: Sculptural Alphabet Typography by Alexis Persani בפיקסלינק תוכלו למצוא טעימות מתוך הניוזלטר השבועי שלנו. השבוע: טיפוגרפיה מפוסלת יפהפיה, Hyperlapse-האפליקציה החדשה של אינסטגרם, סקריפט ליצירת טולטיפים וערכת וויירפריימס ענקית ל iOS7 חינמית. בפיקסלינק אנו משתפים קישורים להדרכות, חינמיים, השראה, תכנות פרונט אנד, עיצוב לסטארטאפים וחווית משתמש.
פיתוח ועיצוב וורדפרס מ 0 – חלק 1
בסדרת הפוסטים הבאה אנסה להציג את המערכת העצומה הזאת, בכל מה שקשור לצד הפיתוח. החל מהקמת שרת פיתוח wamp, ועד יצירת בסיס נתונים ב MySql , התקנת המערכת ועד ליצירת תבנית חדשה מאפס תומכת בעברית. הפוסט פורסם לראשונה בבלוג אמנות המסך. לפני שאני מתחיל אני חייב לציין שאני לא איזה תותח וורדפרס, ויש כאלו רבים […]
הדרך הטובה ביותר לכתיבת CSS – המבוא המלא ל-SASS
הפוסט הבא עוסק בהרחבת-השפה SASS . תיאור הבסיס ורקע ראשוני של הטכנולוגיה שמקצרת לנו בהחלט כתיבה ארוכה ומייגעת של CSS. מה שהופך בהרבה חברות פיתוח web לסטנדרט וצורת כתיבה של CSS. המאמר פורסם לראשונה באתר שלי אמנות המסך. שימו לב: אם אין לכם נסיון בכתיבת CSS מומלץ לקרוא את המבוא ל-CSS3 לפני קריאת מדריך זה.
הכירו את האקדמיה הפתוחה ל-HTML5 – למדו פרונט אנד בחינם במפגשים עם מומחים מהתחום!
החודש יוצא לדרך מיזם של איגוד האינטרנט הישראלי וגוגל ישראל: HTML5: Open Academy. אתם מוזמנים כמובן להצטרף למפגשים ללא עלות וללמוד את שפות תכנות הפרונט אנד. HTML5, CSS3, וג'אווה-סקריפט הן השפות העדכניות שמהם מורכבת הנראות החיצונית של אתרים ברשת. מיזם חדש מזמין אתכם ללמוד את השפות האלו ללא עלות, ובסביבה נוחה.
רוצים להתחיל ללמוד קוד? למה כדאי, איך מתחילים, כלים וקישורים סופר יעילים
אתחיל בלציין שזה אחד המאמרים הכי מושקעים שכתבתי כאן בפיקסל פרפקט. הכתבה הזאת מחולקת לשנים – מצד אחד אעסוק בדיון הנצחי – האם מעצבים צריכים לדעת לתכנת? ומצד שני כתבה זו הינה מדריך מקיף לכל מי שרוצה להתחיל ללמוד קוד. לפני כמה חודשים טובים הרצתי ב-UX on Beer על החשיבות שלנו המעצבים ללמוד שפות קוד. היו […]
המבוא המלא ל-CSS3: חלק 1
בין אם נתקלתם במושג המפחיד הזה, החלטתם לעשות צעד קדימה ולהתערב בקרביים הטכניים של העיצוב שלכם, או שאתם סתם סקרנים… הפוסט הזה הוא בשבילכם. אז..מה זה בכלל CSS3 (או בגדול-CSS) ואיך זה עוזר לנו כמעצבים? במאמר הבא תוכלו למצוא את כל התשובות בנוסף לקובץ דוגמה להורדה ודוגמה חיה.
המבוא המלא לשפת HTML5
כמה פעמים שמענו את המושג הזה, בכל מקום אפשרי ברחבי הרשת, בכל קבוצת מעצבים, בכל פוסט בקבוצות מפתחי קוד…. אז מה זה בכלל HTML5 ואיך אנחנו נוכל להשתמש בו לטובתנו? אנו בפיקסל פרפקט גאים להציג את הראשון מבין סדרה של מדריכים יעילים ושימושיים ללמידת פרונט אנד. בין אם אתם מעצבים שרוצים להרחיב אופקים ולהתחיל ללמוד […]