Sprite (לא, לא המשקה) CSS

שלום לכולם,

בטח שמעתם את המונח הזה פעם – Sprite Css.

Sprite Css זה בעצם ליצור תמונה אחת ויחידה אשר משמשת אלמנט רקע של כמה וכמה אובייקטים (כמה שאתם רוצים).

בסקרינקאסט של 7 דקות לערך אני מסביר (וגם קצת מפשל בדרך… :-) אתם תבינו שתראו) איך בדיוק עושים את זה באמצעות שימוש בCSS, jQuery.

אתם כמובן יכולים לעשות את זה בכול אמצעי אחר שבא לכם כמו למשל עם :hover בCSS (אל תבכו שזה לא עובד באקספלורר 6)

בהצלחה

אשמח לשמוע תגובות לכאן או למייל

אפשר להוריד את הפרויקט לדוגמא מכאן

פרויקט לדוגמא – CSS SPRITE

ניתן גם להוריד את הוידאו המקורי באיכות גבוהה מכאן

http://www.box.net/shared/kikxh8abtp

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>