מדריכי בניית אתרים

מדריך HTML5

פוסטים חדשים

מדריך HTML5 – הקדמה

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

תגיות: , ,

המשך

מדריך HTML5 – מבנה העמוד ו- DOCTYPE

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

תגיות: , ,

המשך

מדריך HTML5 – אלמנטים סמנטיים

התקן החדש של HTML 5 מאפשר לנו גם אלמנטים סמנטיים לסידור הדף. מה זה אלמנטים סמנטיים? ראשית, אלמנטים זה דבר שאני מתאר לעצמי שאתם מכירים – div,span.h1, p כולם הם...

תגיות: , ,

המשך

מדריך HTML5 – וידאו (התגית video)

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

תגיות: , ,

המשך

מדריך HTML5 – אודיו (התגית audio)

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

תגיות: , ,

המשך

מדריך HTML5 – ציור על קאנבאס (התגית canvas)

תקן HTML 5 מאפשר לנו ליצור צורות דו מימדיות באופן פשוט וקל באמצעות אלמנט canvas. אלמנט canvas הוא אלמנט HTML פשוט שניתן לשלוט עליו באמצעות CSS. אך באמצעות שימוש ב-JavaScript...

תגיות: , ,

המשך

מדריך HTML5 – שימוש ב-Web Storage

Web storage משמש אותנו לשמירת מידע בדפדפנים התומכים בתקן HTML 5. מה שחשוב לדעת הוא שגם דפדפן אינטרנט אקספלורר 8 תומך ב-Web storage. בניגוד לעוגיות, שמוגבלות במידע, Web storage יכול...

תגיות: , ,

המשך

מדריך HTML5 – שימוש ב-Geolocation

תכונה מאד שימושית של HTML 5 היא Geolocation API. מדובר ב-API נוח שאפשר להשתמש בו ב-JavaScript על מנת לקבל מידע על מיקומו הגיאוגרפי המשוער של הגולש. מחד גיסא, מדובר בפיצ'ר...

תגיות: , ,

המשך

מדריך HTML5 – מדריך SVG לצורות בסיסיות

ראשי התיבות של SVG הן Scalable Vector Graphics – מדובר בגרפיקה מבוססת XML שקל להציג בה גם אנימציות. בדומה ל-HTML 5 Canvas, גם עם SVG אנו יכולים להציג צורות וגרפיקה....

תגיות: , ,

המשך