WebP הוא פורמט יעיל בצורה בלתי רגילה מכיוון והוא מציע גם ביצועים וגם פיצ׳רים טובים יותר. שלא כפורמטים אחרים, WebP תומך גם ב loosy compression וגם ב loosless compression, כמו גם בשקיפות (transparency) ואנימציות. ראו טבלה המשווה בין הפורמטים:
כנראה ואינכם רוצים כי התנועה שאתם עצמכם מבצעים לאתר שלכם, או לחילופין התנועה של כל העובדים בחברה הנכנסים לאתר של אותה חברה - ״תלכלך״ את המידע הקיים באנליטיקס. מכאן שלאחר שהתקנתם את אנליטיקס באתר שלכם, עליכם להחריג (exclude) את ה [...]
לפני כשלוש שנים הוצגה אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים פרמטרים״. ומעבר לכך שהם חוסכים bandwidth הם גם מספקים תכונות בלתי נגמרות כראות עיני [...]
זהו פוסט קצר המתאר כיצד ליצור קו מפריד עם אלמנט באמצע, מעין סוג של divider עם טקסט או תמונה כאשר משמאל ומימין לו קיים אותו קו מפריד לטובת דקורציה. אז נאמר ואני מבקש מכם לעשות קו מפריד עם תמונה/טקסט באמצעו [...]
הסתכלתם פעם בגוגל אנליטיקס ולתהות כיצד המשתמשים הגיעו או נחתו בעמוד מסויים ולא באחר? אם כן אז UTM Parameters או ״פרמטרים UTM״ הם התשובה. UTM Parameters הם הדרך הטובה ביותר לראות את הנתיב המדוייק אותו לקח...
קונסולת החיפוש של גוגל הנקראית Google Search Console היא כלי חינמי המאפשר מעקב אחר ביצועי האתר שלכם בתוצאות החיפוש של גוגל ומספק אינפורמציה על בעיות באתר שעליכם לשפר. מכיוון והשימוש בקונסולת החיפוש...
בעימודים או layouts מבוססי CSS Grid - ברירת המחדל להצבת אלמנטים בגריד עצמו היא על ידי הגדרת השורות, או בעצם הגדרת קווי הגריד לפיהם יתחילו ויסתיימו אלמנטים. התכונה Grid Area היא אלטרנטיבה לקביעת קווי הגריד ומציעה דרך שֵׁמִית בה ניתן [...]
ישנה תכונה מאד שימושית בשם flex-grow שניתן להעזר בה כאשר יוצרים גריד כזה או אחר. אתן הקדמה קצרה לפני שנמשיך - כמעט בכל אתר שאני מפתח קיים שימוש בסוג של גריד כאשר האלמנטים בגריד הם בעלי גובה זהה (ראו דוגמה [...]
ההבנה של כיצד גוגל אנליטיקס מתייחסת לנתון ״משתמשים״ אינה ברורה לרבים מכם סביר להניח. הנתון ״משתמשים״ או בלעז ״Users״ בגוגל אנליטיקס מציג עבורכם איפורמציה ומתאר לכמה משתמשים הייתה מעורבות באתר או באפליקציה שלכם. על מנת שגוגל אנליטיקס תוכל לקבוע האם [...]
Lity היא ספריית lightbox קלת משקל, נגישה ורספונסיבית התומכת בתמונות, וידאו, iframes ואף inline content. הספרייה שוקלת כ 3K בלבד כאשר היא דחוסה ובמידה ו gzip מופעל בשרת שלכם. בפוסט קצר זה נראה כיצד להשתמש בה בכדי להציג תוכן ב [...]
הערות והודעות PHP עוזרות למפתחי וורדפרס ״לדבג״ (Debug) בעיות בקוד שכתבו או שאדם אחר כתב. כמובן שיהיה זה לא מקצועי אם אלו יוצגו עבור הגולשים באתר, אז בפוסט קצר זה נראה כיצד ניתן למנוע הצגת שגיאות PHP באתרי וורדפרס על [...]
בפוסט זה, אשר לא מעט מהקוד המופיע בו נלקח מהפוסט הבא אותו כתבה Mary Lou, נראה כיצד ליצור פורטפוליו באמצעות masonry.js ונשתמש ב anime.js (עליו כתבתי לא מעט) בכדי ליצור אנימציות טעינה מגניבות לאותו פורטפוליו. הסיבה שאני כותב פוסט זה [...]