ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

IE9 §Õ§Ý§ñ §â§Ñ§Ù§â§Ñ§Ò§à§ä§é§Ú§Ü§à§Ó

?
?
Yuriy Artyukh
Yuriy Artyukh

The document is a presentation about new features in Internet Explorer 9 for web developers. It summarizes that IE9 has improved support for HTML5, CSS3, SVG and passes more ACID3 tests compared to previous versions. Specifically, it now supports features like border-radius, CSS selectors like :nth-child(), RGBA/HSLA colors, @font-face fonts using WOFF format and media queries for responsive design. Developer tools have also been improved in IE9 for debugging web pages.

1 of 56
Downloaded 16 times
IE9 §Õ§Ý§ñ §â§Ñ§Ù§â§Ñ§Ò§à§ä§é§Ú§Ü§à§Ó §À§â§Ú§Û §¡§â§ä§ð§ç, 16 §ã§Ö§ß§ä§ñ§Ò§â§ñ 2010 Thursday, September 16, 2010
§±§Ý§à§ç§à§Ö §á§â§à IE9 ? §°§ß §Ö§ë§Ö §Ò§Ö§ä§Ñ ? §°§ß §ß§Ñ§Ó§Ö§â§ß§ñ§Ü§Ñ §ç§å§Ø§Ö §é§Ö§Þ IE10 Thursday, September 16, 2010
§·§à§â§à§ê§Ö§Ö ? §¡§á§á§Ñ§â§Ñ§ä§ß§à§Ö §å§ã§Ü§à§â§Ö§ß§Ú§Ö ? SVG+XHTML ? HTML5 ? CSS3 Thursday, September 16, 2010
ACID3 Thursday, September 16, 2010
ACID3 IE8 20 IE9 p1 55 IE9 p2 68 IE9 p3 83 IE9 p4 95 0 25 50 75 100 Thursday, September 16, 2010
§±§à§é§Ö§Þ§å §ß§Ö 100? ? SVG Fonts ? SMIL ? Who Cares? :) Thursday, September 16, 2010
W3C & Microsoft? ? Microsoft §ã§à§Ù§Õ§Ñ§Ý 7200 §ä§Ö§ã§ä§à§Ó §Õ§Ý§ñ CSS2.1 ? 2138 §ä§Ö§ã§ä§à§Ó §Ù§Ñ §Ó§â§Ö§Þ§ñ §â§Ñ§Ù§â§Ñ§Ò§à§ä§Ü§Ú IE9 Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
CSS3 §³§Ö§Ý§Ö§Ü§ä§à§â§í Thursday, September 16, 2010
§²§Ñ§Ò§à§ä§Ñ§ð§ä §Ó§ã§Ö Thursday, September 16, 2010
§¯§Ñ§á§â§Ú§Þ§Ö§â <table> <tr class=¡±odd¡±> <td>row1</td> <td></td> </tr> <tr class=¡±even¡±> <td>row2</td> <td></td> </tr> <tr class=¡±odd¡±> <td>row3</td> <td></td> </tr> ¡­ </table> Thursday, September 16, 2010
§¯§Ñ§á§â§Ú§Þ§Ö§â <table> <tr> <td>row1</td> <td></td> </tr> <tr> <td>row2</td> <td></td> </tr> <tr> <td>row3</td> <td></td> </tr> ¡­ </table> CSS: tr:nth-child(odd) { background-color:...;} Thursday, September 16, 2010
§ª §Õ§Ñ§Ø§Ö ::selected Thursday, September 16, 2010
.article:not(div) Thursday, September 16, 2010
border-radius Thursday, September 16, 2010
border-radius §²§¡§¢§°§´§¡§¦§´! Thursday, September 16, 2010
border-radius §²§¡§¢§°§´§¡§¦§´! §³§Ö§â§î§Ö§Ù§ß§à! Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
IE9 Thursday, September 16, 2010
Safari Thursday, September 16, 2010
Twitter fail Thursday, September 16, 2010
§°§ê§Ú§Ò§Ü§Ñ ? CSS §ã§á§Ö§è§Ú§Ñ§Ý§î§ß§à §Õ§Ý§ñ Webkit+Mozilla ? §­§å§é§ê§Ö feature detect, §Ñ §ß§Ö browser detect Thursday, September 16, 2010
RGBA HSLA Thursday, September 16, 2010
§º§â§Ú§æ§ä§í Thursday, September 16, 2010
@font-face { font-family: FONTNAME; src: url(/slideshow/ie9-5215058/5215058/fonts/FONTNAME.ttf) format("truetype"); } ? body { font-family: FONTNAME, Georgia, serif; } Thursday, September 16, 2010
WOFF! Thursday, September 16, 2010
@font-face { font-family: FONTNAME; src: url(/slideshow/ie9-5215058/5215058/fonts/FONTNAME.woff) format("woff"); } ? body { font-family: FONTNAME, Georgia, serif; } Thursday, September 16, 2010
§¬§à§ß§Ö§è EOT Thursday, September 16, 2010
§¬§à§ß§Ö§è EOT ? §´§à§ä §Ø§Ö TTF §ä§à§Ý§î§Ü§à §ã§Ø§Ñ§ä§í§Û Thursday, September 16, 2010
§¬§à§ß§Ö§è EOT ? §´§à§ä §Ø§Ö TTF §ä§à§Ý§î§Ü§à §ã§Ø§Ñ§ä§í§Û ? §³§à§Õ§Ö§â§Ø§Ú§ä §Ú§ß§æ§à§â§Þ§Ñ§è§Ú§ð §à §ê§â§Ú§æ§ä§Ö Thursday, September 16, 2010
§¬§à§ß§Ö§è EOT ? §´§à§ä §Ø§Ö TTF §ä§à§Ý§î§Ü§à §ã§Ø§Ñ§ä§í§Û ? §³§à§Õ§Ö§â§Ø§Ú§ä §Ú§ß§æ§à§â§Þ§Ñ§è§Ú§ð §à §ê§â§Ú§æ§ä§Ö ? WOFF ¨C ?§Ó §ã§â§Ö§Õ§ß§Ö§Þ §ß§Ñ 40% §Þ§Ö§ß§î§ê§Ö TTF Thursday, September 16, 2010
§¬§à§ß§Ö§è EOT ? §´§à§ä §Ø§Ö TTF §ä§à§Ý§î§Ü§à §ã§Ø§Ñ§ä§í§Û ? §³§à§Õ§Ö§â§Ø§Ú§ä §Ú§ß§æ§à§â§Þ§Ñ§è§Ú§ð §à §ê§â§Ú§æ§ä§Ö ? WOFF ¨C ?§Ó §ã§â§Ö§Õ§ß§Ö§Þ §ß§Ñ 40% §Þ§Ö§ß§î§ê§Ö TTF ? IE9, Mozilla, Webkit ¨C §å§Ø§Ö §Ó§ß§Ö§Õ§â§Ú§Ý§Ú Thursday, September 16, 2010
§±§â§Ú§Þ§Ö§â font-face Thursday, September 16, 2010
Media Queries Thursday, September 16, 2010
°ª³¾±ð»å¾±²¹?²õ³¦°ù±ð±ð²Ô?²¹²Ô»å?(³¾²¹³æ©\·É¾±»å³Ù³ó:400±è³æ)? ???{ ??????div?{border:none;} ???} Thursday, September 16, 2010
§±§â§Ú§Þ§Ö§â Thursday, September 16, 2010
Calc() Thursday, September 16, 2010
Bye, expression #block?{ ??width:?calc(50%?©\?1em+30px); } Thursday, September 16, 2010
DataURI Thursday, September 16, 2010
data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP HTML: <img?src=/slideshow/ie9-5215058/5215058/"data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP"> CSS: background©\image:url(data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP) Thursday, September 16, 2010
DataURI ? IE6/7 ¨C §ß§Ö §á§à§Õ§Õ§Ö§â§Ø§Ú§Ó§Ñ§Ý§à§ã§î ? IE8 ¨C 32 §Ü§Ú§Ý§à§Ò§Ñ§Û§ä§Ñ §Þ§Ñ§Ü§ã§Ú§Þ§å§Þ ? IE 9 ¨C 4 §Ô§Ú§Ô§Ñ§Ò§Ñ§Û§ä§Ñ Thursday, September 16, 2010
Developer Tools Thursday, September 16, 2010
Thursday, September 16, 2010
Thursday, September 16, 2010
§³§Ü§à§â§à§ã§ä§î Thursday, September 16, 2010
Thursday, September 16, 2010
CSS3 ¨C 70% Thursday, September 16, 2010
Thursday, September 16, 2010
§³§á§Ñ§ã§Ú§Ò§à! §À§â§Ú§Û §¡§â§ä§ð§ç, http://cssing.org.ua, twitter.com/akella Thursday, September 16, 2010

More Related Content

IE9 §Õ§Ý§ñ §â§Ñ§Ù§â§Ñ§Ò§à§ä§é§Ú§Ü§à§Ó