Search

חיפוש‫: %7%raw%7%92%7%md5%7%91

לולאת for בג׳אווה סקריפט – JavaScript for Loop

לולאות הם מעין 'תוכנת מחשב' המריצה סֶט של פקודות או קטע קוד כלשהו מספר פעמים עד שתנאי מסויים מתקיים. לולאה מסירה מאיתנו את הצורך לכתוב את אותו סט של פקודות מספר פעמים. במילים אחרות, לולאות מאפשרות לנו להריץ קטע...

מדריך שימוש בתוסף WordPress SEO by Yoast (יוסט) – חלק ב׳

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

גוטנברג | Gutenberg – העורך החדש של וורדפרס

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

איך לתקן שגיאת התחברות למסד הנתונים באתר וורדפרס?

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

רעיונות ל Image Hover Effects – אפקט ריחוף על תמונות

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

עימוד רספונסיבי עם CSS Grid ללא שימוש ב Media Queries

אימוץ הפלקסביליות של CSS Grid מספקת לנו את האפשרות ליצור אתרים עמידים וחזקים (Frontend Wise), בהם במקום להשתמש בגדלים ספציפיים וקבועים, אנו תוחמים אלמנטים בגבולות מסויימים ומאפשרים להם למלא את השטח הריק הנותר. אז לא רק ש CSS Grid...

יצירת פורטפוליו (Masonry) בוורדפרס עם אנימציית טעינה

כתבתי לא מזמן על Isotope וכיצד להשתמש בספרייה זו בכדי ליצור פילטר או סינון של פוסטים בוורדפרס. כפי שציינתי באותו פוסט -ל Isotope קיים אח צעיר הנקרא masonry.js באמצעותו ניתן ליצור layouts נחמדים ובעצם מאפשר יצירת מתווים מבוססי גריד...

הבנת הנתון ״משתמשים״ (Users) בגוגל אנליטיקס

ההבנה של כיצד גוגל אנליטיקס מתייחסת לנתון ״משתמשים״ אינה ברורה לרבים מכם סביר להניח. הנתון ״משתמשים״ או בלעז ״Users״ בגוגל אנליטיקס מציג עבורכם איפורמציה ומתאר לכמה משתמשים הייתה מעורבות באתר או באפליקציה שלכם. כפי שמתואר בדוקומנטציה של אנליטיקס: ״על...

אפקט פרלקס בגלילה – Parallax Scrolling Effect

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

CLS – על מדד היציבות החזותית של עמוד והדרכים לשפר אותו

אחד הדברים המתסכלים ביותר שקורים לנו בעת גלישה באתר הוא שינוי לא צפוי ופתאומי בעמוד. שינוי זה יכול להיות מודעה שקופצת פתאום, תוכן שזז לפתע באמצע הקריאה, או כפתור שמשנה את מיקומו ממש כשאנחנו עומדים ללחוץ עליו. גוגל אף...

מספר מילים על שיעור נטישה/עזיבה (Bounce Rate) בגוגל אנליטיקס

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

יצירת טבלה רספונסיבית באמצעות CSS

אני בטוח כי תמצאו המון שיטות ומקורות המראים כיצד ליצור טבלה רספונסיבית, חלקן טובות וחלקן פחות. בין שיטות אלו תמצאו טבלאות מתוחכמות הבנויות באמצעות CSS Grid, ואף טבלאות מאד פשוטות, שאינן יכולות להקרא טבלאות רספונסיביות מכיוון ואלו מציגות טבלה...

שיפור זמן הטעינה של Embedded Videos עם Lite YouTube

יוטיוב הוא אתר Video Streaming פופולרי השייך לגוגל. עם מעל לביליון משתמשים וביליונים של צפיות יומיות, ניתן למעשה למצוא סרטוני יוטיוב בכל מקום באינטרנט. שימוש בחשבון היוטיוב שלך הוא דרך נוחה להוסיף וידאו לאתר שלכם ולהשתמש ברוחב הפס שלהם....

91 דוגמאות יפות של התכונה box-shadow ב CSS

התכונה box-shadow ב CSS מוסיפה אפקט של צל סביב המסגרת של אלמנט מסויים. ניתן להשתמש ביותר מאפקט אחד על כל אלמנט וזאת על ידי הפרדה בין אפקטים באמצעות פסיק (comma). התכונה מתוארת על ידי הֶסֵּט (offset) בציר ה X...

Unslick בנקודת שבירה מסויימת ואיתחול מחדש בעת הצורך (Slick Slider)

בפוסט זה נראה כיצד להשתמש בפונקציה שהספרייה Slick Slider מספקת. הפונקציה מאפשרת לנו לבטל את הפונקציונליות של הסליידר בנקודת שבירה (breakpoint) מסויימת, ואת זו ניתן לקבוע כשאנו מאתחלים את הקרוסלה תחת אפשרות ה responsive. זה נראה כך: הקוד מעלה...

מה זה עוגיות (Cookies) באינטרנט וכיצד לעבוד איתן ב JavaScript?

עוגיות, או Cookies הן אחת מטכנולוגיות ה web החשובות ביותר. עוגיות נוצרו בכדי לשמור בדפדפן אינפורמציה מתמדת על משתמשים. אותה עוגיה היא פיסת מידע מאתר כלשהו הנשמרת בדפדפן כך שאותו אתר יוכל לגשת אליה ולהשתמש באינפורמציה הנשמרת בעוגיה זו...