웹개발에 필요한 정보: HTML, CSS, JavaScript, etc.
Tabletop http://builtbybalance.com/Tabletop/ Tabletop은 Google Spreadsheet에 올려놓은 데이터에 접근해서 정보를 가져오는 작업을 쉽게 해주는 라이브러리입니다. 제가 Backgrid.js에 있는 예제에서 전 세계 국가들의 인구를 표시한 표를 복사해서 Google Spreadsheet를 만들고 https://docs.google.com/spreadsheet/pub?key=0AqZ1s9zeyZy3dDBwOUx2SGh2SUpPdDdRMHREVDJxZ0E&output=html 에 웹으로 퍼블리시를 해 놓았습니다. URL에서 보시는 것처럼 key는 0AqZ1s9zeyZy3dDBwOUx2SGh2SUpPdDdRMHREVDJxZ0E 입니다. 이 키를 사용해서 ... »
Behave.js http://jakiestfu.github.com/Behave.js/ Behave.js는 textarea를 프로그램 개발할 때 사용하는 텍스트 에디터처럼 바꿔주는 라이브러리입니다. Tab으로 들여쓰기, Shift+Tab으로 내어쓰기, 여러 라인 한꺼번에 들여쓰기/내어쓰기, 여는 괄호쓰면 닫는 괄호 자동으로 생기기 등 진짜 텍스트 에디터처럼 여러 가지 기능이 지원됩니다. Check out this Pen! [참고] Tab Override – textarea 안에서 Tab키로 들여쓰기 가능하게 해주는 라이브러리 »
Toolbar.Js http://paulkinzett.github.com/toolbar/ Toolbar.Js 는 말풍선 모양 툴바를 만들어주는 jQuery plugin 입니다. 아래의 데모에서 기어모양 아이콘을 클릭해보세요 Check out this Pen! »
ChronoZoom http://www.chronozoomproject.org/ 웹사이트에 방문해보면 ChronoZoom is an interactive timeline for all of history. 라고 소개되어 있습니다. 미국 버클리 대학교에서 진행중인 프로젝트인데 여기 소개글이 있습니다. 영어라서 많이 읽지는 못했습니다. ChronoZoom에 처음 방문하면 Cosmos가 선택되어 있습니다. 우주의 역사입니다. 웹사이트의 우측 상단에서 Humanity, Human Prehistory, Life, Earth 도 선택할 수 있습니다. 화면을 마우스로 드래그, 줌인/줌아웃 할 수 있고 클릭해서 세부 항목으로 들어갈 수 있습니다. 곳곳에 동영상과 설명도 있습니다. 사용자가 재미있게 볼 수 있고 내용 이해도... »
CanvasQuery http://canvasquery.com/ CanvasQuery는 canvas 작업을 jQuery의 메서드 체인 형태 문법을 사용해서 할 수 있게 만든 라이브러리입니다. cq(640, 480) .drawImage(image, 0, 0) .fillStyle("#ff0000") .fillRect(64, 64, 32, 32) .appendTo("body"); 위와 같은 형태의 코딩이 가능해집니다. »
Recent Comments