התכונה aspect-ratio ב-CSS מאפשרת להגדיר את היחס בין רוחב לגובה של אלמנט. במקום לקבוע את שני המימדים בצורה מפורשת, מגדירים את היחס והדפדפן מחשב את המימד השני באופן אוטומטי. זה שימושי בכל מקום – תמונות רספונסיביות, מקומות שמורים לווידאו, פריסות [...]
אם אתר הוורדפרס שלכם מגיב לאט כשמשתמשים לוחצים על כפתורים, פותחים תפריטים או ממלאים טפסים – אז דעו שיש מדד ב Core Web Vitals שמודד בדיוק את זה. הוא נקרא INP, או בשמו המלא Interaction to Next Paint. גוגל החליפו [...]
Tailwind CSS v4 הוא שכתוב מאפס של ה-framework עם תהליך התקנה חדש לחלוטין. אם השתמשתם ב-Tailwind v3 בתבנית וורדפרס בעבר, תשכחו את כל מה שידעתם על tailwind.config.js ועל הנחיות מסוג @tailwind – גרסה 4 מחליפה את כל זה. מדריך זה [...]
@property מעניק למשתני CSS יכולת שמעולם לא הייתה להם: מערכת טיפוסים (Type System) המאפשרת להגדיר לדפדפן שמשתנה מסוים הוא צבע, זווית או אורך למשל. יכולת זו פותחת עולם של אפשרויות כמו אנימציות גרדיאנט (gradients) או אנימציות ל borders למשל. יכולות [...]
תקן llms.txt נותן למערכות AI סיכום של האתר שלכם – אינדקס מתוכנן של הדפים החשובים ביותר. אבל מה אם אתם רוצים ש-AI ייגש לתוכן המלא, ולא רק לקישורים ותיאורים? בדיוק בשביל זה קיים llms-full.txt. הוא מרחיב את llms.txt על ידי [...]
סורקי AI מבקרים באתר שלכם כל יום. GPTBot של OpenAI, ClaudeBot של Anthropic, הסורק של Meta, ועשרות אחרים – כולם אוספים תוכן כדי לאמן מודלי שפה או להפעיל תכונות חיפוש מבוססות AI. בניגוד לסורקי מנועי חיפוש רגילים שמאנדקסים את האתר [...]
תוצאות AI Overviews מופיעות כיום ביותר מ-13% מהחיפושים בגוגל. כלים כמו ChatGPT, Perplexity ו-Claude עונים על שאלות שבעבר היו מפנות גולשים לאתר שלכם. השאלה כבר לא אם AI ישנה את עולם החיפוש – אלא האם התוכן שלכם מצוטט כשזה קורה. [...]
כלי AI כמו ChatGPT, Perplexity ו-Claude שולחים תנועה אמיתית לאתרים. הבעיה היא שגוגל אנליטיקס 4 לא מפרידה בין ביקורים אלו לבין הפניות גנריות או תנועה ישירה, מה שהופך אותם לבלתי נראים. בפוסט זה אסביר כיצד לזהות תנועת הפניה מכלי AI [...]
CSS מאפשר להגדיר borders בצבע אחד, אבל אינו תומך ב-gradient כברירת מחדל. אך ניתן עם כמה טכניקות להוסיף בכל זאת gradient borders לכפתורים, כרטיסים או כל דבר אחר כדי להבליט אלמנטים חשובים בעמוד. בפוסט הזה תלמדו מה זה gradient borders, [...]
קובץ Figma מאושר עדיין אינו תבנית וורדפרס מוכנה. בדרך צריך לקבל החלטות מעשיות: אילו חלקים בעיצוב יהפכו לרכיבים חוזרים, מה צוות התוכן יוכל לערוך, ואיך האתר יתנהג במסכים שהעיצוב לא כולל. כך אני הופך עיצוב Figma לאתר וורדפרס, שלב אחר [...]
למעלה מ-53% מאתרי וורדפרס משתמשים היום ב-page builder, כאשר Elementor לבדו מותקן בכמעט 30% מהם. אותם Page Builders פופולריים מכמה סיבות: עריכה ויזואלית ב Drag & Drop, תצוגה מקדימה בזמן אמת, והקמה מהירה של אתרים בלי לכתוב שורת קוד אחת. [...]
הפונקציה image-set ב-CSS מאפשרת להגדיר מספר גרסאות של אותה תמונה כך שהדפדפן יוכל לבחור את הגרסה האופטימלית ביותר באופן אוטומטי, כך שניתן יהיה לקבל ביצועים טובים יותר כמו גם לשמור על תאימות למכשירים ישנים. כשמדובר על פיתוח אתרים השימוש ב [...]