Wired의 Michael Calore 씨가 IE 팀이 참석한 "전문가에게 묻습니다" 웹 채팅에 대한 글을 작성하셨습니다.

주요 사항은 이렇습니다.
  • IE8은 CSS 2.1에 대한 완전한 전체 스펙 지원을 목표로 하고 있습니다.
  • IE8에서 가능한 CSS3는 쓰기 모드뿐입니다(세로 쓰기 지원을 위한 것입니다). IE는 이 기능을 5.x 버전때부터 지원해왔으며, 앞으로도 계속 지원할 것입니다.
  • IE8은 CSS의 border-radius을 지원하지 않습니다. 이 속성은 이미지를 사용하지 않고 경계선 모서리를 둥글게 만들 때 사용합니다. Microsoft의 Chris Wilson씨는 border-raduis가 "꽤 높은 순위로 배정되어있다"라고 했지만, IE8이 릴리스 된 후에나 진행될 듯 합니다.
  • IE9에 대한 공식적인 로드맵은 없습니다만, 네이티브 SVG 지원에 대한 가능성이 있습니다.
  • 새로운 자바스크립트 엔진도 나타날 것 같습니다. 사용자들은 이렇게 요구했습니다. "다른 브라우저들처럼 이제는 자바스크립트 컴파일에 대해서 고려해주세요. 사파리는 SquirrelFish를 도입했고 지난 주 SquirrelFish의 반응 V8에 육박하고 있죠. Mozilla는 ScreamingMonkey에 대한 작업을 시작했고요. IE9도 새 자바스크립트 엔진을 가지게 되나요?". 그에 대한 대답은 이렇습니다. "우리는 IE8과 그 이후 버전부터 자바스크립트 성능을 개선하는 일에 매우 집중하고 있습니다. 이 노력에 대한 뛰어난 앞으로의 결과물을 기대하고 있습니다."
SVG가 지원된다면 멋지겠네요. 제발 캔버스 지원이 되면 좋겠습니다. 부탁합니다, 크리스씨. 그 일을 돕기 위해 제가 Ajaxian에 뭐라고 쓰면 될까요? ;)

from What is coming up with IE8 and 9?
Posted by 행복한고니 트랙백 0 : 댓글 0
Dylan Schiemann씨가 iPhone이 SVG를 지원하지 않는 것에 실망했다는 글을 쓴 적이 있습니다:
iPhone의 Safari는 현재 SVG를 지원하지 않습니다. Mac과 Windows의 Safari 3 베타는 현재 지구상에서 SVG 성능이 가장 좋은 브라우저입니다. 그래서 이번 누락에 대해 다소 실망했습니다. 우리는 연말쯤에는 iPhone이 Safari 3로 업그레이드하고 SVG에 대한 네이티브 지원을 해주기를 바랍니다. 현재로서는 SVG와 mousemove 이벤트 핸들러가 없어서 동적인 차트나 그리기 도구는 요원한 일입니다.
하지만, 이제 iPhone 2.1 브라우저에서는 SVG 컨텐트와 테스트가 정상 작동하는 것을 보실 수 있습니다!

from SVG working on the iPhone
Posted by 행복한고니 트랙백 0 : 댓글 0
아마 한번쯤은 생각해보셨을지도 모르겠습니다. Mozilla의 Rob O'callahan 씨가 자신의 블로그에 SVG효과를 HTML에 적용하는 실험적인 Gecko 브랜치 시연에 대한 글을 작성해 우리를 놀라게 만들었습니다.
사용자 삽입 이미지
위와 같은 효과는 아래 코드를 적용함으로써 가능합니다:
[code:js]
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg">
<body style="background:#ccc; font-size:30px;">
  <style>
    p { width:300px; border:1px solid black; display:inline-block; margin:1em; }
    iframe { width:300px; height:300px; border:none; }
    b { outline:1px dotted blue; }
  </style>
  <p class="target" style="background:lime;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
  <iframe class="target" src="http://mozilla.org"/>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing
    <b class="target">elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua.</b> Ut enim ad minim veniam.</p>
 
  <style>.target { clip-path: url(#c1); }</style>
  <svg :svg height="0">
    </svg><svg :mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
      </svg><svg :linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
        <svg :stop stop-color="white" offset="0"/>
        <svg :stop stop-color="white" stop-opacity="0" offset="1"/>
      </svg>
      <svg :circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/>
      <svg :rect x="0.5" y="0.2" width="0.5" height="0.8" fill="url(#g)"/>
</body>
</html>
Rob씨는 다음과 같은 몇가지 좋은 지적을 해주셨습니다:
CSS는 진보된 시각 효과를 HTML에 적용하는 작업에는 정말 안어울립니다. 한가지 문제는 CSS가 shape나 filter 처리 스택과 같은 구조적인 값을 관리하는데 좋지 못하다는 것입니다; CSS 문법으로 그들을 표현하려면 성가십니다. 아니면 새로운 사용자정의 CSS 문법이 필요해지죠(예. @-rules). 그리고 스크립트가 이러한 구조적인 값들을 다룰 수 있게하는 표준 DOM 이 없습니다. 또다른 문제는 우리가 명세의 중복과 복잡한 기능의 구현을 피해야 한다는 데에 있습니다.
그리고는 다른 기술들과는 다른 SVG의 장점에 대해 말했습니다:
보다 나은 SVG-HTML 통합을 제공함으로써 얻어지는 좋은 덤은 SVG가 웹에 발을 들여놓을 수 있게 된다는 것입니다. Flash나 Silverlight를 사용해서는 이런 효과를 실행할 수 없습니다. 그들은 표준이 아니기 때문에 아마도 이대로 계속 이 파티에 초대받지는 못할 것입니다.
WebKit의 눈부신 CSS와는 다르게, Gecko에서는 그러한 것들을 아직 사용할 수 없습니다:
저는시험서버를 만들고 있습니다. 그들이 준비가 되면 이 포스트를 업데이트하겠습니다. 제 Mercurial 저장소로 가능 링크는 이렇습니다.

from Mozilla Experiments with Applying SVG Effects to HTML on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0
from Fun with SVG and CSS Animations


사용자 삽입 이미지

Torrey Rick 씨가 Safari 3.1 에 있는 CSS Animation 기능을 이용해서 SVG와 섞어 Fisheye 효과를 만들었다고 합니다. 데모는 여기를 클릭하시면 볼 수 있습니다. 단지 CSS만으로 가능한 거죠.
.dock img {
width:50px;
padding:10px;
float:left;
position:relative;
display:block;
-webkit-transition:width 0.5s ease-out, top 0.2s ease-out;
}

.dock img:hover {
width:100px;
}
 
.dock img:active {
top:-40px;
}

.dock img:hover + img {
width:70px;
}

OS를 새로 설치했더니 Safari가 없어서 확인은 못해봤지만, 아래 답글을 보니 상당히 부드러운가 봅니다. 출근하면 한번 봐야겠군요.
Posted by 행복한고니 트랙백 0 : 댓글 0