סאבי בלוג - מדריכים על וורדפרס ו WEB, מפתח אתרי וורדפרס עצמאי, ישראל | עמוד 7

מבט על Blend Modes (מיזוג) ב CSS

ב CSS קיימות שתי תכונות האחראיות למיזוג (blending במיים אחרות). התכונה mix-blend-mode אחראית למיזוג אלמנטים ב DOM, ולעומתה, התכונה background-blend-mode אחראית לשילוב של מספר תמונות רקע (background-image ב CSS), או שילוב של background-image יחד עם background-color.

כיצד להקפיא פעילות של אתרי E-Commerce מבלי לפגוע ב SEO

משבר הקורונה אילץ עסקים מסויימים ובעלי אתרי e-commerce להקפיא את הפעילות ברשת שלהם עקב הקושי לספק את הסחורה. אם אתם מנהלים אתר סחר והגעתם לסיטואציה דומה, עומדות בפניכם מספר אפשרויות להשבתת המכירה באתר.

הוספת אנימציות CSS בגלילה באמצעות AOS

לבטח יצא לכם לראות אתרים בהם מתבצעות אנימציות שונות בזמן שאתם גוללים מטה (On Scroll Animations). אז אשתף אתכם בספרייה בה נתקלתי בשם AOS, המאפשרת להוסיף אנימציות אלו בקלות ועם שליטת CSS מלאה על אותן אנימציות. הרעיון מאחורי AOS הוא [...]

ביטול RSS Feed (פיד) באתרי וורדפרס

וורדפרס ידועה לאנשים כמערכת בלוגים רובסטית ומהימנה. אנשים משתמשים ב RSS Feeds על מנת להרשם לתוכן חדש שאתם מפרסמים על ידי אפליקציות צד שלישי כמו Feedly למשל. אך לא כולם משתמשים בוורדפרס עבור בלוג וקיימים הרבה עסקים שיש להם אתר [...]

עיצוב פסי גלילה (Scrollbars) עם CSS

עיצוב פסי הגלילה (Scrollbars)  של הדפדפן נראה כפופולרי לאחרונה ואני נתקל בלא מעט אתרים המעצבים זה בצורה שונה, כזו המתאימה לעיצוב הכללי ולמיתוג האתר שלהם. ישנם מספר דרכים לעצב פסי גלילה אלו, ובפוסט זה נראה כיצד לעשות זאת באמצעות CSS3.

מספר מילים על HTTP Status Codes

סטטוס קוד HTTP או בלעז HTTP Status Codes הוא תגובת שרת לבקשת הדפדפן. כשאתם מבקרים באתר כלשהו, הדפדפן שלך שולח בקשה לשרת וזה נענה לבקשה ומחזיר קוד בן שלוש ספרות: סטטוס קוד HTTP. אם נסתכל לצורך העניין על ה Header [...]

יצירת לשוניות רספונסיביות (Tabs) עם CSS בלבד

רבים מאיתנו מעדיפים להשתמש ב CSS כשניתן ולהמנע מ Javscript אם ניתן עבור פונקציונליות של אלמנטים. פתרונות CSS טהורים מאד נוחים לתחזוקה וחוסכים עבודת JS היכולה להשפיע במקרים מסויימים על זמן הטעינה של העמוד. עם זאת, אין להשתמש בפתרונות אלו [...]

כיצד לקשר בין Google Search Console לגוגל אנליטיקס

באפשרותכם לחבר את החשבון בגוגל אנליטיקס עם Google Search Console כך שתוכלו לבצע אנליזה לדירוג האתר ול SEO לצד מידע של אנליטיקס. בכדי לעשות זאת התחברו לחשבון שלכם בגוגל אנליטיקס...

מדוע וכיצד להשתמש בפורמט WebP לתמונות?

WebP הוא פורמט יעיל בצורה בלתי רגילה מכיוון והוא מציע גם ביצועים וגם פיצ׳רים טובים יותר. שלא כפורמטים אחרים, WebP תומך גם ב loosy compression וגם ב loosless compression, כמו גם בשקיפות (transparency) ואנימציות. ראו טבלה המשווה בין הפורמטים:

כיצד להחריג את כתובת ה IP שלכם מגוגל אנליטיקס

כנראה ואינכם רוצים כי התנועה שאתם עצמכם מבצעים לאתר שלכם, או לחילופין התנועה של כל העובדים בחברה הנכנסים לאתר של אותה חברה - ״תלכלך״ את המידע הקיים באנליטיקס. מכאן שלאחר שהתקנתם את אנליטיקס באתר שלכם, עליכם להחריג (exclude) את ה [...]

הקדמה על Variable Fonts – העתיד של פונטים ברשת

לפני כשלוש שנים הוצגה אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים פרמטרים״. ומעבר לכך שהם חוסכים bandwidth הם גם מספקים תכונות בלתי נגמרות כראות עיני [...]