פטנט מבריק
שיעשה לך חיים קלים

אני עובדת ככה במרץ
על דף מושקע במיוחד.
מעצבת, 
מתעכבת על האפקט המושלם.
וכשאני בודקת את הדף במובייל —
אאוץ!!
כל הדף נגלל הצידה! 
מה זה הרווח המציק הזה בצד??
 
 
 
מה את עושה כשזה קורה לך?
איך את פותרת את הבעיה הזו?
תכתבי לי, 
אני בטוחה שאת אלופה, 
ובטח תחדשי לי משהו  🤗
 
אני רוצה לגלות לך פטנט מבריק
שברגע שגיליתי אותו
הוא הפך את החיים שלי 
לקלים ממש!
 
אני פותחת את כלי המפתחים (F12)
לוחצת על +,
מגדירה כלל CSS  לכל האלמנטים (*)
ומגדירה שכולם יהיו עם מסגרת אדומה
הנה ככה:
 
 
עכשיו כל האלמנטים בדף 
מוקפים במסגרת אדומה
 
 
וכשאני גוללת את הדף הצידה
לרווח המעצבן הזה בצד –
ברור לי מאוד מי האשם כאן,
איזה אלמנט חורג מהדף.
 
 
מה עכשיו?
אני יכולה לבדוק למה האלמנט חורג.
ואם חסרה לי המיומנות הזו,
אפשר פשוט להסתיר את האלמנט במובייל.
מה שבטוח – 
מציאת הבעיה היא כבר רב הפיתרון  🚀
 
מדליק, אה?
חיים קלים.
 
תצליחי 💫,
תתקדמי 🚀,
ותשתפי אותי 🙃
רבקי
 
נ.ב.
הפוסט פורסם ברשימת התפוצה התוססת שלי.
בין התגובות הרבות שקיבלתי – 
אמרו לי שבאלמנטור אפשר להגדיר 
שהתוכן הגולש יוסתר
נכון, אני יודעת. עדיין לא תמיד הכל בנוי רק באלמנטור
והטיפ הזה שימושי מאוד.
 
עוד כמה בונות אתרים סיפרו לו
שהן מוסיפות לאתר את קוד ה CSS הבא 
(גם רעיון מדליק, לא חשבתי עליו):
body,html{
       overflow: hidden;
}

לפוסט הזה יש תגובה אחת

  1. אלעזר 1

    טיפ מחיים בניסטי –
    הבעיה הזו מתרחשת באלמנטים שיש להם אפקט גלילה
    חפשו את וידג'ט ה-'אזור פנימי' שבתוכו נמצא האלמנט המונפש והגדירו את התכונה 'גלישה' למוסתר
    זה מממש את התכונה 'overflow – hidden' בדיוק על על האלמנט שצריך את זה

כתיבת תגובה

אולי תאהבי גם:

אמאלה, מי אמר שאפשר בכלל לבצע את זה??

זה קורה לפעמים, קורה לכולנו. לקוח בא ומבקש X Y Z אמאלה, מי אמר שאפשר בכלל לבצע את זה?? הוא רציני, רוצה לשלם. את גם רצינית. את רוצה להיות מאסטרית לעבוד עם הלקוחות הכבדים אלה שמשלמים

איך ליצור מעבר צבע באלמנטור? (CSS)

איך לייצר אפקט מילוי מעבר צבע בטקסטים של הכותרות? (שווה לעקוב עד הסוף. יש גם הדגמה עם הנפשה “מבריקה”!)

פנס עוצמתי אש

חנוכה בול הזמן המתאים להאיר את כל הדברים הטובים שהתחבאו. הכנתי לך פנס וואחד עוצמתי נראה לעולם את היכולות שלך 😊 קדימה ----