알레폰드의 테크 이모저모

================================= ================================= ================================= 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..

=====================================================================      출처: http://cssdesign.kr/forum/viewtopic.php?id=507[질문] 태그와 여백에 관하여간혹 에디트+ 로 코딩하게 되면 보기 좋게 한다고     .     .이렇게 한줄 한줄 띄어서 쓰게 되는데..이럴 경우 브라우져로 보면이미지와 이미지 사이에 알 수 없는 1px  여백이 생기게 되는 현상경험하셨으리라 생각합니다.이럴 경우 해결책은 로 각각 모두 붙여쓰면 다 잘 붙습니다.여기서 질문   서로 띄워놓아도 ... 어떤 CSS를 써서 붙일 수 있는 방법없을까요?가로 연결에서 생기는 [ 세로 1px 여백]은 letter-spacing 으로 줄여서붙..

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

=====================================================================    출처: http://illuminati.tistory.com/59티스토리를 사용하려다보니 플러그인에 있는 방문자 통계 및 분석이 너무 부족하여 아쉬웠다.다행이도 Google에서 개인 사용자들을 위한 Google analytics(https://www.google.com/analytics)라는 서비스를무료로 제공하고 있다. 그리고 이 서비스는 매우 수준 높은 분석 결과를 알려주기에 일정 수준의 대형 사이트까지는 Google Analytic 개인 사용자용으로 분석이 가능하다고 여겨진다.여기서는 Google Analyitcs의 설치부터 제공해주는 분석 정보에 대해서 정리하기로 한다..

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 블러그가 너무 느려져서 플러그인에 이것저것 해보니 믹시가 (mixsh) 문제가 되었습니다. 현재 문제가 많아 일단 플러그인에서 빼두었습니다. 그리고 플러그인중에 블로그 최적화를 방해하거나 속도를 느리게하는 플러그인은 빼두시는 것을 추천 합니다. ////////////////////////////////////////////////////..

================================= ================================= ================================= 만들면서 배우는 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://stackoverflow.com/questions/11958021/focus-on-an-anchor-tag I have some HTML that looks something like this: Now, when you are in the text box and you hit the tab key, the anchor tags gets focus, so if you immediately hit enter, you'll run the function closeZoom(). This works fine. Wh..

=====================================================================     출처: http://stackoverflow.com/questions/3528359/html-input-type-file-file-selection-eventLet's say we have this code: which results in this:When the user clicks the 'Browse...' button, a file search dialog box is opened:  The user will select the file either by double-clicking the file or by clicking the 'Open' butto..