-
PHP를 이용하여 트위터에 원격으로 포스팅하기
최근 트위터로부터 유입되는 트래픽이 급증했습니다. 글 제목과 URL을 복사하고 붙여넣었을 뿐입니다. 하지만 요딴식의 트위팅은 정말 짜증나고 귀찮죠. 좀처럼 트위터에 시간을 할애하지 못하는 분들도 계실거고...
Category: 자료 - 웹개발, Reactions: 5, Views: 65,325, Author: 파이어준
-
골때리는 시계 - Scroll Clock
이것은 Toki Woki에서 만든 스크롤 시계입니다. <div> 요소의 overflow 속성을 절묘하게 이용하여 만들었습니다. 소스를 보니 MooTools 라이브러리를 기반으로 슈퍼 클래스를 상속하여 사용하고 있습니다. 이것을 Prot...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,503, Author: 파이어준
-
이미지의 피사체와 어울리게 문자 배치하기 - jQSlickWrap
jQuery용으로 만들어진 jQSlickWrap 플러그인을 이용하면 보시는 것 처럼 이미지의 피사체를 피하여 문자열들을 어울리게 배치할 수 있습니다. 실제로 애플로고 이미지를 첨부하고 jQSlickWrap 플러그인을 적용한 것입니...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,009, Author: 파이어준
-
군더더기 없는 마크업과 시맨틱한 템플릿
Web Designer Wall의 Nick La씨는 잘 사용되지 않지만 유용한 5가지 CSS2 속성들에 대한 포스팅 다음으로 <div> HTML 요소가 남용되고 있는 상황에 대하여 지적하고 말끔하면서도 시맨틱한 HTML 마크업을 할 수 있도록 <...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,802, Author: 파이어준
-
잘 사용되지 않지만 유용한 5가지 CSS2 속성들
Web Designer Wall을 운영하는 Nick La씨는 평소 즐겨 사용되지 않지만 유용한 5가지 CSS 속성들의 사용방법을 소개합니다. 이 5가지 속성은 clip, min-height, white-space, cursor 그리고 display 입니다. 모두 CSS2에 명시되어 있는 속...
Category: 자료 - 웹개발, Reactions: 4, Views: 67,712, Author: 파이어준
-
WebGL을 이용한 태양계 데모
Jacob Seidelin씨는 WebGL 가속이 지원되는 Canvas요소와 Audio요소를 결합하여 "WebGL Musical Solar System"이라는 골때리는 데모을 만들어 냈습니다. 이 데모를 감상하기 위해서는 파이어폭스 나이틀리 빌드(nightly build)...
Category: 자료 - 웹개발, Reactions: 0, Views: 54,977, Author: 파이어준
-
SVG와 Audio 요소를 접목한 3D 음향 파장
웹 브라우저 성능의 한계를 시험하는 것을 즐기는 Ricardo Cabello씨는 HTML5의 audio요소와 SVG요소를 접목하여 3차원 음향 파장을 만들어 냈습니다. 헉! HTML5의 audio 요소 명세를 살펴보면 음향 신호를 분석할 수 있는 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,631, Author: 파이어준
-
초경량 CSS 애니메이션 자바스크립트 프레임웍 - Émile
Thomas Fuchs씨는 주석을 포함하여 총 50라인으로 작성된 초경량 CSS 애니메이션 자바스크립트 프레임웍인 "Émile"를 만들고 공개했습니다. Émile는 CSS 프로퍼티들을 작성하고 시간 간격을 설정하는 것만으로 중...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,522, Author: 파이어준
-
Cappuccino로 구축한 웹기반 목업 - Mockingbird
Mockingbird는 Cappuccino 프레임웍으로 구축한 웹기반 목업(mockup) 애플리케이션 입니다. 온라인상에서 페이지의 와이어-프레임을 쉽게 그려내고 그 결과물을 다른 사람과 공유할 수 있습니다. 모든 UI 요소들을 갖추고...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,467, Author: 파이어준
-
자바스크립트 라이브러리들의 도우미 Underscore.js
Jeremy Ashkena씨는 작고 유용한 자바스크립트 라이브러리인 Underscore.js를 공개했습니다. 달러("$")가 아닌 언더스코어("_")를 사용하기 때문에 Prototype이나 jQuery의 코어를 확장하지 않는 형태로 Collections...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,653, Author: 파이어준
-
Prototype 셀렉터 벤치마크
Prototype 코어팀의 Tobie Langel씨가 GitHub에 흥미로운 커밋을 했군요. Prototype의 DOM 셀렉터 엔진을 사용자가 지정하여 빌드할 수 있게 한 것입니다. "NWMatcher" 셀렉터를 사용하려면 아래와 같은 명령으로 빌드할 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,134, Author: 파이어준
-
Scriptaculous 1.8.3 업데이트
Scriptaculous가 1.8.3으로 조용히 업데이트 되었습니다. 지난 10월 8일날 있었다고 하는데 왜 그동안 몰랐을까요? 아무튼, 필요로하는 Prototype의 버전이 1.6.1으로 갱신되었습니다. 몇몇 버그와 이슈가 해결되었고 effect....
Category: 자료 - 웹개발, Reactions: 0, Views: 31,057, Author: 파이어준
-
SproutCore의 KVO(Key Value Observing)
지금까지 SproutCore의 프로젝트를 생성하고, 레이블-뷰를 작성해 보고, 뷰에 컨트롤러도 할당해 보고 바인딩한 값을 버튼으로 조작해 보았습니다. 이제 SproutCore의 진정한 힘을 체험해 볼 시간입니다. SproutCore의 바...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,653, Author: 파이어준
-
SproutCore에서 바인딩(Binding) 조작하기
"SproutCore의 Views 작성하기"에서 뷰(View)와 컨트롤러(Controller)를 작성해 보았습니다. 이제 상호 작용을 발생시키는 버튼을 페이지에 추가해 보도록 하겠습니다. 페이지에 한 구성요소를 삽입하기 위해서 다른 방해 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,019, Author: 파이어준
-
SproutCore에서 뷰(View) 작성하기
"SproutCore 1.0 시작하기"에서 SproutCore의 설치방법과 "Hello World!" 애플리케이션을 만들어 보았습니다. 이번에는 Hello World 프로젝트를 그대로 사용해서 "뷰(View)"를 만들어 보겠습니다. 뷰는 웹 페이지를 관리하기 위한...
Category: 자료 - 웹개발, Reactions: 3, Views: 41,209, Author: 파이어준