ברוכים הבאים (או השבים), היום… עוד הדגמה של jQuery בפעולה, כמה הספרייה הזאת עוזרת לנו לשפר את הנגישות באתר שלנו! במדריך זה ניצור ביחד סרגל קטן שיאפשר לגולשים להגדיל או להקטין את הטקסט באתר שלכם כדי שיהיה יותר קריא.
מכיוון שקוד פתוח אפילו אם הוא מוצג בסטייל גורר המון שאלות הכנתי עבורכם סרטון בו אני בונה ביחד אתכם את הקוד הנדרש כדי ליצור את סרגל השליטה בטקסט מ-א עד ת!
מה במדריך?
- ניצור עיצוב בסיסי
- נטמיע את ספריית jQuery
- נכין את סרגל השליטה בטקסט
- נבנה את הסריפט בjQuery
- נבחן, ננסה ונהנה מהתוצאה!
סרטון הדרכה: שולטים בגודל הטקסט בעזרת jQuery
יש לכם שאלה?
אני מקווה שמצאתם את הסרטון הדרכה לברור, אבל! תמיד יש שאלה או שתיים, כאלה שלא חשבתי עליהן – אתם מוזמנים לפרסם כל שאלה בטופס התגובות המוצג כאן או במדור שאלות ותשובות ואנסה לענות לכם מהר ככל האפשר.
ממש בימים אלו אני עובד על עוד כמה סרטוני הדגמה שיעזרו לנו להבין איך לשלוט בjQuery ואיך לנצל את הספריה המעולה הזאת לטובתנו אז בואו לבקר בערוץ הYoutube שלנו ווהרשמו כמנויים.
רונן 27 באוקטובר 2014
אחלה שגיב, אהבתי מאוד – תודה רבה.
שגיב SEO 27 באוקטובר 2014
בכיף רונן,
אתה מוזמן להרשם לערוץ החדש שלנו
יהיו שם עוד הרבה (במשך הזמן) סרטוני הדגמה של jQuery
https://www.youtube.com/channel/UC-JRNQ-Yu49l-qJXgKrjKgw
שחר 13 בנובמבר 2014
כל הכבוד על ההשקעה!
היית יכול לייעל את הקוד אם את מאחסן ב Cache
את האובייקטים של Jquery ,גם את המצביע this וגם את תוצאות החיפוש להכניס למשתנים ועליהם לבצע את השינוי.
אחרת Jquery כל פעם רץ ה Dom מחדש בזמן שכבר ביקשת את האובייקטים האלה קודם לכן.
שגיב SEO 13 בנובמבר 2014
מנשמע שחר?
איזה אובייקטים?.. הגודל הנוכחי של הפונט?
כן, הייתי שומר בעזרת LocalStorage אבל לא רציתי לחרוג מהנושא של המדריך
אבל, תודה על עצת ההתייעלות לגולשים שמבינים על מה מדובר – 😉
שחר 13 בנובמבר 2014
לא הבנת אותי, אין צורך להשתמש ב localStorage .
הכוונה הייתה להכניס את האובייקטים ש Jquery מחזיר לתוך משתנים ואז עליהם לבצע את המניפולציות.
לדוגמא: במקודם לכתוב כל פעם $(this)
אז זה יהיה הרבה יותר מהיר, (אם משתמש בו יותר מפעם אחת)
var s = $(this)
אותו דבר לגבי תוצאות החיפוש של h2,p וכן הלאה..
ב longrun זה משפר ביצועים של מבחינת זמן ריצה.
שגיב SEO 13 בנובמבר 2014
מכיוון שTHIS יכול להיות להגדיל או להקטין אתה לא יכול "לשמור אותו" בשום מקום
(אלא אם תפריד בין הפונקציות – וזה יהיה באמת בזבוז).
מעבר לזה.. הערכים שאתה מקבל מP וכו שונים בכל פעם. אלא אם לא הבנתי אותך…