알레폰드의 테크 이모저모

================================= ================================= ================================= canvas vs. webGL vs. CSS 3d -> which to choose? 출처: http://stackoverflow.com/questions/7792459/canvas-vs-webgl-vs-css-3d-which-to-choose canvas vs. webGL vs. CSS 3d -> which to choose? For basic 3d web application i.e. a few cubes, rotation and translation in 3d space - which is better to choose..

================================= ================================= ================================= 전화기, TV, 컴퓨터가 공통 플랫폼위에서 모두 대화할 수 있는 세상을 상상해보십시요. 여러분의 웹어플리케이션에 비디오채팅 기능과 P2P 데이터 공유 기능을 쉽게 추가했다고 상상해보십시요. 이것이 WebRTC의 비전입니다. 확인해보고 싶으십니까? WebRTC는 현재 구글 Chrome과 Opera, Firefox에서 가능합니다. apprtc.appspot.com은 간단한 비디오 채팅 어플리케이션을 시작해볼수 있는 좋은 곳입니다: apprtc.appspot.com 페이지를 Chrome이나 Opera, Firefox에서 엽니다. ..

================================= ================================= ================================= 만들면서 배우는 HTML5 게임 프로그래밍 : PC와 스마트폰을 한 번에 잡는 멀티 플랫폼 게임 프로그래밍 사이트: http://www.yes24.com/24/goods/8934181?scode=032&OzSrank=9 HTML5와 자바스크립트로 배우는 멀티 플랫폼 게임 프로그래밍 HTML5와 자바스크립트로 PC와 스마트폰용 멀티 플랫폼 게임을 한 번에 개발하는 방법을 안내한다. HTML5와 자바스크립트를 몰라도 차근차근 따라하기만 하면 누구나 달리기 게임을 제작할 수 있도록 구성했다. 복잡한 내용은 빼고 HTML5와 자바스..

=====================================================================    ZebraZebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zeb..

================================= ================================= ================================= 출처: http://mohwaproject.tistory.com/134 HTML5 Full Screen API 간단 구현 웹 브라우저(Gecko, Webkit 등..)상에서 특정 엘리먼트 영역을 전체 화면(툴바 영역이 보이지 않는)으로 변경할 수 있는 FullScreen API가 있습니다. API에 대한 설명은 그리 어렵지 않아 따로 설명 드리지 않도록 하겠습니다. 아래는 관련 소스를 모듈화 시킨 코드 입니다. 1. JSBin 소스 링크: http://jsbin.com/ayicib/3 2.모듈 사용방법: window.onlo..

================================= ================================= ================================= 출처: http://jace.tistory.com/category/Javascript 1. JavaScript 최적화 도구 JS Minifier JSMin JSLint : JavaScript Verifier Javascript compressor : JavaScript 압축 도구 (인코딩도 포함되고 Google처럼 파라미터 압축도 가능하다. 추천) CSS & JavaScript Compressor : CSS & JavaScript 압축 도구 ShrinkSafe : JavaScript 압축 도구 Huffman JavaScrip..

=====================================================================   출처: http://www.playnexacro.com/index.html#show:article  소개웹서비스 최적화 방법중에 하나로 gzip 압축전송이 있습니다. gzip은 파일 압축에 쓰이는 응용 소프트웨어로 GNU zip의 준말이며 무료 소프트웨어이다(출처: 위키백과) 이를 사용하기 위해서는 사용하는 브라우저가 지원을 해야합니다.(브라우저에서 request headers > "Accept-Encoding"에 gzip이 포함되어 있어야 합니다.)     마찬가지로 서버에서도 gzip으로 전송해야 합니다.(response headers > "Content-Encodding:..

=====================================================================    출처: http://kwonnam.pe.kr/wiki/nginx/gzipnginx gzip텍스트 컨텐츠는 gzip 압축으로 전송해야 성능에 좋다.nginx HttpGzipModulenginx HttpGzipStaticModuleGzip javascript and css with NGinxtext/html은 기본으로 항상 압축된다.gzip_static은 정적 파일을 미리 gzip으로 압축해 두면 압축 프로세싱 과정 없이 즉시 해당 압축 파일을 전송한다. 예를들어 test.js파일에 대한 요청이 올 경우 test.js.gz를 찾아서 해당 파일이 존재하면 압축된 버전을 전송하고, ..

=====================================================================   출처: http://javascript.info/tutorial/adding-script-htmlA script can be put anywhere on the page. The most useful places include:Inside the Head tag of the documentAt the bottom of the document, right before closing BODY..But, generally scripts can be put anywhere.When the browser renders an HTML-page and finds a  ...Fi..

================================= ================================= ================================= 출처: http://stackoverflow.com/questions/15040126/receiving-websocket-arraybuffer-data-in-the-browser-receiving-string-instead I have a node.js server application and a browser client. Sending ArrayBuffer data browser -> server works perfectly, but server -> browser results in a string "[object Ar..