דף הבית > מדריכים > HTML 5

HTML 5

HTML 5 הוא התקן העתידי (שלא לומר עתידני) והמרשים של ה-W3C שיקח את כל טכנולוגית בניית האתרים כמה צעדים קדימה. במדריכים אלו יש הסבר על HTML 5.


1: HTML 5 – העתיד

HTML 5 הוא תקן מדובר ועתידי עבור אתרי אינטרנט שעומד לצאת. כבר עכשיו חלקים ממנו משולבים בדפדפני אינטרנט מתקדמים. מאמר זה הוא מאמר מבוא המסביר על HTML-5.

2: HTML 5 Canvas – מבוא

מאמר ראשון בסדרה המסביר על אחת התכונות היותר מעניינות של HTML 5 הלא הוא ה-canvas. כיוון שרוב דפדפני האינטרנט כבר תומכים בתכונה זו, אפשר ללמד וללמוד כיצד להשתמש בה.

3: HTML 5 Canvas – אפקטים

מאמר המשך המספר על אפקטים בסיסיים שאפשר לעשות בצורות ב-Canvas. מדובר באלמנט חדש ומרתק מתוך HTML 5 שבאמצעותו אפשר ליצור גרפיקה וכן אנימציה ב-JavaScript ו-HTML.

4: HTML 5 העלאת תמונות ומניפולציות בתמונות

מאמר המשך המספר על אפקטים ותמונות שאפשר ליצור באמצעות HTML 5 Canvas – הטכנולוגיה העתידנית שתהיה בכל דפדפן

5: תגיות סמנטיות ב-HTML 5

הסבר ודוגמאות על כל התגיות הסמנטיות בתקן HTML 5.

6: modernizr – ספריית JavaScript ל-HTML 5

פתרון מעולה ל fallback ל-HTML 5 ומאפשר פיתוח בתקן החדש כבר היום

7: HTML5 – תגית וידאו שעובדת בכל הדפדפנים

הסבר מקיף על וידאו ב-HTML5 עם הדגמות והסבר לפולבק פלאשי באינטרנט אקספלורר 6-8.

8: contenteditable ו-localStorage ב-HTML5

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

9: שילוב תרגום בתגית וידאו ב-HTML5

כך יוצרים תרגום באמצעות תוסף של jQuery וג'אווהסקריפט לסרטון וידאו ב-HTML5

10: HTML 5 Notification

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

11: HTML 5 Forms

טפסים ב-HTML5 הופכים לתענוג ממשי. הסבר קצר על ה-API החדש של טפסים בתקן החדש.

12: Geolocation

מדריך ללימוד Geolocation API בתקן HTML5 החדש

13: שעשועים עם HTML5 Video Tag

על היתרון של שימוש ב-HTML5 video ולמה זה כל כך חשוב שהוידאו הוא חלק אינהרנטי בדף אינטרנט.

14: HTML5 appcache

שימוש ב-Application cache, טכניקת ניהול cache מתקדמת שמפקיעה את ה-cache מהדפדפן לטובת המתכנת.

15: localStorage vs sessionStorage

הסבר קצר, מהיר ואלגנטי על שתי השיטות בתקן HTML5 שמחליפות את העוגיות כאמצעי אחסון מידע

16: הרצאה: אמצעי אחסון ב-HTML5

סרטון וידאו באורך מלא של הרצאתי בכנס HTML5 Fest.

17: SVG: גרפיקה וקטורית ב-HTML 5 – חלק א'

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