2010 6월 초
http://www.apple.com/html5/
모든 새로운 애플 모바일 장치와 모든 새로운 맥 - 애플 사파리 웹 브라우저의 마지막 버젼에 따라서 -
Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser —
HTML5,CSS3와 자바스크립트를 포함한 웹 표준을 지원한다.
supports web standards including HTML5, CSS3, and JavaScript.
이 웹표준들은 개방, 신뢰성, 높은 안전 그리고 능률적이다.
These web standards are open, reliable, highly secure, and efficient.
그들은 웹 디자이너와 개발자에서 ( 향상된 그래픽, 활자체, 애니메이션과 변형꾸미기를 만드는 것을 ) 허용한다.
They allow web designers and developers to create advanced graphics, typography, animations, and transitions.
표준들은 웹에 추가할 것들이 없다
Standards aren’t add-ons to the web.
그들은 웹이다.
They are the web.
그리고 오늘 그들을 사용해서 시작할 수 있다.
And you can start using them today.
http://developer.apple.com/safaridemos/
아래 예제를 보고 배워라 어떻게 웹사이트에 HTML5,CSS3와 JavaScript로 풍부한 경험 전달하는지.
View the examples below and learn how to use web standards such as HTML5, CSS3, and JavaScript to deliver rich experiences in your website.
Video Effects 비디오 효과
http://www.apple.com/html5/
모든 새로운 애플 모바일 장치와 모든 새로운 맥 - 애플 사파리 웹 브라우저의 마지막 버젼에 따라서 -
Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser —
HTML5,CSS3와 자바스크립트를 포함한 웹 표준을 지원한다.
supports web standards including HTML5, CSS3, and JavaScript.
이 웹표준들은 개방, 신뢰성, 높은 안전 그리고 능률적이다.
These web standards are open, reliable, highly secure, and efficient.
그들은 웹 디자이너와 개발자에서 ( 향상된 그래픽, 활자체, 애니메이션과 변형꾸미기를 만드는 것을 ) 허용한다.
They allow web designers and developers to create advanced graphics, typography, animations, and transitions.
표준들은 웹에 추가할 것들이 없다
Standards aren’t add-ons to the web.
그들은 웹이다.
They are the web.
그리고 오늘 그들을 사용해서 시작할 수 있다.
And you can start using them today.
HTML5 Showcase
http://developer.apple.com/safaridemos/
아래 예제를 보고 배워라 어떻게 웹사이트에 HTML5,CSS3와 JavaScript로 풍부한 경험 전달하는지.
View the examples below and learn how to use web standards such as HTML5, CSS3, and JavaScript to deliver rich experiences in your website.
Video Effects 비디오 효과
Perspective On/Off원근법 / 투시 화법
Scale
Scale
Web Typography 웹 활자(폰트체)
Web Gallery 웹 갤러리
Web Gallery 웹 갤러리
Horizontal 2D
Vertical 2D
Horizontal 3D
Vertical 3D
Grid
Vertical 2D
Horizontal 3D
Vertical 3D
Grid
Photo Transition 포토 꾸미기
오디오
360도
VR 가상현실
HTML,CSS와 JavaScript를 사용해서 추가적인 플러그인 소프트웨어 없이
작동하는 가상화면을 웹페이지에 만들수 있다.
You can use HTML, CSS, and JavaScript to create virtual scenes in your web pages that work
without any additional plug-in software.
CSS 변형은 사용자의 시선안쪽에 여섯개의 이미지를 3차원 공간에 정육면체를
구성하기위해 위치시킨다
CSS transforms are used to position six images in 3D space to form a cube
with the user's viewpoint inside.
당신이 조종함에 따라 정육면체는 새로운 정확한 위치를 반사하기위해 회전한다.
As you navigate, the cube is rotated to reflect the new appropriate position.
어떤표준 웹브라우저는 행동은 경험을 붕괴한다.
Any standard web browser behaviors that would disrupt the experience
데스크탑위에 사파리에서 선택된 색상을 보여주고 iOS위의 사파리안의 이미지 판넬을 저장하고
— such as showing a selection color in Safari on the desktop, or the Save Image panel in Safari on iOS —
약간 추가된 CSS특성으로 불가능하게 할 수 있다
can be disabled with a few additional CSS properties
Pixel Manipulation 픽셀 처리 ( HTML5 Cavas Elements )
- Color Effects : Grayscale , Invert , watermark
- Edge Detection : Detect Edges , Highlight Edges , Black & White Edges
- Displacement Maps : ripples(물결), bulge , glass boxes(유리컵 표면 효과)
- Export to : png / gif / jpg / tiff
참조 :
http://www.bloter.net/archives/33656
360도
VR 가상현실
HTML,CSS와 JavaScript를 사용해서 추가적인 플러그인 소프트웨어 없이
작동하는 가상화면을 웹페이지에 만들수 있다.
You can use HTML, CSS, and JavaScript to create virtual scenes in your web pages that work
without any additional plug-in software.
CSS 변형은 사용자의 시선안쪽에 여섯개의 이미지를 3차원 공간에 정육면체를
구성하기위해 위치시킨다
CSS transforms are used to position six images in 3D space to form a cube
with the user's viewpoint inside.
당신이 조종함에 따라 정육면체는 새로운 정확한 위치를 반사하기위해 회전한다.
As you navigate, the cube is rotated to reflect the new appropriate position.
어떤표준 웹브라우저는 행동은 경험을 붕괴한다.
Any standard web browser behaviors that would disrupt the experience
데스크탑위에 사파리에서 선택된 색상을 보여주고 iOS위의 사파리안의 이미지 판넬을 저장하고
— such as showing a selection color in Safari on the desktop, or the Save Image panel in Safari on iOS —
약간 추가된 CSS특성으로 불가능하게 할 수 있다
can be disabled with a few additional CSS properties
Pixel Manipulation 픽셀 처리 ( HTML5 Cavas Elements )
- Color Effects : Grayscale , Invert , watermark
- Edge Detection : Detect Edges , Highlight Edges , Black & White Edges
- Displacement Maps : ripples(물결), bulge , glass boxes(유리컵 표면 효과)
- Export to : png / gif / jpg / tiff
참조 :
http://www.bloter.net/archives/33656
'0.일반개발 > html5' 카테고리의 다른 글
| E3 2010 Aves Engine Prototype "Suburban World" - all HTML, CSS and JavaScript (0) | 2010.09.27 |
|---|---|
| Building a JavaScript-Based Game Engine for the Web (0) | 2010.09.27 |
| HTML5 (0) | 2010.09.20 |
| HTML5 from google (0) | 2010.09.08 |
| HTML 5 (0) | 2010.09.08 |