What is new in IE9 – XML Namespace

יום שלישי, נובמבר 2, 2010

  כיצד Internet Explorer מציג XML לפי תקן CSS3   התקן מגדיר שאפשר להגדיר ב - CSS עיצוב לקבצי XML בעזרת הגדרה של Namespace.     כדוגמא נקח את קוד ה - XML הבא   <?xml version="1.0" standalone="no"?> <?xml-stylesheet href="namespace.css" type="text/css"?>   <Syllabuses xmlns="http://www.contoso.com/Syllabuses">   <Syllabus>     <CourseCode>50150</CourseCode>     <Title>C# 3.0 Programming in the .NET Framework </Title>     <Description>       This six-day instructor-led course provides students with       the knowledge and skills to develop applications in the       .NET Framework 3.5 using the C# 3.0 programming language.       C# is one of the most popular programming languages in existence,       and the C# 3.0 revision introduces...
אין תגובות

החוויות שלי עם גרסת ה – Beta של Internet Explorer 9

יום שלישי, ספטמבר 21, 2010

  כששמעתי שה - Beta של IE9 יצא מצד אחד שמחתי היות שכתבתי (ואני אכתוב) פוסטים על הפיצ'רים של IE9, מצד שני להתקין גרסה של דפדפן על מחשב שמשמש אותי לעבודה היום יומית - לא בטוח שזה רעיון הכי חכם - וכן, אני לא אוהב לעבוד עם מכונות וירטואליות.     אחרי יומים שלושה של היסוסים החלטתי שאני מתקין, זה היה הימור מכיוון שבאותו יום שהתקנתי הייתי אמור להעביר את ההרצאה על פיתוח לפי התקן בדפדפני IE - לשמחתי ההימור התברר כמוצלח והדפדן החדש סיפק די יפה את הסחורה, השימוש בו הוא מאוד נוח ואינטאוטיבי הוא מהיר הרבה יותר מהגרסאות הקודמות אני בהחלט ממליץ להתקין...
2 תגובות

במצגת והקוד מההרצאה שלי בקבוצת המשתמשים

  ב - 19/09 העברתי הרצאה על פיתוח לפי בתקנים וכיצד IE8 ו - IE9 עובדים לפי התקן, ראינו גם קצת HTML5 ו - CSS3 ועוד הרבה דברים מעניינים. (מי שלא היה הפסיד)     לצערי עקב הזמן המוגבל לא הספקנו לראות איך מגדירים WebSlice, Search Providers, Accelerators (אולי בפעם הבאה).       אני מקווה שהקהל נהנה - אני נהניתי.     מצורף כאן הקוד והמצגת.       בקרוב כשנעלה את ה - Sela Collage Channel אני אעביר שוב את ההרצאה בשידור חי.
אין תגובות

What is new in IE9 – Overlapping Tags

יום ראשון, אוגוסט 29, 2010

  מה ההתנהגות לפי התקן כשתגים מקוננים אחד בתוך השני.   הדוגמא לקוחה מה - MSDN     מה קורה כשיש לנו את ה - html הבא   You should be aware of how <b>this <i>affects</b> script</i>.   כמובן שהמילים this affects יופיעו במודגש והמילים affects script יופיעו בהטייה.   אבל כשננסה לגשת אליהם בסקריפט, למשל הרצת הקוד הבא   var elms = document.getElementsByTagName("i");   ב - IE8 יוחזר אלמנט אחד שה - innerText שלו הוא: affects script ואילו ב - IE9 יוחזרו שני אלמנטים (כל מילה היא אלמנט) מכיוון שהתג i מקונן ב - b.     (אם היו שואלים אותי - ההתנהגות של IE8 נראית לי יותר הגיונית, חבל שלא אני קובע את התקן)     הרצת הקוד הבא     function load()...
תגובה אחת

What is new in IE9 – Generic Element

יום חמישי, אוגוסט 26, 2010

  מה השתנה בהתנהגות של IE ל - Generic Element לפי התקן.   בהמשך לפוסטים על IE9 הפעם נדבר על ההתאמה לתקן בנושא Generic Element   בגרסאות קודמות של IE במידה והיינו רוצים להגדיר אלמנטים חדשים משלנו, למשל:   myDiv {     color: blue;     font-weight: bold;     background-color: Silver; }   (שימו לב - זה לא הגדרה של class אלא הגדרה של אלמנט)   כדי ש - IE יציג את העיצוב על אלמנטים מסוג myDiv היה צריך להשתמש ב - createElement ואילו מה שהוגדר ב - html לא השפיע. למשל הקוד הבא:   <!-- Dont work in IE8, Work in IE9 --> <p>     I am using a     <myDiv id="a">generic element</myDiv>     in this sentence. </p>   <!-- Work in IE8, Work...
אין תגובות

What is new in IE9 – audio element

יום רביעי, אוגוסט 25, 2010

  איך לנגן קבצי אודיו בדפי אינטרנט   בהמשך לפוסטים על IE9 נראה הפעם את המימוש של התקן להשמעת קבצי אודיו     כדי לנגן נוכל לכתוב את הקוד הבא   <audio src="a.mp3"         autoplay         controls         loop>        This content appears if the video tag or the codec is not supported. </audio>   נקבל את הפקד הבא       כרגע נתמכים הפורמטים MP3 ו - AAC
אין תגובות

What is new in IE9 – video element

יום שלישי, אוגוסט 24, 2010

  איך להציג וידיאו בדפי אינטרנט.   בהמשך לפוסטים על התכונות של IE9 נדבר הפעם על הטמעה של קבצי וידיאו באתר (רוב המידע בפוסטים שלי על IE9 מגיע מהאתר של מייקרוסופט)   בעבר כדי להציג וידיאו היינו צריכים להשתמש ב - active-x שונים, היום בעזרת התמיכה ב - HTML5 נוכל להטמיע קבצי וידיאו בפשטות   <video width="400"         height="300"         src="a.mp4"         poster="frame.jpg"         autoplay         controls         loop>        This content appears if the video tag or the codec is not supported. </video>   בקוד הזה אנו מגדירים אלמנט מסוג וידיאו ברוחב 400 ובגובה 300   הקובץ שיתנגן הוא a.mp4   בזמן טעינת הוידיאו תוצג התמונה...
אין תגובות

What is new in IE9 – Media Queries

יום ראשון, אוגוסט 22, 2010

  בהמשך לפוסטים על IE9 נראה את ההטמעה של ה - Media Queries כפי שהוגדר בתקן     בעבר במידה ורצינו להציג את הדף לפי הרזולוצייה או לפי רוחב המסך היינו צריכים לכתוב javascript שיעשה את העבודה. לא עוד מהיום נוכל לתשאל בעזרת Media Query הגדרות שונות של סביבת העבודה.   למשל - הקוד הבא   div {     border: solid 1px black; } @media screen and (max-width:400px) {     div     {         border: none;     } }   מגדיר שבמידה ורוחב המסך קטן מ - 400px המסגרות של ה - div-ים יעלמו. (זה ממש נחמד לראות את המסגרות נעלמים ברגע שמקטינים את המסך)     אפשר לתשאל בעוד הרבה דברים. גובה, רוחב, גובה ורוחב של mobile, האם הרוחב גדול מהגובה,...
אין תגובות

What is new in IE9 – color property (Transparent)

יום שישי, אוגוסט 20, 2010

  שימוש בשקיפות של צבע טקסט.   בהמשך לפוסטים היומיים אודות IE9 הפעם נראה שהמאפיין color קבל את האופצייה לערך Transparent.     עד היום המאפיין color יכל לקבל צבע אבל לא ידע לקבל שקיפות, בעזרת השמת הערך Transparent למאפיין color ניתן להשיג את האפקט הרצוי.   לדוגמא   <div class="c">     הזז את העכבר על האלמנט כדי להעלים את הטקסט ולראות את המסגרת </div>   .c {     color: Red;     border: solid 2px white;     background-color: Lime;     width: 200px;     height: 200px;     direction: rtl;     text-align: center;     padding: 10px;     border-color: Transparent; } .c:hover {     color: Transparent;     border: solid 2px black; }     כשהעכבר יהיה מחוץ לאלמנט נראה את התמונה הבאה.       כהשעכבר יהיה בתוך המסגרת נקבל:  
אין תגובות

What is new in IE9 – opacity

יום חמישי, אוגוסט 19, 2010

  כיצד להגדיר שקיפות לאלמנטים ב - IE9.     בהמשך לפוסטים על IE9 נכיר את האלמנט החדש של CSS 3 שנקרא opacity.     בכדי לתת שקיפות לאלמנטים ב - html נוכל להשתמש ב - opacity, למשל:   <p style="background-color:Red; width:200px; text-align:center">     <input type="button" value="Click Me" style="opacity: 0.7;" /> </p>   בדפדפנים ישנים נראה את זה:     ואילו בדפדפנים חדשים       או אפשר לדוגמא להציג מגוון של צבעים בעזרת הקוד הבא:   <table class="opacity_sample" cellspacing="0">     <tr>         <td style="opacity: 0.0;">         </td>         <td style="opacity: 0.05;">         </td>         <td style="opacity: 0.1;">         </td>         <td style="opacity: 0.15;">         </td>         <td style="opacity: 0.2;">         </td>         <td style="opacity: 0.25;">         </td>         <td style="opacity: 0.3;">    ...
אין תגובות