-
Momentile의 IE6 거부 메시지
위 화면은 IE6으로 Momentile 웹사이트에 접근시 나타나는 화면입니다. 왠지 IE6이 측은하게 느껴지네요..
Category: 자료 - 웹개발, Reactions: 11, Views: 66,340, Author: 파이어준
-
순수 CSS만으로 만든 iOS 아이콘들
Louis Harboe씨는 순수 CSS만을 이용하여 iOS의 11개 아이콘들을 만들었습니다. 둥근 모서리, 그림자, 그라디언트, RGBA, 가짜 요소를 응용한 것이라고 합니다. CSS만으로 SVG수준의 리치 스타일링이 가능하다는 것을 보여...
Category: 자료 - 웹개발, Reactions: 11, Views: 70,591, Author: 파이어준
-
스타일 시트를 경량화하는 11가지 팁
Jeff Starr씨는 스타일 시트를 경량화(Micro-Optimization)하는 11가지 팁을 소개했습니다. 이것은 코드 전체를 압축(Minify)하는 것이 아닌, CSS 코드 자체를 효율적으로 작성하거나 배포하는 방법입니다. Tip #1: 색상 값을 ...
Category: 자료 - 웹개발, Reactions: 24, Views: 89,042, Author: 파이어준
-
HTML5 오픈 컨퍼런스 발표 참여
과분하게도 한국 웹 표준 프로젝트에서 주최하는 "HTML5 오픈 컨퍼런스"에서 HTML5 자바스크립트 API에 대하여 발표하게 되었습니다. 학동 건설회관에서 7월 2일(금) 오후 1시에 시작합니다. 그런데 아쉽게도 예약 접수...
Category: 자료 - 웹개발, Reactions: 10, Views: 105,547, Author: 파이어준
-
HTML5 모바일 웹 애플리케이션 개발 - Sencha Touch
얼마전 ExtJS는 jQTouch와 Raphaël 프로젝트를 결합하고 회사이름을 "Sencha"로 변경했습니다. 이제부터 www.extjs.com은 www.sencha.com으로 이동됩니다. jQTouch와 Raphaël을 개발한 David Kaneda씨와 Dmitry Baranovskiy씨가 기존 ExtJS팀에...
Category: 자료 - 웹개발, Reactions: 28, Views: 179,305, Author: 파이어준
-
자바스크립트로 구현한 픽셀 벤더
Ricardo Cabello씨는 몇년 전에 플래시용으로 작업한 픽셀 벤더를 자바스크립트와 Canvas 요소로 옮기는 실험을 했습니다. 이것은 출력되는 비트맵의 모든 픽셀에 수식을 적용하는 것입니다. 자바스크립트는 제법 빠른...
Category: 자료 - 웹개발, Reactions: 0, Views: 61,375, Author: 파이어준
-
HTML5 데이터 비주얼라이제이션 - HumbleFinance
HumbleFinance는 HTML5 데이터 비주얼라이제이션 도구입니다. 마치 플래시로 만들어진 듯한 모양과 기능을 가진 차트를 제공합니다. 표현 범위의 제한이 없고 서로 다른 자료의 축을 공유하여 비교해야하는 금융 자료...
Category: 자료 - 웹개발, Reactions: 11, Views: 82,962, Author: 파이어준
-
Hex 코드로 색상 알아 맞추기 게임
당신은 CSS의 Hex 코드를 보고 색상을 유추해 낼 수 있나요? Hex 코드만으로 색상을 구별해 내는 퀴즈 게임이 Ajaxian에 소개되었네요. 난이도를 높일수록 보기가 늘어납니다. 완전 골때리네요. ㅋㅋㅋ.
Category: 자료 - 웹개발, Reactions: 8, Views: 67,100, Author: 파이어준
-
CSS 2.1을 이용한 멀티플 백그라운드 이미지와 보더
Nicolas Gallagher씨는 CSS 2.1을 지원하는 브라우저인 Firefox 3.5+, Safari 4+, Chrome 4+, Opera 10+, IE8+에서는 CSS 3을 사용하지 않고도 하나의 요소에 여러개의 배경 이미지와 보더를 적용하는 방법에 대하여 소개했습니다. 이...
Category: 자료 - 웹개발, Reactions: 6, Views: 74,344, Author: 파이어준
-
순수 CSS로 만든 애니메이션: 트위터 실패 고래
CSS3를 이용한 개발자들의 미친짓은 끊임없이 계속되는군요. Steve Dennis씨는 순수 CSS만을 이용하여 트위터의 용량 초과 화면인 트위터 실패 고래(?)를 만들어 냈습니다. 거기에 애니메이션까지 추가했군요. border-rad...
Category: 자료 - 웹개발, Reactions: 35, Views: 96,821, Author: 파이어준
-
IE 6-7-8에서 CSS3 사용하기 - IE-CSS3
IE-CSS3는 border-radius, box-shadow, text-shadow 속성을 그대로 이어 받아 htc 스크립트를 이용하여 표현해 줍니다. IE의 VML API를 이용하여 CSS3의 비주얼 효과를 표현하는 방법을 사용하기 때문에 CSS3와 동등한 수준의 결과물...
Category: 자료 - 웹개발, Reactions: 26, Views: 123,871, Author: 파이어준
-
자바스크립트 3D 엔진 - three.js
Ricardo Cabello씨는 수년간 갈고 닦은 3D 프로그래밍 실력으로 HTML5의 <canvas>, <svg>요소와 자바스크립트를 이용하여 구현되는 3D 엔진 라이브러리인 three.js를 오픈소스로 개발하고 있습니다. 최근에 배포한 업...
Category: 자료 - 웹개발, Reactions: 9, Views: 75,562, Author: 파이어준
-
애플의 HTML5 360도 데모
얼마 전 애플에서 공개한 HTML5 데모 중에서 360도 데모를 보고 소스를 분석해 보았습니다. 그런데 이 데모는 굳이 HTML5에서만 작동하는 데모라고는 볼 수 없습니다. 그저 여러각도에서 촬영한 사진을 자바스크립트...
Category: 자료 - 웹개발, Reactions: 19, Views: 87,722, Author: 파이어준
-
CSS 2.1과 CSS 3의 치트 시트
Smashing Magazine에서 CSS 2.1과 CSS 3의 치트 시트를 만들고 공개했습니다. 이 시트는 CSS 2.1과 CSS 3로 구분되어 작성되었으며 미리보기용 JPEG와 PDF버전으로 제공됩니다. 출력해서 벽에 붙여야 겠군요. CSS 2.1 CSS 3.
Category: 자료 - 웹개발, Reactions: 7, Views: 51,681, Author: 파이어준
-
섹시한 자바스크립트 라이브러리 - Sexy.js
Sexy.js는 초경량(압축버전 1kb 미만) 자바스크립트 라이브러리입니다. 이 라이브러리는 Sequential(순차적) Ajax를 구현한 것으로 Sajax라고도 합니다. Sajax는 Ajax 패턴의 하나로 비동기식 다중 요청작업을 수행하는 동시...
Category: 자료 - 웹개발, Reactions: 3, Views: 50,542, Author: 파이어준
-
소셜 네트워킹 사이트 구축에서 마감까지 9단계
소셜 네트워킹 사이트가 황금알을 낳는 거위인 것은 사실입니다. 개인 미디어 시대에서 다시 서비스 집중 시대로 흘러가고 있는 현 시점에서 이와 같은 서비스를 구축하려는 서비스 제공업자에게는 매우 중요한...
Category: 자료 - 웹개발, Reactions: 5, Views: 40,094, Author: 파이어준
-
애플 아이폰4 출시와 한국 발매 확정
예상했던 대로 WWDC 2010에서 스티브 잡스씨는 iOS 4(기존 iPhone OS 4) 기반의 아이폰 4를 발표했습니다. 2대의 카메라로 화상통화가 가능하며, HD 동영상 촬영 및 편집, LED 플래시 및 500만 화소 카메라를 내장하였고 4배나...
Category: 정보 - 모바일, Reactions: 1, Views: 54,122, Author: 파이어준
-
WWDC 2010에 소개될 내용들 예측해 보기
한국시간으로 내일(6월 8일) 새벽 2시에 WWDC(World Wide Developers Conference) 2010이 시작됩니다. 올해는 애플이 어떤 소식을 들고 나올까요? 지금까지 여러 신빙성있는 루머들을 조합하여 예견해 본 내용은 다음과 같습니...
Category: 자료 - 웹개발, Reactions: 5, Views: 40,312, Author: 파이어준