본문으로 바로가기

Category: 개발

웹 접근성을 위한 자바스크립트 적용 방법 (Graceful Degradation vs. Progressive Enhancement)

By 양군, 2010-01-19
CSS 까지 적용된 화면

이글은 웹 페이지에서 javascript 를 사용함에 있어 “Graceful Degradation” 과 “Progressive Enhancement” 에 대해서 설명하고 있습니다. 두가지 구현 방법에 대해 설명하고 각각의 구현 예를 제시합니다. 웹 접근성을 위해서는 어떤 구현 방법이 좋은지 (뻔하지만…) 설명합니다.

웹 접근성 고려한 “관련사이트 바로가기” 구현 방법

By 양군, 2010-01-13
관련 사이트 바로가기 (콤보상자)

웹 사이트의 메인화면이나 하단 영역에 흔히 쓰이는 관련 사이트 바로가기 UI요소가 있습니다. 보통, 콤보상자에 관련사이트 목록을 나열하고 사이트를 선택하면 새창으로 선택한 사이트가 열리도록 구성 합니다. 하지만 이런 방법은 웹 접근성에 문제가 있습니다. 이 글에서는 이런 UI요소를 웹 접근성을 준수하도록 단계별로 개선하는 방법을 설명합니다.

RE:HTML 어떻게 읽는것이 좋을까?

By 양군, 2010-01-08

미투데이에서 naradesign님의  div 를 ‘디브’ 말고 ‘디비전’이라고 읽어야 한다 라는 내용의 글이 이슈더니. NARADESIGN:BLOG 에 같은분이  HTML 어떻게 읽는것이 좋을까? 라는 포스트를 발행하셨네요. 이에 대해 “내 맘대로 보는 세상” 을 운영하시는 정태영님 께서는 RE: HTML 어떻게 읽는것이 좋을까? 라는 포스트로 다른 생각을 전하고 있습니다. 저역시, HTML 어떻게 읽는것이 좋을까? 라는 포스트에 트래백을 걸 요량으로 이글을 [...]

Cheatsheet (커닝페이퍼) 공유 사이트 와 MooTools Cheatsheet

By 양군, 2009-06-13

edocr 이라는 사이트에서 여러 사용자들이 등록한 문서들중에 cheatsheet 태그가 붙은 문서들을 모아 보여주는 페이지입니다. 각종 cheatsheet (커닝페이퍼?) 들이 등록되어 있어서 유용하게 사용할 수 있을것 같습니다. (cheatsheet 는 A4 한장으로 출력해 참조 할 수 있는 reference 정도로 볼 수 있겠습니다.) 포함하는 cheatsheet 로는 javascript, ruby, adobe AIR 등 다양합니다… 심지어 Twitter 까지 등록되어 있네요. 각각의 cheatsheet [...]

브라우저 업그레이드 캠페인에 한표

By 양군, 2009-02-26

이 캠페인은 Internet Explorer 6 사용자가 브라우저를 업그레이드하도록 권장하는 것에 그 목적이 있습니다. Internet Explorer 6은 이미 시대에 뒤떨어졌고, 이 브라우저의 존재 때문에 많은 웹 사이트 개발자들이 보다 복잡한 환경을 고려하여 웹 사이트를 제작해야 합니다. 이로 인해 개발자들은 과중한 업무와 스트레스에 시달리고 있습니다.

새로운 브라우저들이 여러분의 웹 서핑을 보다 즐겁게 만들어 드릴 것입니다.
사람 하나 살리는 셈 치고, 브라우저를 업그레이드 해주세요!

다른 캐릭터셋으로 폼 전송하기

By 양군, 2008-11-09

개요 홈페이지 작업을 하면 빠지지 않는게 사용자가 입력한 폼을 전송하는 겁니다. 그런데, 이 폼이 구성된 페이지의 캐릭터셋과 받는 페이지의 캐릭터셋이 다르면 입력한 글자가 깨지게 됩니다. 저도 이번에 타 시스템과 연동을 한 경험이 있는데요 우리가 작성한 페이지는 EUC-KR 이었고 검색을 수행하는 솔루션의 페이지는 UTF-8 이었습니다. 물론, 해당 솔루션을 변경할 수는 없는 노릇이었습니다. 이런 경우 사용할 수 [...]

타 도메인 IFrame 높이 조절하기

By 양군, 2008-11-05

개요 홈페이지를 만들다 보면 IFrame 에 타 도메인의 어플리케이션을 넣어야 하는 경우가 생깁니다. 이런 경우 문제는 IFrame 안에 삽입된 타 도메인의 어플리케이션의 문서가 IFrame 의 높이를 넘어서면 IFrame 에 스크롤바가 생기면서 별로 보기가 좋지 않아집니다. 이 문서에서는 삽입된 어플리케이션 문서의 높이에 따라 IFrame 높이를 적절하게 조절해서 스크롤바를 없애는 방법을 설명합니다. 조건 A 도메인 a.htm 에 [...]

MooTools 의 bind 와 클로저(Closure)

By 양군, 2008-10-24

MooTools 를 사용하다보면 bind 라는 말이 종종 등장하고 documents 를 보다봐도 인자로 bind 가 자주 등장합니다. 처음 MooTools 를 접해 사용하면 이 bind 의 개념을 잡지 못해 헷갈리곤 합니다. 저도 첨엔 그랬습니다. 이 글에서는 이 bind 에 대해 가능한 최대한 아는대로 설명해 보겠습니다. 그리고, 이 글은 방명록에 펑크테디 님께서 남겨주신 질문에 대한 답이기도 합니다. bind [...]

OfficeFolders theme by Themocracy. Modified by Yangkun (It's me). Valid XHTML 1.0 Transitional 올바른 CSS입니다!