Florentine Opera Company Opera America Electronic Media Forum William Florescu May 8, 2013.
Future Web Forum 2009 - Opera 10 with Turbo
-
Upload
hyeonseok-shin -
Category
Devices & Hardware
-
view
103 -
download
0
description
Transcript of Future Web Forum 2009 - Opera 10 with Turbo
![Page 1: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/1.jpg)
http://hyeonseok.com
Opera 10with Turbo
신현석, Opera Software
![Page 10: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/10.jpg)
http://hyeonseok.com
웹 폰트(web fonts)
๏ CSS Fonts Module Level 3(WD): http://www.w3.org/TR/css3-webfonts/
- @font-face { font-family: "My font gothic"; src: url("/fonts/myfont.ttf") format("truetype");}
- p { font-family: "My font gothic";}
๏ Demo: http://devfiles.myopera.com/articles/593/webfonts.html (by Andreas)
![Page 11: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/11.jpg)
http://hyeonseok.com
RGBA & HSLA
๏ CSS Color Module Level 3(WD): http://www.w3.org/TR/css3-color/
- div { background-color: hsla(240, 100%, 50%, 0.5); }
- div { background-color: rgba(255, 0, 0, 0.5); }
๏ opacity는 하위 요소에 영향을 미치지만 HSLA(Hue Saturation Lightness Alpha)와 RGBA(Red Green Blue Alpha)는 해당 요소에만 영향을 줍니다.
๏ 또한 color: transparent를 지원하여 투명한 글자 효과를 줄 수 있습니다.
๏ Demo: http://devfiles.myopera.com/articles/593/HSLA_example.html
![Page 12: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/12.jpg)
http://hyeonseok.com
Selectors API
๏ Selectors API(WD): http://www.w3.org/TR/selectors-api/
๏ document.querySelectorAll(".alert");
- 모든 NodeList를 반환합니다.
๏ document.querySelector("div");
- 첫번째 일치하는 요소를 반환합니다.
![Page 14: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/14.jpg)
http://hyeonseok.com
오페라 드래곤 플라이 알파4
๏ Tools > Advanced > Developers Tools
๏ UI 개선
- 현재창 선택
๏ CSS, DOM 에디팅
๏ 다국어 지원
๏ 네트웍 모니터링
๏ 원격 디버깅
- Opera mobile 9.7, Presto 2.1 이상을 사용하는 브라우저
![Page 16: Future Web Forum 2009 - Opera 10 with Turbo](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7c4834a7959477c8b458f/html5/thumbnails/16.jpg)
http://hyeonseok.com
추가 정보๏ http://www.opera.com/developer
๏ http://www.chooseopera.com
๏ Twitter: http://www.twitter.com/opera/
๏ Facebook: http://www.facebook.com/opera/
๏ YouTube: http://www.youtube.com/user/operasoftware/