-
아이폰용 웹기반 카 네비게이션 시스템 - iRoute
iRoute는 아이폰/아이팟 터치에서 회원가입 없이 누구나 무료로 사용할 수 있는 웹기반 카 네비게이션 시스템입니다. 이 서비스는 약 2주간 밤잠을 설쳐가며 구축한 개인 프로젝트로써 오픈 API를 적극 활용하고 HTM...
Category: 자료 - 웹개발, Reactions: 44, Views: 295,860, Author: 파이어준
-
애플 스타일 다운로드 플립 카운터
애플의 홈페이지에는 인터랙티브한 매혹적인 컨텐츠들이 여러곳에 배치되어 있습니다. 이번에는 누적 다운로드 수를 실시간으로 보여주는 카운터 스크립트를 분석하고 응용해 보았습니다. 이 카운터는 iTunes에서...
Category: 자료 - 웹개발, Reactions: 3, Views: 79,918, Author: 파이어준
-
CSS3로 만든 아름다운 드롭다운 네비게이션
Web Designer Wall의 Nick La씨는 CSS3를 이용하여 위와 같은 아름다운 드롭다운 네비게이션을 구현했습니다. 더불어 CSS3를 지원하지 않는 브라우저에서도 최소한의 모습을 유지하고 정상적으로 동작하도록 만들었습니다...
Category: 자료 - 웹개발, Reactions: 3, Views: 67,946, Author: 파이어준
-
CSS3의 회전 속성을 응용해 만든 시계 2종
Jon Combe씨는 HTML과 자바스크립트 그리고 CSS3의 회전 속성을 이용하여 위 두가지 모양의 시계는 만들었습니다. <canvas>또는 <svg>요소를 이용한 표현 수단으로만 가능했던 많은 것들이 일반 요소(<img>, &l...
Category: 자료 - 웹개발, Reactions: 3, Views: 62,218, Author: 파이어준
-
더욱 빨라진 jQuery 1.4.2 릴리즈
jQuery 1.4 정식버전이 발표된지 한달만에 두번의 마이너 업데이트가 있었습니다. 최근 발표한 jQuery 1.4.2는 종전에 비해 성능이 더욱 향상되었습니다. 좌측의 그래프를 보면 약 30% 이상 처리 속도가 개선된 것을 확인...
Category: 자료 - 웹개발, Reactions: 0, Views: 68,999, Author: 파이어준
-
Aptana에서 Zen Coding 사용하기
Zen Coding은 HTML과 CSS 코드를 효율적으로 작성할 수 있게하는 소스 편집기용 플러그인입니다. Aptana, TextMate, Coda 그리고 Espresso 등에 설치할 수 있으며 DOM Selector 문법으로 HTML을 손쉽게 작성할 수 있습니다. 위 동영상...
Category: 자료 - 웹개발, Reactions: 12, Views: 87,776, Author: 파이어준
-
WTFJS(젠장할 자바스크립트)
Ajaxian에 재미있는 포스트가 올라왔네요. 요즘 트위터에 한창 떠들던 얘기가 이거였군요. Brian Leroux씨는 자바스크립트의 엿(?) 같은 실행 결과가 담긴 코드들을 취합한 wtfjs.com을 오픈했습니다. ㅋㅋㅋ.
Category: 자료 - 웹개발, Reactions: 10, Views: 66,057, Author: 파이어준
-
군더더기 없는 무료 WYSIWYG 편집기 - TinyEditor
Michael Leigeber씨는 무료로 사용할 수 있는 쓸만한 WYSIWYG 텍스트 편집기인 TinyEditor를 만들고 공개했습니다. 어떠한 자바스크립트 프레임웍도 필요로하지 않으며, 가볍고(8kb) 간편하게 사용할 수 있습니다. 참 겸손한...
Category: 자료 - 웹개발, Reactions: 3, Views: 66,176, Author: 파이어준
-
순수 CSS로 만든 찌그러진 콜라 캔 입체 매핑
순수 CSS만으로 콜라 캔을 입체적으로 매핑하여 사람들을 놀라게 했던 Román Cortés씨는 필(?)을 받으셨는지 더욱 놀라운 결과물들을 만들었습니다. 위 화면에서 스크롤을 오른쪽으로 이동시켜 보세요. 찌그러진 캔...
Category: 자료 - 웹개발, Reactions: 2, Views: 70,699, Author: 파이어준
-
Apple에서 배울수 있는 디자인 전략 15가지
Joshua Johnson씨는 애플의 웹사이트를 통해서 배울수 있는 15가지 디자인 팁을 작성했습니다. 고급스러운 디자인으로 고객들을 매료시키는 기술을 관찰하고 배워봅시다. 여기에 올린 15가지 팁은 자신의 업무에 활용...
Category: 자료 - 웹개발, Reactions: 92, Views: 289,839, Author: 파이어준
-
크로스-브라우저에 대응하는 HTML5 비디오 마크업
Kroc Camen씨는 비디오 요소를 사용함에 있어서 자바스크립트를 사용하지 않고 HTML 마크업만으로 크로스-브라우저에 대응하는 현실적인 방법을 제시했습니다. HTML5의 <video> 요소를 사용가능한 경우와 그렇지 않...
Category: 자료 - 웹개발, Reactions: 3, Views: 119,036, Author: 파이어준
-
CSS3로 할 수 있는 것들 - CSS3 Click Chart
라운디드 코너, 그림자, 그라디언트, 등의 다채롭고 흥미로운 그래픽 효과를 부여할 수 있는 CSS3는 마법과도 같습니다. Impressive Webs의 Louis Lazaris씨는 CSS3를 이용하여 가능한 예시를 일목요연하게 조회하고 쉽게 응...
Category: 자료 - 웹개발, Reactions: 7, Views: 58,350, Author: 파이어준
-
재미있는 자바스크립트 문법 퀴즈
kangax씨가 재미있는 자바스크립트 문법 퀴즈 14문제를 냈습니다. 다음 예제 코드를 잘 읽고 보기에서 정답을 선택하세요. 문제를 모두 풀었다면 본문 하단에 있는 "채점하기" 버튼을 클릭하여 즉시 풀이 결...
Category: 자료 - 웹개발, Reactions: 15, Views: 77,041, Author: 파이어준
-
CopperLicht 훑어보기 - Quake 3 Level Demo
맛간을 이용해서 지난 시간에 소개한 CopperLicht를 훑어보았습니다. 위 화면은 Quake 3의 지형을 가져온 실행가능한 데모를 뽀려(?)온 것이며 WebGL을 지원하는 브라우저에서 정상 작동합니다. copperlicht.js를 로드하고 C...
Category: 자료 - 웹개발, Reactions: 3, Views: 72,442, Author: 파이어준
-
WebGL기반 자바스크립트 3D 엔진 툴킷 - CopperLicht
WebGL은 웹 브라우저에서 별도의 플러그인을 설치하지 않고도 하드웨어 가속 효과를 가지는 3D 그래픽을 표현할 수 있는 렌더링 API입니다. CopperLicht는 이 WebGL을 기반으로 3D 애플리케이션 또는 게임 개발을 돕기위해...
Category: 자료 - 웹개발, Reactions: 4, Views: 92,641, Author: 파이어준
-
소셜 네트웍과 연동하는 백링크 효과
위 그래프는 지난 6개월간의 방분수/페이지뷰 그래프입니다. 지난해 11월 중순부터 트위터(Twitter), 미투데이(me2DAY)와 같은 소셜 미디어 서비스의 오픈API를 이용하여 블로그 포스트를 동기화하고 추이를 살펴보았습...
Category: 자료 - 웹개발, Reactions: 1, Views: 71,031, Author: 파이어준
-
다수의 파일 업로드를 한방에 - Plupload
Plupload는 TinyMCE로 유명한 Moxiecode Systems사에서 개발한 강력한 파일 업로드 컴포넌트입니다. HTML5, Gears, Silverlight, Flash, BrowserPlus에서 제공하는 업로드 관련 API를 복합적으로 지원하여 사용자에게 풍부한 파일 업로드...
Category: 자료 - 웹개발, Reactions: 6, Views: 102,805, Author: 파이어준
-
구글, IE6 점진적 지원 중단 발표
구글은 오는 3월부터 자신들의 모든 웹 서비스에 마이크로소프트의 IE6(인터넷 익스플로러 6)을 더 이상 지원하지 않겠다고 공식 블로그를 통해 밝혔습니다. 구글닥스와 구글사이트부터 시작한다고 합니다. 이게 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,450, Author: 파이어준
-
놀라운 CSS3 애니메이션 데모 47개
Nick La씨가 취합한 CSS3 애니메이션 데모 47개 입니다. 다양한 방법으로 CSS3의 속성을 이용한 자바스크립트 애니메이션 사용법들을 제시합니다. 지금까지 SVG나 Canvas 요소로밖에 표현할 수 없었던 많은 부분을 CSS3로...
Category: 자료 - 웹개발, Reactions: 12, Views: 92,006, Author: 파이어준
-
월드워 모든 빌딩, 유닛, 미션 정보
No Description
Category: 문화 - 게임/오락, Reactions: 3, Views: 54,797, Author: 파이어준
-
제3회 2010 자바스크립트 컨퍼런스 - JSConf
지난해 JSConf(자바스크립트 컨퍼런스)가 미국과 유럽에 열린데 이어 올해 4월 17, 18일 양일간 미국 워싱턴 DC에서 세 번째로 JSConf 2010이 개최됩니다. 현재 발표자를 모집중이며 총 150개의 참관석이 준비되어 있고 한...
Category: 자료 - 웹개발, Reactions: 2, Views: 52,992, Author: 파이어준
-
HTML5 비디오 플레이어 - Sublime Video
Sublime Video는 James Watson씨가 만든 HTML5 비디오 플레이어입니다. 자바스크립트를 이용하여 완성도 높은 비디오 플레이어를 만들어 냈습니다. 매끈한 줌-인/아웃 효과를 가진 풀-스크린 모드를 자체적으로 구현했고 ...
Category: 자료 - 웹개발, Reactions: 10, Views: 121,045, Author: 파이어준
