קטגוריה: פיתוח ותחזוקה | עמוד 4

יצירת טבלה רספונסיבית באמצעות CSS

אני בטוח כי תמצאו המון שיטות ומקורות המראים כיצד ליצור טבלה רספונסיבית, חלקן טובות וחלקן פחות. בין שיטות אלו תמצאו טבלאות מתוחכמות הבנויות באמצעות CSS Grid, ואף טבלאות מאד פשוטות, שאינן יכולות להקרא טבלאות רספונסיביות מכיוון ואלו מציגות טבלה עם [...]

הצגת פוסטים מבלוג אחר באתר שלכם באמצעות REST API

כפי שבטח שמעתם כבר, REST API מאפשר לכם לבצע אינטאקציה עם אתר הוורדפרס שלכם מבחוץ, כלומר מאפליקציית מובייל למשל או מאתר אחר. בוא נראה דוגמת קוד קצרה המתארת כיצד ניתן למשוך פוסטים מהאתר CSS Tricks באתר...

בניית מבנה קישורים מותאם באמצעות ה- Rewrite API של וורדפרס

אחד ה- API החשובים והפחות מוכרים בוורדפרס הוא ה- Rewrite API. אותו API מספק את האפשרות והפונקציונליות ליצירת מבנה קישורים מותאמים אישית. בפוסט זה נלמד כיצד להשתמש במשתני השאילתה (Query Vars) הדיפולטיביים שוורדפרס

איך לבטל את התכונה srcset של תמונות רספונסיביות בוורדפרס?

בפוסט קצר זה נראה כיצד ניתן לבטל הוספת srcset המתווסף אוטומטית ל html של תמונות באתרי וורדפרס. אם תתנו מבט בקוד המקור של עמוד באתר שלכם המכיל תמונות, תגלו כי תגיות ה מכילות תכונת srcset אחת או יותר.

על CSS Containment ודרכים לאופטימיזציה ושיפור ביצועי רינדור

CSS Containment הוא מודול המתאר תכונת CSS יחידה הנקראית contain . תכונה זו מאפשרת לנו כמפתחים לבודד Subtree של אלמנט מסויים ב DOM ולהגדירו כעצמאי ונפרד משאר האלמנטים ב DOM. המטרה העיקרית של CSS Containment היא שיפור ביצועי הרינדור (rendering) [...]

מספר מילים על התכונה flex-wrap

flex-wrap היא תכונה ספציפית הקיימת במודול CSS flexbox. באמצעות תכונה זו ניתן לקבוע כיצד flex items יוצגו ויתנהגו ב flex container כשאין לרשותם מספיק מקום. התכונה flex-wrap אף מספקת לנו דרך מהירה להפוך flex container לרספונסיבי יותר, ולעיתים אף מסירה [...]

Scroll Snapping – שליטה בחווית הגלילה בעזרת CSS

עם כניסת הספסיפיקציות CSS Scroll Snap, קיימת עבורינו המפתחים האפשרות לשלוט על התנהגות הגלילה של עמוד אינטרנטי (עד דרגה מסויימת בכל אופן), וזאת על ידי שימוש בסטנדרטים של הרשת וללא צורך להסתמך על ספריות חיצוניות כבדות.

אפקט פרלקס בגלילה – Parallax Scrolling Effect

חזרה בזמן לשנת 2011, אפקט פרלקס בגלילה (parallax scrolling effect) יצר הדים והסתמן כטרנד חדש בעיצוב אתרים. אופנות רבות הגיעו ועזבו מאז אך אפקט זה ביסס מקומו ואינו מתכוון לעזוב בקרוב. בפוסט זה נסביר מה זה parallax scrolling ונשחק מעט [...]