אם אתם עוקבים אחר הבלוג, לבטח אתם יודעים כי כבר נכתבו לא מעט מאמרים על השימוש ב Anime.js לטובת אנימציות Javascript כאלו ואחרות. פוסט זה גם כן מדבר על שימוש בספרייה מגניבה זו על מנת להוסיף אנימציות מעניינות לטקסט. אין [...]
סאבי בלוג - מדריכים על וורדפרס ו WEB, מפתח אתרי וורדפרס עצמאי, ישראל | עמוד 11
תקציב זחילה או בשמו הלועזי Crawl Budget הוא מספר העמודים אותם הבוט של גוגל סורק ומאנדקס באתר שלכם בזמן נתון מסויים. אך מדוע תקציב זחילה זה חשוב עבור קידום האתר שלכם בגוגל? אם נאמר בקצרה - אז במידה וגוגל אינם [...]
clip-path היא תכונת CSS מאד מעניינת המאפשרת לכם ״לקטום״ (clip) חלק כלשהו הגלוי לעין באלמנטים כגון SVG, תמונות ו HTML. התכונה יוצרת צורה כלשהי הקובעת איזה חלק מהאלמנט יהיה גלוי. החלק אשר בתוך הצורה יהיה גלוי והחלק מחוצה לה יהיה [...]
אימוץ הפלקסביליות של CSS Grid מספקת לנו את האפשרות ליצור אתרים עמידים וחזקים (Frontend Wise) בהם במקום להשתמש בגדלים ספציפיים וקבועים, אנו תוחמים אלמנטים בגבולות מסויימים ומאפשרים להם למלא את השטח הריק הנותר. אז לא רק ש CSS Grid שינה [...]
עודכן ב-
6 לספטמבר, 2023
תגובה אחת
פוסט אשכמעט עשור שאני מפתח וורדפרס ובמהלך השנים שמתי לב כי זיהוי פיצ׳רים מסויימים הנתמכים בדפדפן מתבצע בעיקר באמצעות Javascript ובאמצעות ספריות כגון Modernizer ומקבילותיה. אך ישנו פיצ׳ר הקיים ב CSS שנים רבות המאפשר לנו לבדוק אם הדפדפן תומך בתכונה מסויימת לפני [...]
לפני שנתחיל בהסבר על כיצד להשתמש בהוקים של ווקומרס, בואו נאמר מספר מילים על הוקים. הוקים בווורדפרס מאפשרים לכם להוסיף או לשנות קוד ללא הצורך בעריכת קבצי המקור. מכאן, שאלו שימושיים מאד ומאפשרים למפתחים לבצע מניפולציות על קוד כזה או [...]
במדריך זה נסביר בהרחבה כיצד להשתמש ב flexbox ובתכונות ה justification וה alignment שהוא מציע (בין היתר) ליצירת גריד ועימודים שונים.
עודכן ב-
13 לדצמבר, 2022
24 תגובות
פוסט אשהתכונה text-shadow ב CSS מוסיפה הצללה לטקסט. היא מקבלת רשימה של הצללות המופרדות בפסיק ואלו מתווסופות לטקסט ולדקורציה של אותו טקסט. כל הצללה מתוארת על ידי קומבינציה של הֶסֵּט X ו Y (במילים אחרות offset) מהאלמנט, רדיוס טשטוש (blur radius), [...]
אם תתנו מבט ברוב בחנויות הדיגיטליות הרציניות שאתם מכירים, תוכלו לראות כי ברגע הוספת מוצר לעגלת הקניות ישנה אינדיקציה כלשהי המראה כי המוצר נוסף לעגלת הקניות. בין אם זה הודעת טקסט על המסך, צבע שמשתנה או כל שינוי וויזואלי המציג [...]
ווקומרס כברירת מחדל מאפשרת בעמודי ארכיון החנות להוסיף מוצר לעגלה באמצעות Ajax, כך שהעמוד אינו מבצע טעינה מחדש בעת הוספת המוצר. אך אותו כפתור אינו בעמוד מוצר יחיד (Single Product Page) אינו משתמש ב Ajax ובכדי לגרום לו לעשות זאת [...]
זה יהיה פוסט קצר וקולע. אם אינכם מכירים את Slick Slider - זוהי ספריית Javascript המאפשרת ליצור סליידרים/קרוסלות בצורה מאד נוחה. כתבתי מאמר על השימוש ב Slick Slider, מוזמנים לתת מבט אם אינכם מכירים. בפוסט זה נראה כיצד כיצד להוסיף אנימציות [...]