구글의 Chrome and HTML DevRel 팀에서 HTML5에 대한 좋은 자료들을 모아놓은 HTML5Rocks라는 새로운 포탈을 선보였습니다.

현재 이 사이트는 HTML5 자체에 대해 설명하는 여러 자료는 물론, 브라우저 지원확인해볼 수 있는 링크나 스크립트, 오래된라우저를 위한 HTML5 지원 스크립트 등을 포함합니다.

리소스 외에도, 멋진 HTML5 슬라이드 프리젠테이션과 바로 실험해볼 수 있는 코드 놀이터도 있습니다. 슬라이드는 이전에 APIRocks에서 선보였던 것과 동일합니다.

많은 양의 좋은 자료가 한 곳에 모여있습니다. 이제 막 선보인 점을 감안하면, 곧 더 많은 내용이 추가될 것이라 생각합니다.

from HTML5Rocks.com: Google DevRel shares the love
Posted by 행복한고니 트랙백 2 : 댓글 2

Greg Murray씨가 HTML5 Fish Tank라는 재밌는 예제 프로그램 베타판을 작성했습니다. 이 프로그램은 사용자가 자신만의 물고기를 만들고, 만든 물고기를 어항에 놓을 수 있는 프로그램입니다.
또한, 이 프로그램에는 저수준(low level)의 Canvas와 CSS3 전이/변형 효과가 사용되었습니다.
[code:js]
<div id="1275463173677" class="fish" style="-webkit-transition-duration: 3369ms; -webkit-transform-origin-x: 508px; -webkit-transform-origin-y: 485px; -webkit-transform: rotateY(0deg) translate(508px, 485px); ">
    <div style="position: absolute; margin-top: 27px; margin-left: 70px; "><canvas width="30" height="44" style="width: 30px; height: 66px; "></canvas></div>
    <div style="position: absolute; margin-top: 25px; margin-left: 2px; "><canvas width="71" height="71" style="width: 71.5px; height: 71.5px; "></canvas></div>
    <div style="position: absolute; margin-top: 40px; margin-left: 19px; "><canvas width="20" height="20" style="width: 20px; height: 20px; "></canvas></div>
    <div style="position: absolute; margin-top: 59px; margin-left: 4px; "><canvas width="44" height="44" style="width: 44px; height: 44px; "></canvas></div>
    <div style="position: absolute; margin-top: 45px; margin-left: 40px; "><canvas width="20" height="20" style="width: 20px; height: 20px; "></canvas></div>
    <div style="position: absolute; margin-top: 19px; margin-left: 26px; "><canvas width="33" height="33" style="width: 33px; height: 33px; "></canvas></div>
    <div style="position: absolute; margin-top: 81px; margin-left: 40px; "><canvas width="44" height="44" style="width: 44px; height: 44px; "></canvas></div>
</div>
물고기의 애니메이션은 다음과 같이 작성되었습니다.
[code:js] function goFish( target) {         if ( !target.lastPoint) {             target.lastPoint = target.currentPoint;         }         if ( target.timer ) {             clearTimeout(  target.timer );         }         target.currentPoint = getRandomPoint();         target.style.webkitTransitionDuration = target.currentPoint.d;         target.style.webkitTransformOrigin = target.currentPoint .x + " " + target.currentPoint.y;         var _scale = "";         if ( target.lastPoint.x> target.currentPoint.x ) {             _scale = "rotateY(-180deg)";         } else {              _scale = "rotateY(0deg)";         }          target.style.webkitTransform =  _scale + " translate(" + target.currentPoint.x + "px, " + target.currentPoint.y + "px)";         target.lastPoint = target.currentPoint;         target.timer = setTimeout( function () {             console.log( "saved the day" );             goFish( target);         },  ( target.currentPoint.d + 2000 ) ); }

from Build a Fish Tank with Canvas and CSS3
Posted by 행복한고니 트랙백 2 : 댓글 2

http://www.flickr.com/photos/florisla/1943594953/

WebM 프로젝트는 누구나 자유롭게 사용할 수 있는 고품질의 오픈된 웹 비디오 포맷을 개발합니다.
모질라, 구글, 오페라를 비롯한 40여개 이상의 컨텐츠 배포자, 소프트웨어 및 하드웨어 제작사들이 WebM을 지원합니다.
WebM은 웹을 위한 오픈 소스의 로열티가 없는 미디어 포맷입니다.
WebM은 파일 컨테이너 구조와 비디오, 오디오 포맷을 정의합니다. WebM 파일은 VP8 비디오 코덱을 사용한 압축된 비디오 스트림과 Vorbis 오디오 코덱을 사용한 압축된 오디오 스트림으로 구성됩니다. WebM 파일 구조는 Matroka 컨테이너를 기반으로 합니다.
구글이 I/O 에서 다수의 파트너들(브라우저에서는 오페라와 모질라가 참여)과 함께 새로운 WebM 프로젝트를 공개했습니다. WebM 프로젝트는 구글이 인수했던 On2의 코덱을 사용합니다. 이 발표는 개방형 비디오 전쟁에 있어 큰 뉴스이며, 이제 모두의 눈은 사파리로 향하게 되었습니다.

WebM 프로젝트는 다음과 같은 목표를 가지고 있습니다.
  • 개방과 혁신. 웹이 성공할 수 있었던 주요 요인은 HTML, HTTP, TCP/IP 와 같은 핵심 기술들이 누구나 구현하고 개선할 수 있도록 개방되어있다는 것이었습니다. 동영상이 웹 경험의 중심이 되어가면서 고품질의 개방된 비디오 포맷이 필요해졌습니다. WebM은 100% 무료인, BSD 유사 라이센스를 가진 오픈 소스 프로젝트입니다.
  • 웹에 최적화. 웹에서 동영상을 제공한다는 것은 전통적인 방송이나 오프라인 미디어와는 다릅니다. 현존하는 비디오 포맷들은 이러한 미디어들의 필요를 충족시키기 위해 고안되었고, 그 목적에 맞게 잘 동작합니다. WebM은 웹에서의 동영상 제공이라는 독특한 필요를 충족시키는 것에 집중했습니다.
    • 넷북, 모바일 장치, 타블렛 등의 어떤 장치에서도 재생할 수 있도록 적은 계산
    • 단순한 컨테이너 포맷
    • 최고 품질의 실시간 비디오 전송
    • 쉬운 인코딩. 최소한의 코덱 프로필과 부가 옵션. 가능하다면, 어려운 결정을 인코더에 위임
* 주의 : WebM을 지원하는 브라우저의 초기 개발자 버전은 아직 완전히 최적화되지 않았습니다. 따라서, 스크린 렌더링을 위해 정상적인 릴리스에 기대했던 것보다는 많은 계산을 요구합니다. WebM의 계산 효율성은 VP8 SDK의 개발자 도구를 통해 보다 정밀하게 측정할 수 있습니다. 브라우저에서의 최적화는 앞으로 이루어질 예정입니다.

개방형 웹에 축하를!

FlashIE9에서도 VP8 코덱을 지원하기로 했습니다. 당연하겠지만, 이제 모두의 관심은 애플의 사파리로 모이고 있습니다. :)

from WebM : The On2 codec is here, with support from Google, Mozilla, and Opera
Posted by 행복한고니 트랙백 1 : 댓글 0
최근의 웹에서 동영상과 동영상 포맷에 대한 글이 많이 늘었습니다. 지금이 Microsoft의 관점을 이야기할만한 좋은 기회가 아닌가 합니다.

웹의 미래는 HTML5입니다. Microsoft는 W3C와 함께 HTML5의 진행에 깊이 관여하고 있습니다. HTML5는 발전하는 풍부한 인터랙티브 웹 응용프로그램과 사이트 디자인에 매우 중요해질 것입니다. HTML5 명세는 동영상을 지원하는데, 특정한 동영상 포맷을 정하지는 않았습니다. 우리는 H.264가 훌륭한 포맷이라고 생각합니다. HTML5를 지원하는 IE9은 H.264 동영상 재생만을 지원합니다.

H.264는 산업 표준으로서 폭넓고 강력한 하드웨어 지원이 뒷받침됩니다. 이러한 표준화 덕분에 여러분은 손쉽게 일반적인 비디오 카메라로 녹화한 동영상을 웹에 올리고, H.264를 지원하는 운영체제(예. Windows 7을 설치한 PC)의 웹 브라우저에서 재생할 수 있습니다. 최근에 우리는 IE9에서 H.264로 인코딩된 유튜브 동영상을 재생해 보인 바 있습니다. 하드웨어 가속의 이점은 여기서 읽을 수 있으며, 혹은 이 강연의 26:35쯤부터 장점의 사례를 볼 수 있습니다.

다른 코덱들도 종종 비교되고는 합니다. 소스 코드를 사용할 수 있다는 것과 소스 코드의 지적재산권을 소유하는 것은 서로 다른 문제입니다. H.264의 지적재산권은 MPEG LA의 프로그램을 통해 잘 관리되고 있으므로, 소스 코드를 광범위하게 사용할 수 있습니다. 반면, 다른 코덱들의 지적재산권은 언론에서 알려진 바와 같이 명확하지 않습니다. 물론, Windows 7과 같은 운영체제의 하드웨어 가속 지원과 H.264 코덱을 사용하려는 개발자들은 아무런 로열티를 제공하지 않아도 됩니다.

오늘날, 웹에서는 플래시 기반의 동영상이 우세합니다. 다른 포맷으로도 동영상을 볼 수 있긴 하지만, 일반 사용자들에게는 플래시만큼 편한 방법도 없습니다. 플래시는 신뢰성, 보안성, 성능 등의 문제가 있습니다. 우리는 Adobe 기술자들과 긴밀히 일하며, 이러한 문제들에 대한 정보도 공유하고 있습니다. 이러한 문제에도 불구하고, 오늘날의 웹에서 플래시가 좋은 사용자 경험을 전달하는데 중요한 위치를 차지한다는 사실은 부정할 수 없습니다.

Dean Hachamovitch
General Manager, Internet Explorer

from HTML5 Video (IEBlog)
Posted by 행복한고니 트랙백 1 : 댓글 0
현재의 웹은 어떻게 흘러가고 있을까요? 존 얼솝(John Allsopp)씨가 웹 개발 현황 2010 최신 설문조사 결과와 함께 돌아왔습니다.
이 어마한 양의 데이터는 직접 받아볼 수 있으며, 전체 보고서는 PDF로 볼 수 있습니다.

보고서에서 주목할만한 부분을 간추려봤습니다.
  • 소수의 응답자만이 인터넷 익스플로러를 일상적으로 사용하지만, 사이트를 테스트할 때는 IE8을 가장 많이 사용했습니다.
  •  구글 크롬이 극적으로 성장해 개발자들이 사용하는 브라우저 3위로 자리잡았습니다. 20%인 사파리를 17%로 바짝 추격하고 있습니다.
  • 파이어폭스가 여전히 1위 자리를 지키고 있지만, 응답자들의 브라우저는 3.5와 3.6으로 나누어졌습니다.
  • 파이어폭스 3.6은 설문조사를 실시하기 1주일 전에 출시되었습니다.
  • 절반 이상의 응답자들이 맥 OS X를 주 운영체제로 사용했습니다.
  • 응답자들의 1/3 정도(16%)가 모바일 사파리를 사용하는 반면, 안드로이드는 4%에 그쳤습니다.
  • jQuery의 독주는 더 강화되었습니다. 80%에 가까운 응답자들이 라이브러리로 jQuery를 사용했습니다. 작년에는 63% 였습니다.
  • Cappuccino나 SproutCore와 같은 데스크톱스러운 응용프로그램 프레임워크들이 개발자들에게 조금씩 퍼지고 있는 것처럼 보입니다. 데스크톱스러운 응용프로그램의 시대가 아직 오지 않은 것일 수도 있고, 개발자들이 데스크톱 흉내를 낸 웹 응용프로그램을 만들고 싶어하지 않는 것일 수도 있습니다.
웹 기술 쪽에서의 화두는 역시 HTML5, CSS3, 웹폰트 등이었습니다.
  • 다수의 응답자들(45%)이 CSS3나 실험적인 CSS를 사용했습니다. 사용하지 않는 비율은 44%입니다. 이는 작년에 비해 극적으로 증가한 수치입니다(작년에는 22%가 CSS3 사용, 70%가 사용하지 않음).
  • 바로 전 설문조사에서는 4%의 응답자만이 @font-face를 사용한 웹 폰트를 적용했었는데, 이번 조사에서는 23%로 증가했습니다.
  • 응답자의 30%가 HTML5를 사용하는데, 바로 전 설문조사에서는 10%이하였습니다.
재밌는 결과네요. 데이터에서 또 다른 트렌드를 알 수 있나요?

from The State of Web Development 2010 - Web Directions
Posted by 행복한고니 트랙백 1 : 댓글 2
HTML5와 CSS3에는 흥미로운 새 기능들이 많이 포함되어 있습니다. 안타깝지만, 이런 매력있는 기능들은 Firefox, Safari/Webkit, Opera 등의 일부 브라우저에만 구현되어있습니다. 이 글에서 여러분이 HTML5 & CSS3에 대한 팁과 통찰을 얻었으면 합니다. 시작합니다!

새로운 구조적 요소
HTML5에서는 새로운 구조적 요소가 추가되었습니다. 이런 요소들은 데이터를 보다 좋고, 간결하고, 명료한 방식으로 마크업할 수 있도록 도와줍니다. 검색 엔진은 header, nav, footer 등과 같은 요소를 인식함으로써 웹 페이지의 어느 부분이 컨텐트인지 보다 정밀하게 알 수 있습니다.

Webkit의 transform 속성
객체는 크기를 조절할 수 있고, 회전하거나 비틀 수도 있으며, 변형될 수 있습니다. 이 속성은 사용자와 상호 작용하는 객체에 애니메이션을 추가할 수 있도록 합니다. 사용자에게 인상을 심어줄 수도 있고, 슬라이드와 같은 제품에 사용할 수도 있을 것입니다.

새로운 CSS3 속성
CSS3에는 모서리 둥글게 다듬기(Border-radius), 여러개의 배경(Multiple Background), 텍스트 그림자(Text-shadow)와 박스 그림자(Box-shadow)와 같은 멋진 속성이 포함되어 있습니다.

Border-radius를 사용하면 패널이나 탭 모서리에 둥근 효과를 줄 수 있습니다. 이 속성은 상자의 꼭지점을 각각 나타내는 4개의 개별적인 값을 포함합니다.

Multiple Background는 하나의 요소에 여러 개의 이미지 배경을 사용할 수 있는 기능입니다. 이 기능을 사용하려면 배경 이미지들을 쉼표로 분리하면 됩니다.

Text-shadowBox-shadow는 지정한 이미지나 h1 요소 등에 그림자를 추가합니다. 이 기능 덕분에 포토샵의 필요성이 많이 줄었습니다.

CSS3의 border-radius, text-shadow, box-shadow를 사용하면 작은 버튼을 손쉽게 만들 수 있습니다. 예제는 링크를 참고하세요.

글자 크기의 픽셀
글자 크기에 em이나 % 단위 대신 픽셀(px) 단위를 사용하세요. 모든 주요 브라우저들이 HTML5와 CSS3의 구현을 완벽하게 끝내면 우리 모두는 텍스트 크기를 조절하는 대신 페이지 전체를 확대하거나 축소하게 될 것입니다.

드래그 & 드롭
장바구니에 상품을 던져 넣는 일은 멋지죠. HTML5는 드래그(drag)와 드롭(drop) 이벤트를 지원합니다. 이 기능은 최근에 Gmail에 추가되었습니다.

Web Forms 2.0
폼은 웹 전반에 걸쳐 사용되고 있습니다. 블로그에 댓글을 쓸 때, 사용자 계정으로 로그인할 때, 아니면 온라인으로 책을 구입할 때에 우리는 폼을 사용합니다. 현재는 자바스크립트를 사용해서 폼에 입력한 값을 검증하지만, HTML5에서 지원하는 required나 email과 같은 추가 속성이 앞으로는 그 역할을 대신할 것입니다. 이들 속성을 사용하면 사용자의 이름과 메일이 형식에 맞는지 체크해주고, 값을 입력했는지 확인해줍니다. 

리소스


TAG CSS3, html5
Posted by 행복한고니 트랙백 1 : 댓글 0
Ajaxian에 모처럼 마음에 드는 프로그램이 나타났습니다. TinyMCE로 유명한 Moxiecode에서 Plupload라는 범용 업로드 컴포넌트를 릴리스 했습니다. 이 컴포넌트는 각종 플러그인을 활용해서 가능한 풍부한 사용자 경험을 만들어냅니다. HTML5, Google Gears, Silverlight, Flash, Yahoo! Browser Plus 등을 사용해서 드래그 & 드롭(탐색기에서 웹 브라우저로 바로 드래그하여 파일 업로드 가능), 업로드 프로그레스 바, 클라이언트 측 이미지 리사이즈가 가능합니다.
사용하는 백엔드에 따라서 기능이 조금 다를 수 있습니다. 모든 기능을 지원하는 백엔드는 Google Gears입니다.

CoreAPI는 다음과 같이 사용할 수 있습니다.
[code:js]
var uploader = new plupload.Uploader({         runtimes : 'gears,html5,flash,silverlight,browserplus',         browse_button : 'pickfiles',         max_file_size : '10mb',         resize : {width : 320, height : 240, quality : 90},         url : 'upload.php',         flash_swf_url : '/plupload/js/plupload.flash.swf',         silverlight_xap_url : '/plupload/js/plupload.silverlight.xap',         filters : [                 {title : "Image files", extensions : "jpg,gif,png"},                 {title : "Zip files", extensions : "zip"}         ] });
jQuery의 Queue Widget을 사용했다고 합니다.

from Plupload: A rich upload exprerience on pluggable backends
Posted by 행복한고니 트랙백 0 : 댓글 0
Brad Neuberg씨가 이번에 iPhone에 포함된 두 가지 근사한 HTML5 기능에 대해 알려주셨습니다.

Safari 자바스크립트 데이터베이스 프로그래밍
HTML5 스펙에는 클라이언트 데이터 저장을 위한 새로운 메커니즘이 있습니다. 바로 자바스크립트 데이터베이스 지원입니다. HTML 5는 현재 Web Hypertext Application Technology Working Group(WHATWG)가 개발하고 있습니다.

자바스크립트 데이터베이스 지원은 Safari 3.1 이후부터 가능하며, iPhone OS는 2.0 이후부터 가능합니다.

HTTP 쿠키가 허용하는 용량보다 많은 데이터를 사용자의 로컬 컴퓨터에 저장하려는 웹 개발자라면 이 문서를 꼭 읽어보셔야 합니다.

HTML5 응용프로그램 캐시
구글의 Michael Nordman씨가 "이건 아직 Safari나 iPhone에서 지원하지 않습니까?"라고 물었습니다.

David Kilzer씨가 이에 대한 답변을 남겼습니다. "이 기능은 iPhone OS 2.1에 포함되었습니다. iPhone에 설치된 Safari에서 '+' 버튼을 눌러 '홈 스크린에 추가하기'를 사용하면, (HTML5 스펙별로) manifest가 정의된 웹 응용프로그램이 다른 캐시된 리소스와 함께 저장될 것입니다. 이 기능이 동작하려면 manifest 파일이 '반드시' 정확한 MIME 타입으로 제공되어야 합니다.

Mac OS X에는 아직 이 기능을 지원하는 Safari를 탑재하지 않았습니다."

from HTML5 Features in latest iPhone; Application Cache and Database
Posted by 행복한고니 트랙백 0 : 댓글 0
Firefox 3.1가 HTML5의 <video>와 <audio>태그를 지원합니다. 마음에 쏙드는 이 멋진 글Mozilla 개발자 포털에 막 올라온 정보입니다. Firefox 3.1은 현재 Ogg 포맷을 지원하고 있지만, 다른 포맷들에 대한 지원도 검토중이라고 합니다.

문서에 있는 사용 예제입니다.
[code:html]
<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" autoplay>
Your browser does not support the <code>video</code> element.
</video>
참 쉽죠? 다른 형식의 여러 원본을 정할 수도 있습니다.
[code:html]
<video autoplay>
  <source src="foo.ogg" type="video/ogg"></source>
  <source src="foo.mov"></source>
  Your browser does not support the <code>video</code> element.
</video>
주의할 것은 아직 source 엘리먼트가 완전히 지원되는 것은 아니라는 점입니다.

미디어 재생은 자바스크립트로 컨트롤 될 수 있습니다.
[code:js]
var v = document.getElementsByTagName("video")[0];
v.play();
사용할 수 있는 이벤트가 상당히 많아서(22개나 있습니다!), 서로 다른 미디어 이벤트에 기반해서 어떤 동작을 붙이거나 UI를 업데이트 할 수 있습니다.
[code:js]
var v = document.getElementsByTagName("video")[0];

v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
v.currentTime = 10.0;
이 코드는 탐색이 일어나면 작동합니다.

from Firefox 3.1 to support HTML 5 video and audio
Posted by 행복한고니 트랙백 0 : 댓글 0
표준 쪽에 흥미로운 소식이 있습니다. 우선, HTML 5 초안이 업데이트 되었습니다.

업데이트 사항을 보시거나 상세한 내용을 포함한 변경된 부분에 대한 문서를 보실 수 있습니다:
  • canvas 엘리먼트를 위한 API가 말끔히 정리되었습니다. 텍스트 지원이 추가되었습니다.
  • globalStorage가 동일근원 정책으로 제한되면서 localStorage로 명칭을 변경했습니다. 관련 이벤트도 깔끔해졌습니다.
  • postMessage() API 가 변경되었습니다. 메시지의 출처만 노출되고 URI는 더이상 노출되지 않습니다. 또한 대상 문서의 출처를 가리키는 두번째 인자가 필요해졌습니다.
  • 드래그-앤-드롭 API 가 깔끔해졌습니다. dataTransfer 객체가 전송되는 데이터의 타입을 가리키는 types 속성을 가지게 되었습니다.
  • m 엘리먼트는 mark 라고 부릅니다.
  • 서버-전송 이벤트가 변경되고 깔끔해졌습니다. 새로운 형식을 사용하므로 기존 구현방법은 사용되지 않습니다.
  • figure 엘리먼트에 캡션은 필수가 아니게 했습니다.
  • ol 엘리먼트는 새로운 reversed 속성을 가지게 되었습니다.
Acid4도 준비중인 것 같습니다.

from New in standards: Acid4 and HTML 5 update
Posted by 행복한고니 트랙백 0 : 댓글 0

Simon Willison씨가 data- 속성을 통해 HTML 엘리먼트에 필요한 속성을 추가할 수 있는 방법으로 논의되는 HTML 5 스펙의 일부에 대해 글을 썼습니다.

예를 들어, 게임 상의의 우주선이라고 하면 이렇게 표현할 수 있습니다:

[code:Xml]
<div class="spaceship" data-id="92432"
     data-weapons="laser 2" data-shields="50%"
     data-x="30" data-y="10" data-z="90">
 <button class="fire"
         onclick="spaceships[this.parentNode.dataset.id].fire()">
  Fire
 </button>
</div>

Simon 씨는  "이것은 설정값을 HTML 컨텐트로 저장할 장소가 마땅찮은 겸손한(unobtrusive) JavaScript에서 매우 유용하게 사용할 수 있습니다. 이는 또한 Dojo가 Dojo 위젯임을 표시하기 위해 커스텀 속성을 추가할 수 있는 승인된 방법을 가지게 됐다는 것을 의미합니다." 라는 사실을 지적했습니다.

from Embed your data- in HTML 5 on Ajaxian

Posted by 행복한고니 트랙백 0 : 댓글 0
from Gears and Web Standars on Ajaxian

Gears 팀의 공동대표인 Aaron Boodman 씨가 다양한 웹 표준과 Gears와의 관계에 대한 글을 썼습니다:

Gears는 오프라인 웹 응용프로그램 이상입니다. 예로, 우리는 최근에 바탕화면 바로가기 기능을 추가했고, 이어 보내기Geolocation API, 그리고 앞으로의 수많은 재밌는 것들을 작업중입니다.

최근에 이것이 W3C에서 제안한 HTML5 등과 같은 웹표준과 어떻게 관련되는지에 대한 몇몇 질문을 받았습니다. 몇몇 분들은 Gears가 웹과 경쟁할까봐 걱정되나 봅니다.

그런 두려움은 떨처버리세요: Gears 팀은 웹 표준을 사랑합니다. 우리 중 일부는 브라우저 전쟁의 집중 포격지에 있던 웹 개발자입니다. 우리는 지난 10년간 엡의 생산성과 창조성에서 중요한 역할을 한 표준에 대해 깊이 이해하고 있습니다.

우리는 병행할 플랫폼을 만들어 웹과 경쟁하고픈 마음이 없습니다. 만약 그런다면 그건 제정신이 아닌 거겠죠. 웹은 자연의 멈추지 않는 힘입니다. 그것과 경쟁한다는 것은 바람과 말싸움하자는 것과 같습니다: 절대로 이길 수 없고 정말 바보같아 보일겁니다.

대신, Gears는 최신 웹 표준들이 가능한 빨리 가능한 많은 디바이스에 적용되는 것을 목표로 하고 있습니다.

Some History

Gears 프로젝트는 Google의 개발자들이 웹 브라우저의 느린 행보에 좌절한 덕분에 시작되었습니다. 경쟁과 표준은 멋진 결과물을 만들어내지만, 모든 브라우저에서 구현되기까지는 시간이 너무 많이 걸립니다. 어떤 경우에는, 표준이 확정된지 몇년이 지난 아직까지도 호환되는 구현 결과물이 없기도 합니다. 우리의 첫번째  프로젝트는 오프라인 웹 응용프로그램이 가능하게되는 API를 구현하는 것이었습니다.

현재, Gears Database와 LocalServer 모듈은 HTML5 제안과 기능면에서 완전히 호환하지는 않습니다. 그것은 Gears가 릴리스 된 후에 작성된 스펙이 있기 때문이지 차이를 두고자 의도했기 때문이 아닙니다. 사실, 우리는 HTML5 스펙의 설계에 참여하고 있으며, 현재 데이터베이스 접근에 대한 제안 사항을 구현하고 있습니다.

Going Forward

여러 면에서, Gears는 UI가 없는 웹브라우저 같습니다. 그리고 다른 브라우저처럼, Gears는 현존하는 표준을 구현하고 그들이 필요로하는 변경사항과 추가분을 모읍니다. 예로, 우리는 최근에 W3C WebAPI 그룹에 우리의 geolocation API 작업을 제안했습니다.

하지만, Gears와 다른 브라우저 간에는 세가지 중요한 차이가 있습니다:

  1. Gears의 개선 사항은 즉시 개발자들이 사용할 수 있습니다. Gears는 Firefox (Windows, OS X, Linux), IE와 IE Mobile에서 사용 가능합니다.
    더 많은 브라우저와 플랫폼에 대한 지원은 진행중입니다. 개발자들은 더이상 새 표준을 적용하기 위해 사용할 수 있을 때까지 기다릴 필요가 없습니다. 기다려야 할 것은 표준이 Gears에서 사용가능하게 되는 것뿐입니다.
  2. 대부분의 브라우저 벤더들은 두 개의 소비자 그룹이 있습니다: 사용자와 개발자. 사용자와 직면하는 기능들은 다양한 이유로 보통 개발자와 부딪히는 API 보다 더 많은 주의를 필요로 합니다. 하지만 Gears에서는, 개발자들은 소비자일 뿐입니다. 우리는 웹 개발을 위한 최적의 플랫폼을 만드는 데 완전히 집중할 수 있습니다.
  3. Gears는 다른 브라우저에서 살아가는 웹 표준의 구현체입니다.예를 들자면, 개발자들은 HTML5 Database API google.gears 객체와 전통적인 window 객체 둘 다를 통해서 사용할 수 있습니다. 괜찮아요, 어떤 점에선 좋습니다. 개발자들은 Gear의 조각들과 브라우저 구현체들을 뒤섞고 맞출 수 있습니다.

The Pitch

최신의 웹 표준을 구현함으로써, Gears는 미래의 웹이 어떻게 보이고 작동하는지에 영향을 끼칩니다. Gears가 오픈소스 프로젝트이기 때문에 누구나 참여할 수 있습니다.

참여하세요. C++ 로 코드를 작성할 필요는 없습니다. 필요한 것은 약간의 자유 시간과 웹의 발전을 향한 욕구뿐입니다.

Posted by 행복한고니 트랙백 0 : 댓글 0

티스토리 툴바