המבוא המלא לשפת HTML5
כמה פעמים שמענו את המושג הזה, בכל מקום אפשרי ברחבי הרשת, בכל קבוצת מעצבים, בכל פוסט בקבוצות מפתחי קוד…. אז מה זה בכלל HTML5 ואיך אנחנו נוכל להשתמש בו לטובתנו? אנו בפיקסל פרפקט גאים להציג את הראשון מבין סדרה של מדריכים יעילים ושימושיים ללמידת פרונט אנד. בין אם אתם מעצבים שרוצים להרחיב אופקים ולהתחיל ללמוד […]
איך לבנות אתר רספונסיבי בעזרת CSS3 Media Queries – המדריך למעצב
פוסט זה פורסם לראשונה בבלוג עיצוב גרפי וטכנולוגיה של דניאל שטרנליכט. אם אתם מפתחי צד לקוח או מעצבי אתרים, אני בטוח שיצא לכם לשמוע את המושג "עיצוב אתר רספונסיבי" (Responsive Web Design) או "עיצוב מגיב" בהקשר למה שאתם עושים. זה מושג לוהט היום בעולם הווב ובהיעדר מדריך ראוי בעברית בנושא, חשבתי שהגיע הזמן לקחת את המושכות […]
CSS Sprites – מה זה בכלל? השיטה וכלי עזר מעולים למעצבים
השיטה של CSS Sprites – נקרא לזה כאן "ספרייטס"- נתפשת כשיטה מעולה להטמעת אימג'ים באתרים. האתרים הגדולים ביותר משתמשים בטכניקה זו, והאמת שהיא הפכה כבר לסוג של סטנדרט בבניית אתרים בכלל. בפוסט הזה אני אגע ברקע של השיטה, אתן דוגמאות לשימוש בה באתרים פופולארים, אפרט על אופן השימוש בה ואף אשתף בכלים מעולים להכנת הספרייטס.
איך ליצור אפקט תלת מימדי על עיצובים בפוטושופ – סרטון הדרכה
למי שלא יודע, כעת יצאה לדרך תחרות של עמותת אור ירוק ואגודת המעצבים הגרפיים הישראלית. בתחרות יש להכין פוסטר תלת מימדי (סטראוסקופי) בנושא של תאונות הדרכים. לכבוד התחרות עם המטרה המבורכת החלטתי להכין סרטון הדרכה קצר שמסביר כיצד ניתן ליצור את האפקט התלת מימדי על עיצוב דו-מימדי לחלוטין.
איך מטמיעים פונטים באמצעות css בלבד – כן, כן, פונטפייס בעברית!
בפוסט הזה אסביר שלב אחרי שלב איך מטמיעים פונטים בעברית באתר שלכם באמצעות font-face@ – פקודה פשוטה ב-CSS. עקב מגבלות שיתוף פונטים בעברית, אינני יכול לספק לכם כאן תיקיה עם קבצי המקור, אך אסביר את הדרך לעשות זאת.
איך להעריך זמנים ולתמחר טוב יותר
לרוב, אנו המעצבים אנשים עם ראש פתוח וחשיבה יותר מופשטת משאר האנשים מסביבנו. גם במקום העבודה זה כך. אך לפעמים עקב חשיבתנו המופשטת קשה לנו להעריך את משך זמן העבודה על עיצובים מסוימים, במיוחד אם זה עיצוב מסוג שעוד לא התנסינו בו, או אם זה פרויקט גדול ומורכב. לא משנה אם אתם שכירים או פרילנסרים, […]
