בפוסט זה, אשר לא מעט מהקוד המופיע בו נלקח מהפוסט הבא אותו כתבה Mary Lou, נראה כיצד ליצור פורטפוליו באמצעות masonry.js ונשתמש ב anime.js (עליו כתבתי לא מעט) בכדי ליצור אנימציות טעינה מגניבות לאותו פורטפוליו. הסיבה שאני כותב פוסט זה [...]
ווקומרס מאפשרת להוסיף לשוניות חדשות לעמוד המוצר בנוסף ללשוניות הקיימות - ״תיאור״, ״מידע נוסף״ ו״חוות דעת״. אלו נקראים Product Data Tabs וייתכן ותרצו בפרוייקט כזה או אחר להוסיף לשוניות חדשות, לשנות את שמותיהן, להסיר אלו וכדומה.
בפוסט זה נראה כיצד ליצור פילטר המאפשר לסנן אלמנטים לפי תכונה כלשהי ובמקרה שלנו נאפשר סינון של פוסטים לפי טקסונומיה. את הסינון נבצע באמצעות הספרייה Isotope בה יצא לי להשתמש בלא מעט פרוייקטים מכיוון וזו מאפשרת לסנן ולמיין מידע בצורה [...]
גוגל הרעישה את עולם ה SEO ויצאה בהכרזה על שתי תכונות חדשות לסימון קישורי nofollow ואלו יעזרו לגוגל להבין את טוב יותר את טבעם של קישורים. עם זאת, הכרזה זו גרמה לבלבול מסויים בעולם ה SEO ואצל מקדמי אתרים. בפוסט [...]
זהו חלקו השני של המדריך על Google PageSpeed Insights ואולי אף החלק המעניין יותר לחלקכם. בחלק הקודם דיברנו בעיקר על נתוני המעבדה ש PageSpeed Insights מציג לנו. בחלק זה נראה איך לשפר את אותם ציונים ונתוני מעבדה המוצגים לפנינו. נראה [...]
בשנים האחרונות מתרוצצת שמועה בין מקדמי האתרים הטוענת כי אין צורך לדחות קישורים מאיכות נמוכה. אז נכון, גוגל במרבית המקרים יודעת להעריך אילו קשורים מהימנים ואילו לא, אך לטובת אותם קישורים שאינה מזהה - נכון יהיה לומר לה בעצמכם באמצעות [...]
Google PageSpeed Insights (בקצרה PSI) הוא כלי עזר נחמד עבור מפתחי אתרים. כוונותיו בהחלט טובות, אך ניתן לומר כי זה אינו מתאים לבעל אתר הוורדפרס הממוצע. ולמרות העובדה שלאחרונה PageSpeed Insights מציג הערות ספציפיות עבור משתמשי וורדפרס, אספקטים רבים בדו״ח...
הפניות 301 נוטות לבלבל לפעמים וגורמות באופן קבוע לוויכוחים לגבי הדרך הנכונה להשתמש באלו אצל מקדמי אתרים ואנשי SEO. בפוסט זה נבהיר מה זה הפניית 301, מדוע ומתי עליכם להשתמש בהפניות 301 וכיצד לבצע הפניות 301 באתר שלכם בצורה הנכונה. [...]
הסטטוס הנוכחי של CSS Selectors Level 4 הוא סוג של טיוטה, עם זאת, דפדפנים מודרניים כבר החלו להטמיע חלקים מסויימים של הספסיפיקציות החדשות. תכלס, לעולם לא יהיה CSS4 כפי שלעולם לא יהיה HTML6 אך מה שכן יהיה זה pseudo-classes ברמה [...]
התכונה object-fit מגדירה כיצד אלמנט מסויים מגיב לגובה ולרוחב של ההאלמנט העוטף אותו (Content Box). התכונה מיועדת לשימוש עבור תמונות, וידאו וסוגי מדיה אחרים שניתן להטמיע ועובדת יחד עם התכונה object-position. בפני עצמה, תכונה זו מאפשרת לנו לקצוץ (crop) תמונות [...]
ישנן דרכים רבות לשפר את מהירות הטעינה של אתרים. אחת מהדרכים היא לטעון מראש קבצים מסויימים שאתם יודעים כי יידרשו מאוחר יותר והם חשובים לרינדור מהיר של אותו עמוד. הערך preload של התכונה rel באלמנט מאפשר לכם להכריז ב HTML [...]
התכונה font-display קובעת כיצד פונטים הנטענים באמצעות font-face@ מוצגים, וזאת על בסיס השאלה האם הפונט כבר ירד ומכן לשימוש או לא. בכדי להתמודד עם התופעה בה הטקסט כבר קיים אך הפונטים עדיין לא נטענו הדפדפן משתמש בשתי טכניקות שונות. התכונה [...]