חיפוש

סאבי בלוג - מדריכים ומאמרים, מפתח וורדפרס עצמאי, ישראל | עמוד 7

עבודה עם תכונות לוגיות (Logical Properties) ב- CSS

כאדם שמנהל אתר המספק תוכן בשפות הנכתבות משמאל לימין (LTR) ומימין לשמאל (RTL), אני לא יכול לתאר עד כמה התרגשתי כשגיליתי את תכונות ה-CSS הלוגיות (בלעז CSS Logical Properties). השימוש ב-Logical Properties שינה את הדרך שבה אני ניגש לעיצוב layout, [...]

לולאת do-while ב- JavaScript: מדריך עם דוגמאות קוד

לולאות מאפשרות להריץ קטע קוד מספר פעמים עד שתנאי כלשהו מתקיים. הן עוזרות להריץ פקודות בצורה יעילה ומונעות את הצורך לחזור על אותו קוד שוב ושוב. בפוסט הזה נתמקד בלולאה do-while ב-JavaScript, נסביר את התחביר שלה ונציג דוגמאות מעשיות. לולאת [...]

מספר מילים על הפונקציה repeat ב CSS

הפונקציה repeat() ב-CSS Grid חוסכת לכם כתיבה חוזרת של ערכים. אני משתמש בה כמעט בכל גריד שאני בונה – ברגע שמכירים אותה, קשה לחזור לכתיבת 1fr 1fr 1fr 1fr ידנית. בואו נראה כיצד repeat() עובדת, כולל auto-fill, auto-fit, שילוב עם [...]

5 דרכים לשיפור SEO בעזרת Google Search Console

Google Search Console (GSC) הוא כלי חיוני לבעלי אתרים ואנשי SEO. הוא מספק תובנות חשובות לגבי ביצועי האתר שלכם בגוגל ומדגיש תחומים שניתן לשפר כדי להגדיל את התנועה האורגנית. בפוסט זה נתמקד בשלושה חלקים של GSC: הלשונית ביצועים, הלשונית הוספה [...]

הוספת כפתור לטעינת פוסטים נוספים באמצעות AJAX

כפתורי "טעינת פוסטים נוספים" (Load More) מבוססי AJAX הם דרך מצוינת לשפר את חוויית המשתמש בכך שהם מאפשרים לטעון פוסטים נוספים באופן דינמי מבלי לרענן את הדף. במדריך זה נציג שלבים ליישום כפתור מסוג זה באתרי וורדפרס ללא צורך בתוספים [...]

כיצד להוסיף גלילה אינסופית לאתר וורדפרס בעזרת JavaScript

גלילה אינסופית (Infinite Scroll) טוענת תוכן חדש באופן דינמי ככל שהמשתמש גולל למטה בדף. במקום ללחוץ על קישורי עימוד, המבקרים רואים את הקבוצה הבאה של פוסטים מופיעה אוטומטית כשהם מגיעים לתחתית. גישה זו עובדת היטב עבור בלוגים ואתרים עתירי תוכן [...]

החלפת Class באמצעות JavaScript ו Data Attributes

בפוסט זה נראה כיצד להחליף CSS Classes של אלמנטים באמצעות JavaScript ו-data attributes. גישה זו שומרת על JavaScript גנרי וניתן לשימוש חוזר – במקום לכתוב handler נפרד לכל toggle, מגדירים את היעד ושם ה-class ישירות ב-HTML. שימוש ב-data attributes כ-hooks [...]

עיצוב סמני רשימות עם marker:: ב- CSS

::marker הוא pseudo-element ב-CSS המאפשר לעצב את הסימנים של פריטי רשימה (list-items). בין אם ברצונכם להתאים את המראה של כדורים ברשימה לא מסודרת (ul) או את המספור ברשימה מסודרת (ol), השימוש ב-::marker מעניק לכם את הגמישות לשפר את הנראות של [...]

מה זה DOM? מדריך היכרות עם ה Document Object Model

ה-Document Object Model (DOM) הוא ממשק תכנותי (API) עבור מסמכי אינטרנט המספק ייצוג מובנה של דפי אינטרנט כעץ. ה-DOM הוא קומפוננטה שבהחלט עליכם להכיר כמפתחי אתרים. הוא מייצג את מבנה המסמך כעץ של צמתים, כאשר כל צומת מתאר חלק מהמסמך [...]

מה זה SCSS? מדריך למתחילים עבור מפתחים

SCSS או (Sassy CSS) הוא CSS preprocessor המוסיף יכולות כמו משתנים, קינון, mixins, הורשה ועוד. הוא בעצם CSS superset, כלומר כל CSS תקין הוא גם SCSS תקין. קבצי SCSS משתמשים בסיומת .scss, והתחביר הוא יותר מובנה וידידותי לתכנות בהשוואה ל [...]

הצהרת throw ב- JavaScript: מדריך מפורט ודוגמאות קוד

הצהרת throw בג'אווה סקריפט משמשת ליצירת שגיאות מותאמות אישית. באמצעות throw ניתן ליצור exceptions ולטפל בהן באמצעות הצהרת try…catch, דבר המאפשר ניהול יעיל יותר וטיפול בשגיאות בצורה מבוקרת. תחביר בסיסי – Syntax התחביר הבסיסי של הצהרת throw נראה כך: throw [...]

Savvy WordPress Development official logo