פורום חדש למפתחי עולם האינטרנט

29 בינואר 2012

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

HTML5 – Table of Content

25 בינואר 2012

  כתבתי די הרבה על נושאים שונים של HTML5, וחשבתי לרכז את כולם.   בשונה ממדריכים אחרים שכתבתי, הפוסט הזה אינו מרוכז לפי סדר מסויים, אלא מגוון רחב של פיצ'רים שהסביבה נותנת.   אני מחלק את זה לשינויים ב - HTML, תוספות של CSS ופונקציונליות חדשה ב - JS - כמובן שישנם חידושים שחופפים ואפשר היה להצמיד אותם גם ל - CSS וגם ל - JS, אך מיקמתי אותם היכן שנראה לי יותר מתאים.   חשוב לשים לב שבחלק מהפוסטים יש כותרת של What new in IE8 וכדומה, אל דאגה - כאן שמתי אך ורק פוסטים של HTML5, כלומר שינויים של IE שמוגדרים מהתקן.     HTML HTML5 - HTML...
תגיות: , , ,
אין תגובות

X-UA-Compatible meta tag

24 בינואר 2012

  מהימים בהם התחלנו לקבל גרסאות חדשות של IE - קבלנו את היכולת להריץ את IE כאילו בגרסאות ישנות יותר וזאת בעזרת כלי הפיתוח של IE  לחיצה על F12 - ושינוי ה - Document Mode.   ברור מאיליו שזה כלי נהדר למפתחים שיכולים לראות כיצד האתר ייראה בגרסאות שונות של IE (מעניין שאין יכולת כזאת בדפדפנים המתחרים).     מה שלא כל המפתחים יודעים הוא - שניתן "להכריח" את הדפדפן להציג את האתר ב - Document Mode שנבחר, נרצה לעשות זאת למשל אם אין לנו תקציב לדאוג שהאתר יראה כמו שצריך ב - IE9 ואנחנו רוצים להשאר בגרסה 8 של הדפדפן.   כל מה שצריך לעשות הוא להוסיף את תגית...
אין תגובות

center elements in html

17 בינואר 2012

  כיצד למרכז אלמנטים בעזרת css.   סביר להניח שזה פשוט למי שכבר יודע - אבל למי שלא - הפוסט הזה יכול לחסוך שעות של נסיונות נואשים.     אז ככה. בעבר היה דרך (עובד גם היום רק שיצא מהתקן) לכתוב כך: <center>     ..... </center>   כל מה שיופיע בתוך התגיות ימורכז, הסיבה שזה יצא מהתקן היא מכיוון שאנחנו אמורים לכתוב ב - html את התוכן ולא את העיצוב.   מה שצריך לעשות זה כך:   .center {     margin-left: auto;     margin-right: auto;     text-align: center; }   אלמנט שיקבל את ה - class המתאים (center) ימורכז - כמובן שהוא צריך שיוגדר לו width כלשהו שקטן מגודל ה - container שלו.   כל זה יעבוד רק אם לא הגדרתם הגדרה מיוחדת ל -...
תגיות: , ,
2 תגובות

HTML5 – Canvas

16 בינואר 2012

  בהמשך לפוסטים על HTML5, הפעם נדבר על Canavs.   הקדמה: בפוסט הראשון תיארתי מהו HTML5, וטענתי שזה לא הגרפיקות והאנימציות - אלא ה - API החדש, אבל כמובן שאי אפשר להתעלם מהיכולות של הגרפיקה, ולכן בפרק זה נכיר את הדרך כיצד לצייר ב - HTML5.   כמובן שאי אפשר במסגרת פוסט זה להכיר את היכולות המלאות, (וזה גם דורש המון מטמטיקה), ואני די בטוח שיהיו (או שיש) עטיפות שונות ליכולות ה - Canvas כדי להקל את הכתיבה, ולא לכתוב כל כך קרוב לברזלים, ובכל זאת נרצה לראות את הבסיס ואיך משתמשים בזה.     Canvas: ה - Canvas הוא בד ציור המאפשר לנו לצייר עליו מה שנרצה ב...
תגיות: , , ,
3 תגובות

HTML5 – New Elements

10 בינואר 2012

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

HTML5 – The Modernizr

4 בינואר 2012

  בדיקת תמיכת פיצ'ר בדפדפן: כפי שהבטחתי בפוסט הקודם אני אדבר היום איך כותבים ב - HTML5 עם מינימום נזק לדפדפנים שאינם תומכים ב - HTML5.     כשנרצה להשתמש בפיצ'רים שונים של HTML5 נרצה לוודא האם הדפדפן תומך בזה - לדוגמא לפני שימוש ב - localStorage וכדו'.   כדי לוודא זאת נוכל להוריד ספריית JS חביבה בשם Modernizr. ולכתוב:       if(Modernizr.localstorage){ }   וכך נוכל לבדוק כל פיצ'ר שנרצה להשתמש איתו ב - JS בבטחה.   אוטומציה לתהליך:  כמובן שנעדיף מנגנון יותר אוטומטי שיטען קבצי סקריפט שונים במידה והדפדפן תומך (או לא) בפיצ'ר מסויים.   כדי לעשות זאת נצטרך להוריד עוד ספרייה קטנה בשם yepnope ואז נוכל לכתוב קוד כזה:   Modernizr.load({    test: Modernizr.localstorage,    yep: 'workWithStorage.js',    nope: 'workWithcookie.js'});   וכך יירד קובץ...
תגיות: , ,
אין תגובות

מפגש פורום תפוז

2 בינואר 2012

כמידי תקופה אנחנו (חברי פורום תפוז) מארגנים מפגש טכנולוגי.   המפגש הבא יערך ב - 24 לינואר יום שלישי.   מכללת סלע מארחת כמידי פעם את המפגש - הכתובת: ברוך הירש 14 בני ברק (מול קניון אילון - חניה חופשית)     בתוכנית: 17:30 - 18:00 התכנסות.   18:00 - 18:50 הרצאה ראשונה של עידו פלטו על Fiddler.   18:50 - 19:00 הפסקה.   19:00 - 19:50 הרצאה של גדי מאיר על אחד מהנושאים החביבים עליו (כנראה על הכנת "היישום שלך לסביבת הייצור" או על "למידה מהנחיות של מייקרוסופט לגבי כתיבת קוד נכון")   20:00 - 20:50 הרצאה של רון קליין על שינוי קוד - מפרוצדורלי ל OOP. או על מבוא ל MSMQ ודוגמה מהחיים.     ניתן להרשם...
תגיות:
אין תגובות

HTML5 – HTML Review

1 בינואר 2012

הקדמה: מאז שכתבתי על כל מיני פיצ'רים ב - HTML5, דברים התווספו והשתנו בתקן ובדפדפנים, אני מתכוון להמשיך לכתוב על פיצ'רים שונים ומשונים של התקן, אך לפני הכול קצת היסטוריה ולמה בכלל אנחנו רוצים לעבוד עם HTML5.     היסטוריה: HTML - Hyper Text Markup Language, נולד בשנת 1991 על ידי Tim Berners-Lee, כדרך להעברת טקסט סטטי תמונות ולינקים לדפים סטטים אחרים על גבי הרשת (באותה שנה גם יצא תקן ה - HTTP לאויר העולם).   בשנת 1994-1995 העולם התקדם לתקן HTML2 שהכיל פיצ'רים חשובים כמו טבלאות העלאת קבצים וכד'.   בשנת 1996 קבלנו את המושגים CSS1 ו - JavaScript שקידם את יכולות ה - HTML מסתם מידע סטטי לדף...
תגיות: , , ,
2 תגובות