סאבי בלוג | מאמרים אחרונים
flex-wrap היא תכונה ספציפית הקיימת במודול CSS flexbox. באמצעות תכונה זו ניתן לקבוע כיצד flex items יוצגו ויתנהגו ב flex container כשאין לרשותם מספיק מקום. התכונה flex-wrap אף מספקת לנו דרך מהירה להפוך flex container לרספונסיבי יותר, ולעיתים אף…
עם כניסת הספסיפיקציות CSS Scroll Snap, קיימת עבורינו המפתחים האפשרות לשלוט על התנהגות הגלילה של עמוד אינטרנטי (עד דרגה מסויימת בכל אופן), וזאת על ידי שימוש בסטנדרטים של הרשת וללא צורך להסתמך על ספריות חיצוניות כבדות.
חזרה בזמן לשנת 2011, אפקט פרלקס בגלילה (parallax scrolling effect) יצר הדים והסתמן כטרנד חדש בעיצוב אתרים. אופנות רבות הגיעו ועזבו מאז אך אפקט זה ביסס מקומו ואינו מתכוון לעזוב בקרוב. בפוסט זה נסביר מה זה parallax scrolling ונשחק…
כבר כתבתי פוסט בעבר על הסרה, הוספה ועריכת לשוניות בעמודי מוצר. אני מדבר על אותן לשוניות המופיעות בדרך כלל תחת המוצר עצמו, מחירו והתמונות שלו בעמוד מוצר יחיד של ווקומרס (Single Product Page). אני מדבר על הלשוניות הבאות בעמוד…
בפוסט קצר ופשוט זה נראה כיצד ניתן להוסיף קישור לעמוד ״מדיניות פרטיות״ (Terms & Conditions) בעמוד התשלום וכיצד לשנות את הטקסט המוצג בעמוד התשלום בהקשר זה. בנוסף, נראה גם כיצד להוסיף קישור בשם ״תנאי שימוש״ לעמוד התשלום של ווקומרס...
עודכן ב- 15 לאוגוסט, 2020
לבטח אתם יודעים כי ב JavaScript אנו משתמשים במערכים (arrays) בכדי לשמור מספר ערכים במשתנה אחד. במערך JavaScript לכל אלמנט קיים מספר (אינדקס/Index), כאשר אינדקס של מערך מתחיל מאפס ועולה מעלה באחדות, כלומר 0,1,2,3 וכך הלאה. האינדקס הוא בעצם…
עודכן ב- 15 לאוגוסט, 2020
שנת 2020 הפכה את רובנו לבודדים יותר, בין אם נשלחנו לבידוד או מצאנו עצמנו בסגר ממשלתי, ובין אם אנו דואגים להורים ולסבים שלנו ונמנעים מלפגוש אותם על מנת לשמור על בריאותם. סיטואציה זו, תוצר של מגיפת הקורונה, העמיקה את…
במידה ואתם תוהים במקרה מהו אותו Facebook Pixel (פייסבוק פיקסל), ואם (גם כן במקרה) אתם מעוניינים לדעת האם אתם צריכים להוסיפו לאתר הוורדפרס שלכם, אז הגעתם למקום הנכון. בפוסט זה אסביר מהו אותו פיקסל של פייסבוק וכיצד הוא יכול…
הקובץ robots.txt מכיל הנחיות למנועי חיפוש לגבי האופן בו עליהם לסרוק את האתר שלכם. בלעז הנחיות אלו נראות directives, וניתן להשתמש באלו בכדי להנחות בוטים ומנועי חיפוש כי עליהם להמנע מסריקת חלקים מסויימים באתר שלכם. בפוסט זה ניתן מבט…
ב CSS קיימות שתי תכונות האחראיות למיזוג (blending במיים אחרות). התכונה mix-blend-mode אחראית למיזוג אלמנטים ב DOM, ולעומתה, התכונה background-blend-mode אחראית לשילוב של מספר תמונות רקע (background-image ב CSS), או שילוב של background-image יחד עם background-color.
