נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

לחיצה חוזרת ונשנית על המקש Tab תעביר אתכם בין הקישורים והאזורים השונים בעמוד.

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
 

12 ספריות java script שכדאי להכיר

מחבר:
בתאריך:

ספריות Java Script הופכות את האפליקציות שלנו לאינטראקטיביות ויפות יותר וגם מקלות על חייהם של המפתחים. ברשימה זו 12 ספריות מוצלחות במיוחד.

1. PACE

pace javascript library

רוצים להציג לגולשים אנימציה יפה בזמן שהם מחכים לתוכן שיעלה? הכירו את PACE - ספריית ה-Java Script שמציגה גרף התקדמות בשלל אנימציות ובכל גוון וצבע.

2. Headroom

Headroom javascript library

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

 

 

3. Mousetrap

Mousetrap javascript library

Mousetrap מאפשרת להוסיף קיצורי מקשים לדף בקלות רבה.

4. Countdownjs

countdown.js javascript library

countdown.js היא ספרייה להצגת ספירה לאחור לפי תאריכים שמוגדרים על ידי המפתח.

5. Landing.js

Landing.js javascript library

Landing.js היא ספרייה שמשלבת ספירה לאחור עם תצוגת תמונות מתחלפות ברקע.

6. Flippant.js

Flippant.js javascript library

Flippant.js היא ספריה קטנה שמאפשרת לתת אפקט של קלפים מתהפכים לאלמנטים שונים של הטמ"ל, ובכלל כך : טקסט, תמונות פסקאות ודיבים של הטמ"ל, והכול באמצעות פונקציה יחידה - flip.

7. Chart.js

Chart.js javascript library

Chart.js היא ספרית java script שמציגה גרפים מרשימים על גבי canvas של HTML5. הספרייה תומכת כרגע בשישה סוגי תרשימים, ובכלל כך עמודות, רדאר ופאי. ומציעה, בנוסף, התנהגות רספונסיבית, ואינטראקטיביות דוגמת הופעת tooltip כשמרחפים מעל לתרשים.

8. Echo.js

Echo.js javascript library

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

9. Tablesorter

tablesorter javascript library

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

10. Shepherd.js

Shepherd.js javascript library

אחרי שיצרת את האפליקציה המופלאה שלך, ודאי תרצה שהגולשים ידעו כיצד להשתמש בה. ספריית ה-javascript ששמה shepherd תסייע לך בכך שהיא מדריכה את הגולשים באמצעות בועות דיבור.

11. Presenteer.js

presenteer.js javascript library

אם תרצה להציג את המידע באתר באמצעות שקופיות, ודאי תשמח לגלות פלגאין של jQuery ששמו Presenteer.js שעושה את העבודה בקלות יחסית.

12. Fitvidsjs

fitvidsjs javascript library

הספרייה fitvidsjs מאפשרת לסרטונים המוטמעים באתר לקבל רוחב רספונסיבי המותאם לגודל המסך בפלטפורמות השונות.

13. Typeahead

Typeahead javascript library

הפלגאין של jQuery ששמו typehead יוצר תיבת חיפוש אוטומטי שדומה בהתנהגות ובמראה לתיבת החיפוש האוטומטי שמציע טוויטר.

14. Shine.js

shine.js javascript library

רוצים להוסיף אפקט צל מרשים במיוחד לטקסט ולאלמנטים אחרים של הטמ"ל? Shine היא ספריית js, שמוסיפה אפקטים מרשימים במיוחד של הצללה וכיווני הארה שמתבססים על התכונות box-shadow ו text-shadow של CSS3.

15. jQuery powertip

powertip javascript library

PowerTip הוא פלגאין של jQuery, שמאפשר tooltip עתיר אפשרויות. האפשרויות כוללות: קביעת המיקום של ה-tooltip, ניווט באמצעות המקלדת, אנימציות יפות, תמיכה בכל סוג של הטמ"ל, ועוד.

 

הוסף תגובה חדשה

 

= 7 + 9

תמונת המגיב

שמעון בתאריך: 03.11.2015

תודה רבה שימושי מאוד :)

תמונת המגיב

יוסי בן הרוש בתאריך: 11.03.2015

בשמחה, שמעון.

תמונת המגיב

אילון בתאריך: 04.02.2017

תוכל להסביר את המערכת הודעות בבקשה

תמונת המגיב

יוסי בן הרוש בתאריך: 04.02.2017

כרגע אני עובד על מדריכי TypeScript.
אולי בעוד חודש וחצי אטפל גם בזה.

תמונת המגיב

יפית בתאריך: 18.11.2017

הפלגאין של ה-tooltip שימושי במיוחד. מומלץ!