댓글 (0) 
이글은 웹 페이지에서 javascript 를 사용함에 있어 “Graceful Degradation” 과 “Progressive Enhancement” 에 대해서 설명하고 있습니다. 두가지 구현 방법에 대해 설명하고 각각의 구현 예를 제시합니다. 웹 접근성을 위해서는 어떤 구현 방법이 좋은지 (뻔하지만…) 설명합니다.
웹 사이트의 메인화면이나 하단 영역에 흔히 쓰이는 관련 사이트 바로가기 UI요소가 있습니다. 보통, 콤보상자에 관련사이트 목록을 나열하고 사이트를 선택하면 새창으로 선택한 사이트가 열리도록 구성 합니다. 하지만 이런 방법은 웹 접근성에 문제가 있습니다. 이 글에서는 이런 UI요소를 웹 접근성을 준수하도록 단계별로 개선하는 방법을 설명합니다.
개요 홈페이지 작업을 하면 빠지지 않는게 사용자가 입력한 폼을 전송하는 겁니다. 그런데, 이 폼이 구성된 페이지의 캐릭터셋과 받는 페이지의 캐릭터셋이 다르면 입력한 글자가 깨지게 됩니다. 저도 이번에 타 시스템과 연동을 한 경험이 있는데요 우리가 작성한 페이지는 EUC-KR 이었고 검색을 수행하는 솔루션의 페이지는 UTF-8 이었습니다. 물론, 해당 솔루션을 변경할 수는 없는 노릇이었습니다. 이런 경우 사용할 수 [...]
개발 | 
charset, form, javascript, 개발
개요 홈페이지를 만들다 보면 IFrame 에 타 도메인의 어플리케이션을 넣어야 하는 경우가 생깁니다. 이런 경우 문제는 IFrame 안에 삽입된 타 도메인의 어플리케이션의 문서가 IFrame 의 높이를 넘어서면 IFrame 에 스크롤바가 생기면서 별로 보기가 좋지 않아집니다. 이 문서에서는 삽입된 어플리케이션 문서의 높이에 따라 IFrame 높이를 적절하게 조절해서 스크롤바를 없애는 방법을 설명합니다. 조건 A 도메인 a.htm 에 [...]
개발 | iframe, javascript, resize, 개발
MooTools 를 사용하다보면 bind 라는 말이 종종 등장하고 documents 를 보다봐도 인자로 bind 가 자주 등장합니다. 처음 MooTools 를 접해 사용하면 이 bind 의 개념을 잡지 못해 헷갈리곤 합니다. 저도 첨엔 그랬습니다. 이 글에서는 이 bind 에 대해 가능한 최대한 아는대로 설명해 보겠습니다. 그리고, 이 글은 방명록에 펑크테디 님께서 남겨주신 질문에 대한 답이기도 합니다. bind [...]
개발 | bind, closure, javascript, mootools
gun-asterisk-js 프로젝트에 gun.gchart.js 컴포넌트를 추가했습니다. 구글 코드에서 확인하거나 참여하실 수 있습니다. 프로젝트 홈 : http://code.google.com/p/gun-asterisk-js gun.gchart.js Source : http://code.google.com/p/gun-asterisk-js/source/browse/#svn/gchart/trunk Overview gun.gchart.js 는 Google Chart API 를 편하게 사용할 수 있도록 한 단순 Wrapper 입니다. 나중에 Google Chart Generator 를 만들어볼 요량으로 시작했습니다. Google Chart 와 관련해서는 이미 다양한 언어를 위한 Wrapper 와 차트 생성 도구등이 [...]
개발 | api, chart, google, gun.gchart.js, javascript, mootools, pie, wrapper, 구글차트
OfficeFolders theme by Themocracy.
Modified by Yangkun (It's me).
