Hoony Chang가 쓴 문서
-
WebRTC를 활용한 반응형 웹 타이포그래피
이 글은 Marko Dugonjić과 Robert Nyman [Editor]의 Responsive Web Typography with WebRTC의 한국어 번역본입니다. 저는 최근에 생겨나는 웹 기술들 – WebRTC (Web Real-Time Communication)이나 WebAPI같은 것들 – 이 지향하는 방향을 매우 좋아합니다. 그런 기술들이 이미 우리가 가진 컴퓨터나 태플릿, 스마트폰에 내장된 하드웨어의 다양한 부분을 활용하여 사용자 경험을 증대시켜주기 때문입니다. WebRTC를 활용한 반응형 타이포그래피는 그러한 사용자 경험을 증대시켜주는 단순한 […]
-
Firefox 개발자 도구로 WebGL 쉐이더 실시간 편집하기
이 글은 Jeff Griffiths, Victor Porof와 Robert Nyman의 Live editing WebGL shaders with Firefox Developer Tools의 한국어 번역본입니다. 혹시 여러분이 Epic Games의 HTML5로 만든 ‘Epic Citadel’를 보신적이 있다면, 분명 게임의 퍼포먼스 측면에서나 표현의 디테일에 감탄했을 것입니다. 여러분이 화면에서 본 멋진 시각적 효과들을 만들어낸 코드들은 프로그램에 함께 링크된 asshaders로 작성되었습니다 – 실시간 시각적 효과의 높은 성능을 내기 위해 […]
-
Firefox 개발자 도구: 에피소드 27 – Edit as HTML와 Codemirror, 그리고 몇 가지 기능들
이 글은 Paul Roget의 Firefox Developer Tools: Episode 27 – Edit as HTML, Codemirror & more의 한국어 번역본입니다. Firefox 27이 Aurora 배포 채널에 포함되었습니다. 여기서 Firefox 개발자 도구의 새로운 기능을 소개하려고 합니다. JS 디버거: DOM 이벤트 Break 이제 수동으로 breakpoint를 지정할 필요없이 자동으로 여러 DOM 이벤트에 break를 걸 수 있습니다. 디버 창의 가장 오른쪽 상단(search […]
-
다양한 기기들에 맞게 웹앱 디자인하기
이 글은 Doug Reeder 및 Robert Nyman의 Designing Web Apps For Multiple Devices의 한국어 번역본입니다. 2010년 전까지만해도, 스마트폰이나 데스트탑/노트북 이외에 웹에 접속할 수 있는 기기들은 그다지 많지 않았습니다. 개발자들은 작은 화면과, 적은 대역폭을 가지고 아주 잠깐씩 웹앱을 사용하는 스마트폰 사용자만을 예상하고 만들면 됐습니다. 그리고 큰 화면과, 더 큰 대역폭을 가지고 웹앱에 많은 시간을 보내는 데스크탑 […]
-
크라우드펀딩 사이트를 만들어보고 싶나요?
크라우드 펀딩을 위한 도구는 ‘크라우드’ 것이여야 합니다. 이것이 제가 지금 300줄도 안되는 코드로 여러분만의 크라우드 펀딩 사이트를 구축할 수 있는 법을 알려드리는 이유입니다. 이 튜토리얼에 있는 모든 것들은 오픈 소스이며 Node.js같은 오픈 소스 기술만을 사용할 것입니다. 실시간 데모영상 모든 소스 코드와 튜토리얼 문서는 퍼블릭 도메인입니다. 0. 빠르게 시작하기 빠르게 크라우드펀딩 사이트를 만들고 싶다면 crowdfunding-tuts repository를 복사하여 /demo […]
-
크로스 플랫폼 오픈 웹 어플리케이션의 진행 상황
이 글은 Progress report on cross-platform Open Web Apps에 대한 번역 및 편집본입니다. 여기 Hacks 블로그에서 지금껏 저희들은 HTML과 JS, CSS를 이용하여 Firefox OS 어플리케이션을 만드는 법 에 대해 많은 내용들을 다뤘습니다. 지금도 저희는 계속 이 어플리케이션들이 안드로이드, 윈도우, 맥 OS X, 리눅스 기기등에서 똑같이 동작하도록 노력하고 있습니다. 여러분이 만든 어플리케이션이 각각 다른 화면 크기, CPU 혹은 기기의 […]
-
JSFiddle을 이용한 Firefox OS Apps 프로토타이핑
이 글은 Using JSFiddle to Prototype Firefox OS Apps에 대한 번역 및 편집본입니다. Fiddle과 함께 춤을 JSFiddle은 프로토타이핑과 코드리뷰를 하는데 환상적인 도구입니다. 여러분이 가진 모든 도구 체인이나 에디터를 사용할 필요 없이 빠른 테스트 케이스나 가벼운 코드를 만들어 보는데 유용합니다. 더욱이 잘못 동작하는 코드를 붙여넣어서 다른 사람이 보고 문제를 확인해 도움을 주기에도 좋습니다. 이제 여러분은 JSFiddle을 […]
-
TogetherJS 소개
이 글은 Introducing TogetherJS에 대한 번역 및 편집본입니다. TogetherJS란? Mozilla Labs에서 공개한 실시간 협업 도구, TogetherJS를 소개합니다. TogetherJS는 여러분이 현재 가지고 있는 웹사이트에 실시간 협업 도구를 더할 수 있도록 도와주는 서비스입니다. 여러분이 가진 웹사이트 혹은 웹어플리케이션에서 두 명 이상의 방문자끼리 서로의 마우스 커서의 위치나 클릭을 볼 수 있고 다른 방문자가 검색하고 있는 것을 트랙킹 할 […]
-
Persona Beta 2 배포
이 글은 Persona Beta 2 Launch에 대한 번역 및 편집본입니다. Mozilla Persona 는 여러분이 직접 여러분의 사이트에 설치할 수 있는 오픈 인증 시스템입니다. 오늘 “Identity Bridging”, 사용자 이름과 사용자 비밀번호가 없이도 수백만명의 사용자들이 사이트에 로그인이 가능한 기능을 포함한 Persona Beta 2가 배포되었습니다. 아래 발표 비디오를 통해 Beta 2 배포판에 대한 전체적인 개요를 확인하실 수 있을 […]
