-
순수 자바스크립트로 만들어진 로더 - spin.js
Felix Gnass씨가 배포한 spin.js는 추가적인 이미지나 CSS를 호출하지 않고 순수 자바스크립트만으로 만들어지는 로딩 알리미입니다. 특정 자바스크립트 라이브러리에 종속적이지 않으며, IE6에서도 사용할 수 있습니다...
Category: 자료 - 웹개발, Reactions: 5, Views: 167,609, Author: 파이어준
-
Nine Image Expander Thing
Chris Coyier씨는 예술가인 Zoran Pekoviċ씨의 플래시로 만들어진 작품을 HTML, CSS, 그리고 약간의 자바스크립트를 이용하여 보여지도록 변환했습니다. 파이어폭스와 웹킷 계열 브라우저(사파리, 크롬 등)에 정상적으로 ...
Category: 자료 - 웹개발, Reactions: 1, Views: 131,371, Author: 파이어준
-
커밋 트리 데이터 비주얼라이제이션
커밋 트리를 이용한 데이터 비주얼라이제이션 동영상입니다. 개발자의 커밋에 따른 프로젝트 구조의 변화를 시간의 흐름으로 보여주고 있습니다. 위 동영상은 PHP와 Python의 개발과정을 비주얼라이제이션하고 있...
Category: 자료 - 웹개발, Reactions: 11, Views: 129,948, Author: 파이어준
-
사이트 미니맵(아웃라인) 위젯 추가
jQuery.fracs은 현재 보고있는 페이지의 뷰포트(보여지는 일부분)와 상호 작용하여 특정한 요소들이 정해진 조건으로 뷰포트에 지속해서 노출될수 있도록 만들어주는 jQuery용 플러그인 입니다. 브라우저의 창 크기에...
Category: 자료 - 웹개발, Reactions: 3, Views: 105,592, Author: 파이어준
-
실시간 스타일시트 변동사항 자동반영 - Vogue
크로스-브라우저 이슈를 가지각색으로 안고있는 스타일시트를 다루는 작업은 클라이언트-사이드 개발자들을 매우 피곤하게 합니다. 코드를 수정하고 여러 브라우저에서 확인하고 다시 수정하고 확인하는 테스트...
Category: 자료 - 웹개발, Reactions: 8, Views: 106,271, Author: 파이어준
-
Cloud9 IDE 기능 확장하기
Cloud9 GitHub에 놀러갔다가 뭔가 심상찮은 변화가 있는 듯하여 "git pull" 때렸더니 소스가 주룩주룩 갱신됩니다. 서브 모듈들도 왕창 업데이트 되었더군요. 참고로 저는 devel 브랜치를 빌드해서 운용합니다. 로그인 기...
Category: 자료 - 웹개발, Reactions: 3, Views: 148,737, Author: 파이어준
-
Node.JS에서 컬러풀한 콘솔 디버깅을 - Clog 배포
Node.JS 코드를 다루면서 조금 아쉬운점 하나는 콘솔 디버깅이었습니다. 이게 console.log, console.info, console.warn 그리고 console.error를 구분하지 못하고 모두 일반 텍스트로 나오는 것이었습니다. 그래서 Socket.IO의 콘솔이...
Category: 자료 - 웹개발, Reactions: 8, Views: 102,882, Author: 파이어준
-
Socket.IO 학습 - 패킷을 절약하여 효율성 높이기
이전 학습에서 Socket.IO의 퍼블릭/브로드캐스트/프라이빗 전송 개념에 대해 알아보았습니다. 프라이빗 전송을 이용하면 특정 대상에게만 패킷을 소비할 수 있다는 사실을 알 수 있었죠. 이를 응용하여 이 번 시간에...
Category: 자료 - 웹개발, Reactions: 7, Views: 115,153, Author: 파이어준
-
Socket.IO 학습 - 퍼블릭/브로드캐스트/프라이빗 구분
퍼블릭/브로드캐스트/프라이빗 전송 개념은 Socket.IO를 사용하면서 익혀야할 중요한 서버-사이드 개념입니다. 퍼블릭(Public)은 발송자를 포함한 모든 클라이언트들에게, 브로드캐스트는 발송자를 제외한 다른 모든...
Category: 자료 - 웹개발, Reactions: 4, Views: 92,412, Author: 파이어준
-
Socket.IO 사용시 집고 넘어야 할 한 가지
웹소켓과 폴링(polling)방식의 소켓이 공존하는 Socket.IO를 사용해 보면서 간과해서는 안될 점에 대해서 별도의 포스트로 작성합니다. 이전 포스트에 작성한 내용이지만 주제와 무관하여 다시 작성했습니다. 지금까...
Category: 자료 - 웹개발, Reactions: 10, Views: 118,040, Author: 파이어준