CSS를 통한 전체 페이지 애니메이션 구현

Internet Explorer 9는 CSS 2D 변환을 지원했습니다. 그리고 Internet Explorer 10 Developer Preview에서는 CSS 3D 변환 및 CSS 애니메이션에 대한 지원이 추가되었습니다. IE10은 GPU 성능을 활용하고 일반적인 JavaScript를 비동기식으로 실행함으로써 웹 콘텐츠의 스크립트 기반 애니메이션이 보다 유연하고 뛰어난 성능으로 구현되도록 합니다. 이전 블로그 글에서는 CSS 3D 변환과 CSS 애니메이션 및 전환에 대해 다루었습니다. 이 글에서는…

0

웹의 발전을 위한 테스트

앞으로도 여러 브라우저의 HTML5 엔진에서 구현하는 품질과 정확성에는 많은 차이가 있을 것입니다. Microsoft는 웹 플랫폼의 상호 운용성과 동일 마크업이란 목표를 달성하기 위해 W3C에서 개발 중인 테스트 도구 모음 프로젝트에 지속적으로 참여하고 지원할 계획입니다. Microsoft는 지금까지 총 7,573개의 테스트를 제출했으며, IE 테스트 센터에서도 이에 대한 정보를 확인할 수 있습니다. 각 브라우저에서 동일 마크업에 대한 지원이 강화되면…

0

IE10의 접두사를 사용하지 않는(Unprefixed) CSS3 그라데이션

Windows 8 Release Preview의 IE10에서는 CSS 그라데이션에 대한 W3C 권고 후보안을 접두사를 사용하지 않는 형식으로 지원합니다. 또한 벤더 접두사 -ms-에 이어 2011년 2월 17일 발표된 W3C 작업 초안의 기존 CSS 그라데이션 구문도 지원합니다. 이 글에서는 기존 구문과 새 구문의 차이점 및 동작에 대해 설명하고 무엇이 변경되었는지 살펴보겠습니다. 주요 변경 사항 벤더 접두사를 사용하는 CSS3 그라데이션에서…

0

안정적인 웹 발전을 선도하는 IE10 Release Preview

우리는 Windows 8 Release Preview를 기획할 때 IE10에서 지원하는 모든 W3C 초안 표준을 검토했으며, 특히 다음과 같은 사양을 찾아 보았습니다. 최근에 기능이 추가되었거나 변경된 적이 없으며 향후 이름 변경 또는 큰 변화가 없을 것으로 예상되는 안정적인 사양 IE10 외에 2개 이상의 브라우저에서 지원되는 사양 이러한 브라우저에서 기능의 핵심 활용 사례에 상호 운용 가능한 사양 접두사…

0

IE10의 CSS3 3D 변환 기능

CSS3 기능으로 풍부하고 몰입감이 뛰어난 웹 경험을 손쉽게 구현할 수 있습니다. 최근 글에서 웹 개발자들이 CSS3 전환 기능과 애니메이션을 사용하여 개성 넘치는 사이트를 만드는 방법을 설명드린 바 있습니다. CSS3 3D 변환 기능은 개발자들이 더욱 매력적인 사이트를 만들 수 있도록 말 그대로 새로운 차원의 날개를 달아드립니다. 예를 들어 Windows 8 Metro 스타일의 시작 화면은 눌린 타일을…

0

CSS user-select 기반의 선택 제어

IE10 플랫폼 프리뷰 4는 새로운 CSS 속성인 -ms-user-select를 지원합니다. 이에 따라, 웹 개발자는 웹 사이트에서 선택 가능한 텍스트를 보다 정확하고 간편하게 제어할 수 있게 되었습니다. 여러분께서 제가 일하는 모습을 살짝 엿본다면 컴퓨터 화면의 글을 읽으며 텍스트를 선택하는 모습을 보게 될 것입니다. 이렇게 글을 읽는 사람은 비단 저뿐만이 아닙니다. 인터넷 페이지에서 텍스트를 선택하는 것이 다른 여러…

0

CSS Corner: 전체 글꼴 사용

여러 브라우저에서 CSS3 @font-face 규칙 및 WOFF 글꼴 패키징 형식을 지원함에 따라 최신 웹 활자는 웹 페이지용 글꼴 사용의 차원을 넘어 그 범위가 확장되어 왔습니다. New Yorker와 같은 유명 잡지는 웹 글꼴을 사용하여 기존 헤드라인의 특성을 유지하려고 하는 반면, 미국 오바마 대통령의 재선 캠프에서는 웹 글꼴 서비스인 Typekit를 사용하여 좀 더 돋보이는 특별한 글꼴로 이미지를…

0