כיצד ליצור Preload Images בעזרת CSS בלבד

קודם כל כדאי שאסביר למה אני מתכוון. ישנם מקרים בהם יש צורך לטעון תמונות מסויימות טעינה מוקדמת על מנת למנוע מצב שהמשתמש ממתין אפילו כמה שניות עד לפתיחת תמונה. מאוד מזכיר את ה – Preloader בפלאש שבו יש בר טעינה או כל דבר אחר ש”מעסיק” את המשתמש בינתיים עד שהתמונה או הסרטון ייטענו.

1
לקריאת הכתבה

קיצורי מאפיינים בCSS – דרך נוספת לחסוך בכתיבת קוד.

אחד היתרונות העיקריים בשימוש ב CSS הוא הפחתת זמן הטעינה של העמוד.
בעבר על מנת לתת סטייל לטקסט היינו משתמשים בתגית font המון פעמים באותו עמוד,כנ”ל לגבי טבלאות שהיו פזורות בעמוד היינו חוזרים על תגית table ומאפייניה בלי סוף…

1
לקריאת הכתבה

CSS SPRITES – שימוש בתמונה אחת למספר רב של מצבים

ל-Css Sprites אפשר להתייחס כאל טרנד CSS חדש, לעומת זאת, מדובר באלמנט נהדר שחוסך בזמני טעינה וביצירת אימאג’ים מרובים.אז על מה המהומה? מדובר בשימוש באימאג’ אחד המחולק בתוכו לאימאג’ים רבים על מנת להציג מספר רב של מצבים, בד”כ של תפריט ניווט.

3
לקריאת הכתבה

יצירת Sticky Footer – פוטר שנדבק לתחתית העמוד

Footer זה אלמנט שאנחנו מאוד אוהבים. בכלל, לאחרונה זה נהייה מאוד טרנדי לבנות פוטר מיוחד, רחב וגדול, מה שנקרא גם Fat Footer , בכלל אני חושב שהפוטרים קיבלו משמעות רבה יותר עם כל נושא ה – SEO.

4
לקריאת הכתבה

הצגת PNG שקוף ב IE6

אחת הדילמות העקריות בInternet Explorer 6 היא הצגת תמונות שקופות בפורמט Png, בפוסט הבא נלמד כיצד מתגברים על הבעיה בצורה פשוטה ויעילה מאוד,
ישנם לא מעט פתרונות באינטרנט אבל הפתרון שנציג לפניכם הוא מהקצרים והקלים ביותר.

2
לקריאת הכתבה

יצירת Drop Down Menu בעזרת Suckerfish CSS

מה זה בעצם Suckerfish CSS ? ובכן, מדובר ביצירת תפריט נגלל, Drop Down Menu שבנוי בדרך פופולארית ומודרנית ע”י שימוש ב-CSS קל משקל בלבד תוך הקפדה על היררכיה של רשימות Lists , ז”א שימוש בתגיות UL, LI, רשימות בתוך רשימות ושימוש ב – hover property ליצירת “ריחוף” של תפריט נגלל.

14
לקריאת הכתבה

כיצד לבנות כפתורים עם פינות מעוגלות ברוחב דינאמי – Sliding Doors

בפוסט הבא נלמד כיצד לבנות כפתורים מגניבים המכילים טקסט חי, רוחב הכפתור יגדל בהתאם לכמות הטקסט בתוך הכפתור, אתם בטח שואלים את עצמכם “מה כ”כ מורכב כאן?”
אז ככה…

1
לקריאת הכתבה
to top