이글은 웹 페이지에서 javascript 를 사용함에 있어 “Graceful Degradation” 과 “Progressive Enhancement” 에 대해서 설명하고 있습니다. 두가지 구현 방법에 대해 설명하고 각각의 구현 예를 제시합니다. 웹 접근성을 위해서는 어떤 구현 방법이 좋은지 (뻔하지만…) 설명합니다.
웹 사이트의 메인화면이나 하단 영역에 흔히 쓰이는 관련 사이트 바로가기 UI요소가 있습니다. 보통, 콤보상자에 관련사이트 목록을 나열하고 사이트를 선택하면 새창으로 선택한 사이트가 열리도록 구성 합니다. 하지만 이런 방법은 웹 접근성에 문제가 있습니다. 이 글에서는 이런 UI요소를 웹 접근성을 준수하도록 단계별로 개선하는 방법을 설명합니다.
미투데이에서 naradesign님의 div 를 ‘디브’ 말고 ‘디비전’이라고 읽어야 한다 라는 내용의 글이 이슈더니. NARADESIGN:BLOG 에 같은분이 HTML 어떻게 읽는것이 좋을까? 라는 포스트를 발행하셨네요. 이에 대해 “내 맘대로 보는 세상” 을 운영하시는 정태영님 께서는 RE: HTML 어떻게 읽는것이 좋을까? 라는 포스트로 다른 생각을 전하고 있습니다. 저역시, HTML 어떻게 읽는것이 좋을까? 라는 포스트에 트래백을 걸 요량으로 이글을 [...]
edocr 이라는 사이트에서 여러 사용자들이 등록한 문서들중에 cheatsheet 태그가 붙은 문서들을 모아 보여주는 페이지입니다. 각종 cheatsheet (커닝페이퍼?) 들이 등록되어 있어서 유용하게 사용할 수 있을것 같습니다. (cheatsheet 는 A4 한장으로 출력해 참조 할 수 있는 reference 정도로 볼 수 있겠습니다.) 포함하는 cheatsheet 로는 javascript, ruby, adobe AIR 등 다양합니다… 심지어 Twitter 까지 등록되어 있네요. 각각의 cheatsheet [...]
이 캠페인은 Internet Explorer 6 사용자가 브라우저를 업그레이드하도록 권장하는 것에 그 목적이 있습니다. Internet Explorer 6은 이미 시대에 뒤떨어졌고, 이 브라우저의 존재 때문에 많은 웹 사이트 개발자들이 보다 복잡한 환경을 고려하여 웹 사이트를 제작해야 합니다. 이로 인해 개발자들은 과중한 업무와 스트레스에 시달리고 있습니다.
새로운 브라우저들이 여러분의 웹 서핑을 보다 즐겁게 만들어 드릴 것입니다.
사람 하나 살리는 셈 치고, 브라우저를 업그레이드 해주세요!
개요 홈페이지 작업을 하면 빠지지 않는게 사용자가 입력한 폼을 전송하는 겁니다. 그런데, 이 폼이 구성된 페이지의 캐릭터셋과 받는 페이지의 캐릭터셋이 다르면 입력한 글자가 깨지게 됩니다. 저도 이번에 타 시스템과 연동을 한 경험이 있는데요 우리가 작성한 페이지는 EUC-KR 이었고 검색을 수행하는 솔루션의 페이지는 UTF-8 이었습니다. 물론, 해당 솔루션을 변경할 수는 없는 노릇이었습니다. 이런 경우 사용할 수 [...]
개요 홈페이지를 만들다 보면 IFrame 에 타 도메인의 어플리케이션을 넣어야 하는 경우가 생깁니다. 이런 경우 문제는 IFrame 안에 삽입된 타 도메인의 어플리케이션의 문서가 IFrame 의 높이를 넘어서면 IFrame 에 스크롤바가 생기면서 별로 보기가 좋지 않아집니다. 이 문서에서는 삽입된 어플리케이션 문서의 높이에 따라 IFrame 높이를 적절하게 조절해서 스크롤바를 없애는 방법을 설명합니다. 조건 A 도메인 a.htm 에 [...]
MooTools 를 사용하다보면 bind 라는 말이 종종 등장하고 documents 를 보다봐도 인자로 bind 가 자주 등장합니다. 처음 MooTools 를 접해 사용하면 이 bind 의 개념을 잡지 못해 헷갈리곤 합니다. 저도 첨엔 그랬습니다. 이 글에서는 이 bind 에 대해 가능한 최대한 아는대로 설명해 보겠습니다. 그리고, 이 글은 방명록에 펑크테디 님께서 남겨주신 질문에 대한 답이기도 합니다. bind [...]