במדריך זה נסביר בהרחבה כיצד להשתמש ב flexbox ובתכונות ה justification וה alignment שהוא מציע (בין היתר) ליצירת גריד ועימודים שונים.
סאבי בלוג - מדריכים, מאמרים וטיפים על וורדפרס, מפתח אתרי וורדפרס עצמאי, ישראל | עמוד 7
התכונה text-shadow ב CSS מוסיפה הצללה לטקסט. היא מקבלת רשימה של הצללות המופרדות בפסיק ואלו מתווסופות לטקסט ולדקורציה של אותו טקסט. כל הצללה מתוארת על ידי קומבינציה של הֶסֵּט X ו Y (במילים אחרות offset) מהאלמנט, רדיוס טשטוש (blur…
אם תתנו מבט ברוב בחנויות הדיגיטליות הרציניות שאתם מכירים, תוכלו לראות כי ברגע הוספת מוצר לעגלת הקניות ישנה אינדיקציה כלשהי המראה כי המוצר נוסף לעגלת הקניות. בין אם זה הודעת טקסט על המסך, צבע שמשתנה או כל שינוי וויזואלי…
ווקומרס כברירת מחדל מאפשרת בעמודי ארכיון החנות להוסיף מוצר לעגלה באמצעות Ajax, כך שהעמוד אינו מבצע טעינה מחדש בעת הוספת המוצר. אך אותו כפתור אינו בעמוד מוצר יחיד (Single Product Page) אינו משתמש ב Ajax ובכדי לגרום לו לעשות…
זה יהיה פוסט קצר וקולע. אם אינכם מכירים את Slick Slider - זוהי ספריית Javascript המאפשרת ליצור סליידרים/קרוסלות בצורה מאד נוחה. כתבתי מאמר על השימוש ב Slick Slider, מוזמנים לתת מבט אם אינכם מכירים. בפוסט זה נראה כיצד כיצד להוסיף…
במדריך זה נראה כיצד ליצור Tooltips נחמדים. אותם Tooltips הם בעצם SVG's, כאשר האנימציות עצמן מבוצעות עם Anime.js. כבר נכתב פוסט על השימוש ב Anime.js ואני ממליץ לקרוא אותו לפני שאתם מנסים להטמיע את ה Tooltips שאנחנו מתארים בפוסט…
אם יש לכם עמוד כלשהו באתר הנגיש על ידי מספר כתובות URL, או ברשותכם עמודים שונים עם תוכן זהה - למשל עמוד לו גירסת מובייל וגירסת דסקטופ, גוגל יראו אלו כגירסאות משוכפלות של אותו עמוד. הם יבחרו כתובת אחת…
האלמנטים rel="next" ו rel="prev" הם HTML Link Elements שנועדו בכדי לציין יחסים בין כתובות URL בסדרה או סט של עמודים. ברמת אתרי אינטרנט, סדרה ממוספרת של תוכן כלשהו יכולה להתבטא במספר צורות. היא יכולה להיות מאמר ארוך המחולק למספר…
מפת אתר, או Sitemap בלועזית הוא קובץ בו אתם מספקים מידע על עמודים, וידאו וסוגי קבצים נוספים הקיימים באתר שלכם כמו גם על מערכת היחסים בין אלו. מנועי חיפוש כמו גוגל קוראים קובץ זה בכדי להבין אינטיליגנטית יותר כיצד…
כאשר אתם בודקים מהירות וזמן טעינה של אתרי וורדפרס (ובכלל), ישנם מספר נתונים העוזרים להבין את הגורמים לאתר איטי ואת הפתרונות. אחד מאותם נתונים הינו Time to First Byte או TTFB בקצרה. נתון מדיד זה נבדק על ידי רוב הכלים…