בעימודים או layouts מבוססי CSS Grid - ברירת המחדל להצבת אלמנטים בגריד עצמו היא על ידי הגדרת השורות, או בעצם הגדרת קווי הגריד לפיהם יתחילו ויסתיימו אלמנטים. התכונה Grid Area היא אלטרנטיבה לקביעת קווי הגריד ומציעה דרך שֵׁמִית בה ניתן [...]
ישנה תכונה מאד שימושית בשם flex-grow שניתן להעזר בה כאשר יוצרים גריד כזה או אחר. אתן הקדמה קצרה לפני שנמשיך - כמעט בכל אתר שאני מפתח קיים שימוש בסוג של גריד כאשר האלמנטים בגריד הם בעלי גובה זהה (ראו דוגמה [...]
ההבנה של כיצד גוגל אנליטיקס מתייחסת לנתון ״משתמשים״ אינה ברורה לרבים מכם סביר להניח. הנתון ״משתמשים״ או בלעז ״Users״ בגוגל אנליטיקס מציג עבורכם איפורמציה ומתאר לכמה משתמשים הייתה מעורבות באתר או באפליקציה שלכם. על מנת שגוגל אנליטיקס תוכל לקבוע האם [...]
Lity היא ספריית lightbox קלת משקל, נגישה ורספונסיבית התומכת בתמונות, וידאו, iframes ואף inline content. הספרייה שוקלת כ 3K בלבד כאשר היא דחוסה ובמידה ו gzip מופעל בשרת שלכם. בפוסט קצר זה נראה כיצד להשתמש בה בכדי להציג תוכן ב [...]
הערות והודעות PHP עוזרות למפתחי וורדפרס ״לדבג״ (Debug) בעיות בקוד שכתבו או שאדם אחר כתב. כמובן שיהיה זה לא מקצועי אם אלו יוצגו עבור הגולשים באתר, אז בפוסט קצר זה נראה כיצד ניתן למנוע הצגת שגיאות PHP באתרי וורדפרס על [...]
בפוסט זה, אשר לא מעט מהקוד המופיע בו נלקח מהפוסט הבא אותו כתבה Mary Lou, נראה כיצד ליצור פורטפוליו באמצעות masonry.js ונשתמש ב anime.js (עליו כתבתי לא מעט) בכדי ליצור אנימציות טעינה מגניבות לאותו פורטפוליו. הסיבה שאני כותב פוסט זה [...]
ווקומרס מאפשרת להוסיף לשוניות חדשות לעמוד המוצר בנוסף ללשוניות הקיימות - ״תיאור״, ״מידע נוסף״ ו״חוות דעת״. אלו נקראים Product Data Tabs וייתכן ותרצו בפרוייקט כזה או אחר להוסיף לשוניות חדשות, לשנות את שמותיהן, להסיר אלו וכדומה.
בפוסט זה נראה כיצד ליצור פילטר המאפשר לסנן אלמנטים לפי תכונה כלשהי ובמקרה שלנו נאפשר סינון של פוסטים לפי טקסונומיה. את הסינון נבצע באמצעות הספרייה Isotope בה יצא לי להשתמש בלא מעט פרוייקטים מכיוון וזו מאפשרת לסנן ולמיין מידע בצורה [...]
גוגל הרעישה את עולם ה SEO ויצאה בהכרזה על שתי תכונות חדשות לסימון קישורי nofollow ואלו יעזרו לגוגל להבין את טוב יותר את טבעם של קישורים. עם זאת, הכרזה זו גרמה לבלבול מסויים בעולם ה SEO ואצל מקדמי אתרים. בפוסט [...]
זהו חלקו השני של המדריך על Google PageSpeed Insights ואולי אף החלק המעניין יותר לרבים מכם. בחלקו הקודם של המדריך דיברנו בעיקר על נתוני המעבדה שהכלי Google PageSpeed Insights מציג לנו. בחלק זה נראה איך לשפר בפועל את אותם ציונים ונתוני [...]
בשנים האחרונות מתרוצצת שמועה בין מקדמי האתרים הטוענת כי אין צורך לדחות קישורים מאיכות נמוכה. אז נכון, גוגל במרבית המקרים יודעת להעריך אילו קשורים מהימנים ואילו לא, אך לטובת אותם קישורים שאינה מזהה - נכון יהיה לומר לה בעצמכם באמצעות [...]
Google PageSpeed Insights (בקצרה PSI) הוא כלי עזר נחמד עבור מפתחי אתרים. כוונותיו בהחלט טובות, אך ניתן לומר כי זה אינו מתאים לבעל אתר הוורדפרס הממוצע. ולמרות העובדה שלאחרונה PageSpeed Insights מציג הערות ספציפיות עבור משתמשי וורדפרס, אספקטים רבים בדו״ח...