כל הקישורים + סרטוני הדרכה + הסברים נוספים וקטעי בונוס תוכלו למצוא בפוסט http://pxlprfct.me/slicing-like-a-ninja-slidesh

2. ‫את‬ ‫מעצב‬ ‫אני‬ ‫שם‬ ‫טאפדוג‬ ‫בשם‬ ‫סטרטאפ‬ ‫גם‬ ‫לי‬ ‫יש‬ ‫יודע‬ ‫שלא‬ ‫למי‬ ‫אבל‬ ,‫מגזין‬ ‫פרפקט‬ ‫מפיקסל‬ ‫אותי‬ ‫מכירים‬ ‫חלקכם‬ .‫שגיא‬ ‫אני‬ ,‫היי‬
.‫שלנו‬ ‫למתכנתים‬ ‫בצמוד‬ ‫ועובד‬ ‫האפליקציה‬ ‫של‬ ‫המשתמש‬ ‫חווית‬
http://www.flickr.com/photos/jonathanbeard/3323527515/
pixelperfect.co.iltapdog.co

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

4. .‫למתכנת‬ ‫לעבור‬ ‫דבר‬ ‫של‬ ‫בסופו‬ ‫צריך‬ )‫אחרת‬ ‫תוכנה‬ ‫בכל‬ ‫(או‬ ‫בפוטושופ‬ ‫מעצבים‬ ‫שאנחנו‬ ‫עיצוב‬ ‫כל‬
.‫למתכנתים‬ ‫כרפסרנס‬ ‫בהם‬ ‫משתמשים‬ ‫שאנו‬ ‫הגרפיים‬ ‫האלמנטים‬ ‫כל‬ ‫את‬ ‫שומרים‬ ‫אנו‬ ‫בו‬ ‫מסמך‬ ‫שזה‬ ‫סטיילגייד‬ ‫גם‬ ‫לנו‬ ‫יש‬ ‫זה‬ ‫בשביל‬
‫רוצים‬ ‫שאנחנו‬ ‫נתונים‬ ‫ועוד‬ ‫פונטים‬ ‫גדלי‬ ,‫צבעים‬ ‫גם‬ ‫ומציינים‬ ,‫האייקונים‬ ‫כל‬ ‫את‬ ,‫הכפתורים‬ ‫של‬ ‫המצבים‬ ‫כל‬ ‫את‬ ‫שם‬ ‫שומרים‬ ‫אנחנו‬
.‫התכנות‬ ‫בתהליך‬ ‫לגביהם‬ ‫ספק‬ ‫יהיה‬ ‫שלא‬
‫שלי‬ ‫השותפים‬ ‫ושל‬ ‫שלי‬ ‫הקודם‬ ‫הסטרטאפ‬ - "‫מ"מולטה‬ ‫סטיילגייד‬

5. .‫מסויימות‬ ‫משימות‬ ‫של‬ ‫ביצוע‬ ‫לצורך‬ ‫בחוץ‬ ‫שם‬ ‫כלים‬ ‫הרבה‬ ‫ישנם‬

6. .‫בהם‬ ‫משתמש‬ ‫שאני‬ ‫הכלים‬ ‫את‬ ‫אציג‬ ‫פה‬ ‫ואני‬ ,‫שלו‬ ‫הכלים‬ ‫את‬ ‫יש‬ ‫מקצוען‬ ‫לכל‬ ‫אבל‬
.‫לכם‬ ‫ונוח‬ ‫מתאים‬ ‫הכי‬ ‫מה‬ ‫תמצאו‬ ‫בסוף‬ .‫בכולם‬ ‫תתנסו‬ - ‫שלי‬ ‫ההמלצה‬

7. .‫העיצוב‬ ‫חיתוך‬ - ‫שלנו‬ ‫הנושא‬ ‫על‬ ‫קצת‬ ‫נדבר‬ ‫בואו‬ ‫אז‬
.‫השתנתה‬ ‫עיצובים‬ ‫לחיתוך‬ ‫הפורמולה‬ ‫האחרונות‬ ‫בשנים‬
The formula
has changed!

8. .‫מסך‬ ‫ורזולוציות‬ ‫מכשירים‬ ,‫פלטפורמות‬ ‫המון‬ ‫יש‬ ‫כיום‬ ‫בשוק‬
‫בפלטפורמות‬ ‫לצפייה‬ ‫שלכם‬ ‫העיצובים‬ ‫את‬ ‫להתאים‬ ‫לדעת‬ ‫עליכם‬ ‫לכן‬ .‫לקוח‬ ‫לכל‬ ‫שיש‬ ‫דרישה‬ ‫כבר‬ ‫הוא‬ ‫והרספונסיבי‬ ‫הגמיש‬ ‫העיצוב‬
.‫ומרובות‬ ‫שונות‬
Multiple Platforms

9. .‫לטובתינו‬ ‫זה‬ ‫את‬ ‫לנצל‬ ‫יכולים‬ ‫ואנו‬ .‫פעם‬ ‫אפשריים‬ ‫היו‬ ‫שלא‬ ‫דברים‬ ,‫קוד‬ ‫עם‬ ‫מדהימים‬ ‫דברים‬ ‫לעשות‬ ‫ניתן‬ ‫היום‬ ,‫בנוסף‬
The Evolution of code

10. ?‫לחתוך‬ ‫לדעת‬ ‫צריכים‬ ‫אנחנו‬ ‫למה‬ ‫אז‬
Why?

11. .‫לויכוח‬ ‫ניתן‬ ‫ממש‬ ‫לא‬ ‫כבר‬ ‫זה‬ .‫ככה‬ ‫כי‬
.‫וסטודיו‬ ‫לקוח‬ ‫על‬ ‫כמעט‬ ‫של‬ ‫דרישה‬ ‫נהייתה‬ ‫כבר‬ ‫זאת‬
.‫למכנתים‬ ‫העיצובים‬ ‫את‬ ‫לחתוך‬ ‫מהם‬ ‫מצפים‬ ‫והם‬ ,‫לחתוך‬ ‫שיודעים‬ ‫מעצבים‬ ‫מחפשים‬ ‫מעסיקים‬
?‫לחתוך‬ ‫לדעת‬ ‫לנו‬ ‫כדאי‬ ‫למה‬ ...‫זאת‬ ‫בכל‬ ‫אבל‬
Because!
+

12. .‫עצמו‬ ‫העיצוב‬ ‫בתהליך‬ ‫עוד‬ ‫החיתוכים‬ ‫את‬ ‫לתכנן‬ ‫יש‬ ‫כיום‬
.‫העיצוב‬ ‫בתהליך‬ ‫ידינו‬ ‫על‬ ‫עוד‬ ‫מתקבלות‬ ‫האתר‬ ‫בבניית‬ ‫המתכנתים‬ ‫ישתמשו‬ ‫בה‬ ‫הטכנולוגיה‬ ‫לגבי‬ ‫החלטות‬
We need to
plan ahead

13. ‫הידע‬ ‫בגדר‬ ‫או‬ ‫העבודה‬ ‫בסביבת‬ ‫לא‬ .‫לתפעל‬ ‫יודעים‬ ‫שאנו‬ ‫ואילוסטרייטור‬ ‫פוטושופ‬ ‫בתוכנות‬ ‫אצלינו‬ ‫נמצאים‬ ‫לחיתוך‬ ‫הכלים‬ ‫רוב‬
.‫המתכנתים‬ ‫של‬ ‫והנסיון‬
We need to
plan ahead
We have
the tools

14. .‫העיקרית‬ ‫הסיבה‬ ‫זאת‬ .‫שליטה‬
.‫שלנו‬ ‫בעיצובים‬ ‫שליטה‬ ‫רוצים‬ ‫אנחנו‬
.‫אפליקציה‬ /‫באתר‬ ‫ויופיעו‬ ‫יחתכו‬ ‫שלנו‬ ‫העיצובים‬ ‫איך‬ ‫שנכתיב‬ ‫אלו‬ ‫נהיה‬ ‫שאנחנו‬ ‫חשוב‬
We need to
plan ahead
We have
the tools
We want to
have control

15. ‫לכל‬ ‫ערך‬ ‫ושווה‬ ‫מיומנות‬ ‫ודורש‬ ‫זמן‬ ‫שלוקח‬ ‫ארוך‬ ‫תהליך‬ ‫זה‬ .‫כסף‬ ‫זה‬ ‫על‬ ‫לקחת‬ ‫תשכחו‬ ‫שלא‬ .‫הכסף‬ ‫זה‬ ‫לחתוך‬ ‫לדעת‬ ‫של‬ ‫יתרון‬ ‫עוד‬
.‫תכנותי‬ ‫או‬ ‫קריאייטיבי‬ ‫תהליך‬

16. .‫מפוטושופ‬ ‫שלנו‬ ‫מהעיצובים‬ ‫מייצאים‬ ‫אנחנו‬ ‫שאותם‬ ‫לווב‬ ‫פורמטים‬ ‫של‬ ‫סוגים‬ 3 ‫ישנן‬
3 main ways to slice

17. )‫(תמונות‬ Pics ‫כמו‬ ,PCS
PCS

18. PNG CSS SVG

19. .‫אנדרויד‬ ‫או‬ ‫אייפון‬ ‫מכשיר‬ ‫או‬ ‫דפדפן‬ ‫כל‬ ‫ידי‬ ‫על‬ ‫נקרא‬ ‫גם‬ ‫הוא‬ .‫הידוע‬ ‫הפורמט‬ ‫הוא‬ JPG ‫או‬ PNG ‫של‬ ‫פורמט‬
2 ‫כפול‬ ‫וגם‬ ,‫שלו‬ ‫הרגיל‬ ‫בגודל‬ ‫גם‬ ‫להשמר‬ ‫צריך‬ ‫שנעשה‬ ‫עיצוב‬ ‫כל‬ ‫כיום‬ .‫רטינה‬ ‫במסכי‬ ‫שתומכים‬ ‫לקבצים‬ ‫שנותנים‬ ‫הסיומת‬ ‫זה‬ @2x
.‫רטינה‬ ‫במסכי‬ ‫לתמוך‬ ‫מנת‬ ‫על‬ ‫בגדול‬
‫אנחנו‬ ‫אם‬ .2 .‫שלנו‬ ‫מהאתר‬ ‫להינות‬ ‫יוכלו‬ ‫החדשים‬ ‫המקים‬ ‫עם‬ ‫שאנשים‬ ‫רוצים‬ ‫אנחנו‬ ‫אם‬ .1 ?‫ברטינה‬ ‫בתמיכה‬ ‫נשתמש‬ ‫מתי‬
‫אייפון‬ ‫אפליקציות‬ ‫עיצוב‬ .3 .‫שלנו‬ ‫מהאתר‬ ‫להינות‬ ‫יוכלו‬ ‫ומעלה‬ 4 ‫אייפון‬ ‫עם‬ ‫שאנשים‬ ‫ורוצים‬ ‫רספונסיבי‬ ‫אתר‬ ‫מעצבים‬
Png
also JPG
cross-browser
@2x & script*
* Links to scripts can be seen in the post at Pixel Perfect

20. .‫דשינסקי‬ ‫ארטיום‬ ‫הישראלי‬ ‫המעצבים‬ ‫מאת‬ Retinize it ‫המצויין‬ ‫האקשנים‬ ‫סט‬ ‫הוא‬ ‫עליו‬ ‫לדבר‬ ‫רוצה‬ ‫שאני‬ ‫הראשון‬ ‫הכלי‬
Retinize it
Artiom Dashinsky
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

21. ‫העיצוב‬ ‫את‬ ‫מגדיל‬ ‫(כלומר‬ ‫לרטינה‬ ‫גם‬ ‫לחתוך‬ ‫או‬ ‫רגיל‬ ‫לחתוך‬ ‫בין‬ ‫שם‬ ‫לבחור‬ ‫אפשר‬ .‫מצויין‬ ‫שזה‬ ‫חינמי‬ ‫הוא‬ ‫אקשנים‬ ‫הסט‬ ‫ראשון‬ ‫דבר‬
.‫דרך‬ ‫קיצור‬ ‫מקש‬ ‫לו‬ ‫לתת‬ ‫בפוטושופ‬ ‫אקשן‬ ‫כל‬ ‫כמו‬ ‫אפשר‬ ‫גם‬ .)100%‫ב‬
.‫בעיצוב‬ ‫החיתוכים‬ ‫כל‬ ‫על‬ ‫האקשן‬ ‫את‬ ‫להריץ‬ ‫אפשר‬ ‫ואי‬ ‫בנפרד‬ ‫שכבה‬ ‫לכל‬ ‫זה‬ ‫את‬ ‫לעשות‬ ‫שצריך‬ ‫הוא‬ ‫החסרון‬
FREE!!!
Super easy - PS Action
Choose: Slice or Retinize
Can define hotkey
Can't "batch" retinize
Retinize it
Artiom Dashinsky

22. Cut & Slice Me
.‫ואנדרויד‬ ‫לאייפון‬ ‫לחיתוכים‬ ‫יעיל‬ ‫ממש‬ .‫לפוטושופ‬ ‫מעולה‬ ‫תוסף‬
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

23. ‫לקבוצות‬ ‫קראתם‬ ‫אם‬ ‫אחת‬ ‫בבת‬ ‫הכל‬ ‫לחתוך‬ ‫או‬ ‫מסויימת‬ ‫קבוצה‬ ‫לחתוך‬ ‫אפשרויות‬ ‫בו‬ ‫יש‬ .‫חינמי‬ ‫תוסף‬ ‫שזה‬ ‫ראשון‬ ‫דבר‬ ‫הם‬ ‫היתרונות‬
‫גם‬ ‫והוא‬ ,‫מצויין‬ ‫שזה‬ ‫לאנדרויד‬ ‫בחיתוך‬ ‫תומך‬ ‫הוא‬ .)‫לחתוך‬ ‫שתרצו‬ ‫קבוצה‬ ‫כל‬ ‫של‬ ‫השם‬ ‫אחרי‬ @ ‫הוספתם‬ ‫(אם‬ ‫שצריך‬ ‫כמו‬ ‫שלכם‬
.‫לשמור‬ ‫ואיפה‬ ‫חדשות‬ ‫תקיות‬ ‫להגדיר‬ ‫נתחיל‬ ‫שלא‬ ‫כדי‬ ‫אוטומטית‬ ‫בצורה‬ ‫לחיתוכים‬ ‫תקיה‬ ‫לנו‬ ‫פותח‬
‫לא‬ ‫הוא‬ ‫ובנוסף‬ ,)downscale only( ‫רגיל‬ ‫לגודל‬ ‫מרטינה‬ ‫מכווץ‬ ‫אלא‬ ,‫לרטינה‬ ‫בגודל‬ 2 ‫כפול‬ ‫שומר‬ ‫לא‬ ‫שהוא‬ ‫בעיקר‬ ‫הן‬ ‫החסרונות‬
.‫התוסף‬ ‫עם‬ ‫לעבוד‬ ‫בשביל‬ ‫רק‬ ‫תקיה‬ ‫בתוך‬ ‫שרוצים‬ ‫השכבות‬ ‫כל‬ ‫את‬ ‫לשים‬ ‫מעצבן‬ ‫טיפה‬ ‫וזה‬ ‫קבוצות‬ ‫רק‬ ,‫בודדות‬ ‫שכבות‬ ‫חותך‬
FREE!!!
Slice some/ all/ single group
Cuts fast
Android/iphone/screen
Opens folder automatically
@2x --> 1x only
Groups only
Opens folder automatically
Cut & Slice Me

24. .‫המון‬ ‫בה‬ ‫משתמש‬ ‫אישית‬ ‫אני‬ !‫מדהימה‬ ‫אפליקציה‬ ‫זאת‬
.‫אליכם‬ ‫רלונטי‬ ‫לא‬ ‫זה‬ ‫אבל‬ ‫מצטער‬ - PC ‫משתמשי‬ ‫אז‬ ,‫מק‬ ‫אפליקציית‬ ‫הינה‬ Slicy
Slicy
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

25. ‫מאזינה‬ ‫היא‬ ‫וגם‬ ,‫נבחרים‬ ‫חלקים‬ ‫רק‬ ‫או‬ ‫הכל‬ ‫אוטומטית‬ ‫לכווץ‬ ‫או‬ ‫להגדיל‬ ‫יכולה‬ ‫שהיא‬ ‫בעיקר‬ .‫יתרונות‬ ‫המון‬ ‫הזאת‬ ‫לאפליקציה‬ ‫יש‬
.)‫נרצה‬ ‫(אם‬ ‫משתנה‬ ‫שהעיצוב‬ ‫ברגע‬ ‫שלנו‬ ‫העיצוב‬ ‫את‬ ‫מחדש‬ ‫ותחתוך‬ ‫למסמך‬
.‫המסמך‬ ‫כל‬ ‫את‬ ‫פעם‬ ‫כל‬ ‫עושה‬ ‫סלייסי‬ .‫בלבד‬ ‫אחת‬ ‫שכבה‬ ‫איתה‬ ‫לייצא‬ ‫אפשר‬ ‫שאי‬ ‫היא‬ )PC ‫למשתמשי‬ ‫(מלבד‬ ‫הגדול‬ ‫החסרון‬
1x --> @2x or @2x--> 1x
Can choose only some layers
for export as @2x
Auto track and update slices
Choose any folder
Useful and fun UX and UI
Mac Only
Application and not a plugin
Only batch slicing
Slicy

26. .‫מהיר‬ ‫לחיתוך‬ ‫וגם‬ ‫שלנו‬ ‫העיצובים‬ ‫של‬ ‫לייצוא‬ ‫ויעיל‬ ‫מעולה‬ ‫תוסף‬
Enigma64
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

27. ‫הקנבס‬ ‫כל‬ ‫את‬ ‫לחתוך‬ ‫אם‬ ‫בין‬ ‫בתוכו‬ ‫לבחור‬ ‫ניתן‬ ‫גם‬ .‫מהיר‬ Save for Web ‫כמו‬ .‫ונוחה‬ ‫מהירה‬ ‫בצורה‬ ‫לנו‬ ‫מייצא‬ "64‫"אניגמה‬ ‫התוסף‬
.)Copy Merged ‫(כמו‬ ‫העיצוב‬ ‫מתוך‬ ‫בחירה‬ ‫רק‬ ‫אפילו‬ ‫או‬ ,‫קבוצה‬ ‫או‬ ‫שכבה‬ ‫רק‬ ‫או‬ ,‫כתמונה‬
‫הוא‬ ‫גם‬ .‫לשמור‬ ‫איפה‬ ‫לו‬ ‫להגדיר‬ ‫מחדש‬ ‫פעם‬ ‫כל‬ ‫צריך‬ ‫אז‬ ‫מסמך‬ ‫לכל‬ ‫בהתאם‬ ‫שומר‬ ‫הוא‬ ‫איפה‬ ‫זוכר‬ ‫אינו‬ ‫שהתוסף‬ ‫הוא‬ ‫שלו‬ ‫החסרון‬
.‫לרטינה‬ ‫חותך‬ ‫אינו‬
Great useful UI
A one button "Save for Web"
Choose between selection/
entire doc/ specific layer or
selected layers
Base64 support
Doesn't remember per file so you
have to choose each time where
to save according to what file
Doesn't slice @2x
Enigma64

28. ‫תמונה‬ ‫להעלות‬ ‫צריך‬ ‫לא‬ ‫הדפדפן‬ ‫כי‬ ‫קליל‬ ‫יותר‬ ‫פעמים‬ ‫הרבה‬ ‫גם‬ ‫זה‬ .‫בלבד‬ CSS-‫ב‬ ‫אנימציה‬ ‫או‬ ‫אלמנט‬ ‫כל‬ ‫כמעט‬ ‫לעשות‬ ‫אפשר‬ ‫היום‬
.‫מהקוד‬ ‫חלק‬ ‫להיות‬ ‫יכול‬ ‫שלנו‬ ‫והעיצוב‬ ‫שתופיע‬
CSS
cross-browser
liter than ever

29. CSS Hat
.‫מתכנת‬ ‫או‬ ‫מעצב‬ ‫לכל‬ ‫חובה‬ ‫פשוט‬ .‫חובה‬ ‫הוא‬ ‫הזה‬ ‫התוסף‬
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

30. .‫ממטר‬ ‫פוטושופ‬ ‫של‬ ‫החדש‬ ‫הפיצ'ר‬ ‫את‬ ‫רואה‬ ‫ולא‬ ,‫מושלם‬ ‫תוסף‬ .‫פה‬ ‫לפרט‬ ‫מה‬ ‫לי‬ ‫אין‬
Great useful UI
Lightning fast
CSS/ SCSS/ SASS/ LESS/ Stylus
Super clean CSS - even cleaner
than Photoshop CC
None!
CSS Hat

31. .SVG ‫לקרוא‬ ‫הצליחו‬ ‫לא‬ ‫דפדפנים‬ ‫מזמן‬ ‫לא‬ ‫עד‬ ‫כי‬ ‫חדש‬ ‫ממש‬ ‫הוא‬ ‫אתרים‬ ‫בבניית‬ ‫בו‬ ‫השימוש‬ ‫אבל‬ ‫ישן‬ ‫הוא‬ SVG ‫של‬ ‫הפורמט‬
.‫ומטה‬ ie8-‫מ‬ ‫חוץ‬ ‫הדפדפנים‬ ‫בכל‬ ‫קריא‬ ‫זה‬ ‫כיום‬
.‫ועוד‬ ‫אנימציות‬ ,‫צבע‬ ,‫שונה‬ ‫גודל‬ ‫כמו‬ CSS ‫של‬ ‫חוקים‬ ‫עליו‬ ‫ליישם‬ ‫שאפשר‬ ,‫לחלטין‬ ‫וקטורי‬ ‫קובץ‬ ‫הוא‬ SVG
SVG
Vector
Editable by CSS
Small file size
icon fonts
‫הדרכה‬ ‫בסרטון‬ ‫לצפיה‬

32. .‫שלנו‬ ‫לאתר‬ icon fonts ‫לבנות‬ ‫אפשר‬ SVGs ‫באמצעות‬
‫לפונט‬ ‫כולם‬ ‫את‬ ‫ולהפוך‬ ‫באתר‬ ‫האייקונים‬ ‫את‬ ‫לקחת‬ ‫של‬ ‫בתהליך‬ ‫מדובר‬ .‫האתר‬ ‫ביצועי‬ ‫לשיפור‬ ‫יעיל‬ ‫הוא‬ ‫פונט‬ ‫באייקון‬ ‫השימוש‬
.‫באתר‬ ‫שמוטמע‬
Icon Fonts
improve your site's performance

33. .‫בו‬ ‫להשתמש‬ ‫קל‬ ‫וממש‬ ‫פונטס‬ ‫אייקון‬ ‫ליצירת‬ ‫חינמי‬ ‫שירות‬ ‫זה‬ ‫איקומון‬
icoMoon
fontastic - another cool service
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

34. ‫אתר‬ ‫על‬ ‫ביצוים‬ ‫משפר‬ ‫זה‬ .‫הזה‬ ‫הפונט‬ ‫את‬ ‫לערוך‬ ‫זה‬ ‫ואחרי‬ ,‫משלכם‬ ‫פונטס‬ ‫אייקון‬ ‫בו‬ ‫להרכיב‬ ‫אפשר‬ ‫בקלות‬ ‫כי‬ ,‫טוב‬ ‫הוא‬ ‫הזה‬ ‫השירות‬
.‫טעינה‬ ‫וזמני‬ ‫רספונסיביות‬ ‫מבחינת‬
.‫בעיה‬ ‫להיות‬ ‫אמורה‬ ‫לא‬ ‫זאת‬ ‫למתכנתים‬ ‫אבל‬ ,‫כמעצבים‬ ‫לנו‬ ‫מסובך‬ ‫טיפה‬ ‫זה‬ ‫טובה‬ ‫בצורה‬ ‫פונטס‬ ‫אייקון‬ ‫שלהטמיע‬ ‫היא‬ ‫הבעיה‬
Boosts site speed
Easy to manage and add fonts
of your own
Implementation in the code is a
bit complex.
icoMoon

35. Sagi Shrieber
pixelperfect.co.il
dribbble.com/sagishrieber
): ‫רבה‬ ‫תודה‬
.‫ההרצאה‬ ‫את‬ ‫שמסכם‬ ‫פרפקט‬ ‫בפיקסל‬ ‫בפוסט‬ ‫למצוא‬ ‫תוכלו‬ ‫יעיל‬ ‫חומר‬ ‫המון‬ ‫ועוד‬ ‫הסרטונים‬ ,‫הקישורים‬ ‫כל‬ ‫את‬
Thank You!
Sagi Shrieber
pixelperfect.co.il
dribbble.com/sagishrieber
http://pixelperfect.co.il/posts/slicing
‫ההרצאה‬ ‫סיכום‬ ‫לפוסט‬
http://pixelperfect.co.il/posts/slicing