אנו כאן בפיקסל פרפקט מגזין יוצאים החודש בשיתוף פעולה עם החבר׳ה של CSS Hat על מנת לחלק לכם 3 עותקים של התוסף המדהים הזה לפוטושופ.
העיצוב שלנו בפוטושופ לרוב צריך לעבור תכנות. בין אם זה על ידינו או על ידי מתכנתים.
האלמנטים שאנו יוצרים כגון כפתורים, שדות, ואובייקטים גרפים אחרים צריכים להיכתב ב-css. לשם כך נולד תוסף הפוטושופ css hat!
אנחנו קנינו את התוסף וכל כך התלהבנו שיצרנו קשר על החבר'ה שעומדים מאחורי התוסף המעולה הזה, והם נעינו בחיוב ובנדיבות והסכימו לחלק 3 עותקים של התוסף לקוראי פיקסל פרפקט.
מה זה בעצם CSS Hat?
אז דבר ראשון הסיפור שמאחורי המוצר הזה ממש מגניב. התוסף CSS Hat נולד ב-22 באפריל בסטארטאפ וויקאנד (Startup Weekend) בפראג על ידי 7 מעצבים/מתכנתים צעירים אשר החליטו להרים מוצר שיקצר את זמן העבודה על כתיבת אובייקטים ב-css.
הם זכו בסטארטאפ וויקאנד הזה במקום הראשון, ומייד אחרי זה קיבלו חשיפה גדולה בפוסט שכתבו עליהם במגזין האינטרנטי הידוע The Next Web.
לאחר חודש הם השיקו את התוסף למכירה.
התוסף עובד בצורה פשוטה מאוד. אתם מסמנים שכבה כלשהי, וחלון התוסף מציג לכם ישירות את ה-css לאותו אובייקט עם כפתור של copy to clipboard על מנת שתוכלו לעשות paste מהיר במסמך ה-css שלכם או לאימייל שלכם לשלוח למתכנת (שמועה אומרת שבאחד השדרוגים הבאים אפילו יהיה כפתור ״שלח באימייל״ לקיצור תהליכים).
למי שטיפה מבין ב-css, התוסף מגדיר את שם הקלאס של האובייקט לפי שם השכבה, כך שיש קורלציה שלמה בין השמות שב-psd שלנו לבין הקלאסים שלנו ב-css. אפשר גם לבחור להציג רק את הcss בלי הקלאס.
הנה סרטון שמסביר על איך זה עובד:
וצילום מסך:
למי התוסף הזה יכול להיות יעיל?
למעצבים, למתכנתים, לאפיליאייטורים, ולכל מי שרק עובד עם פוטושופ בסביבית הווב.
איך זוכים?
שלושת העותקים יוגרלו בצורה אקראית לחלוטין (אצלינו אין קומבינות).
על מנת להשתתף בהגרלה עליכם לעשות כמה דברים:
– לכתוב תגובה כאן בפוסט (עם אימייל ושם תקני).
– לפרגן בלייק לחבר׳ה של css hat בעמוד הפייסבוק של התוסף (שעלה לאויר השבוע). כי פשוט מגיע להם.
– להיות רשומים לניוזלטר שלנו כאן בפיקסל פרפקט. אתם מוזמנים להירשם בדף ההרשמה לניוזלטר.
– לפרגן בלייק או שיתוף של הפוסט הזה בפייסבוק (כמובן שאחרי זה אנחנו לא יכולים לעקוב, אבל ננסה).
הזוכים יבחרו ויוכרזו בניוזלטר האחרון של חודש יולי, ה-28 לחודש.
בהצלחה!
