본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

웹 퍼블리셔/웹접근성

웹디자이너와 개발자를 위한 파이어폭스 부가기능 베스트30 Fasterfox Fasterfox allows you to tweak many network and rendering settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay. Dynamic speed increases can be obtained with the unique prefetching mechanism, which recycles idle bandwidth by silently loading and caching all of the links on the page you are browsing. A popup blocker for popups initiated by Flash..
[크로스브라우징] ie6에서 png파일 투명하게 하기 [크로스브라우징] ie6에서 png파일 투명하게 하기 ie6 png 검색을 하면 익스프로러 6버젼의 문제점 해결하는 방법이 많이 나와있습니다. 하지만 시대가 변화고 프로그램도 계속변화고 있기에 익스프로러 6에서 png배경 제거하는 방법도 여러가지로 변화하고 있습니다. 그 중 가장 대표적인 방법을 소개합니다. 제일 최신버젼이긴 하지만 다른 방법을 사용해도 무관합니다. 우선 다음 그림 파일들의 차이점을 알아보겠습니다. JPG 파일 : 압축파일 ㆍ 화질도 좋고 용량도 적음 GIF 파일 : 압축파일 ㆍ 256가지 색 표현 ㆍ 투명도 표현 가능 PNG 파일 : 압축파일 ㆍ 화질은 좋은나 용량이 큼 ㆍ 투명도 표현 가능 BMP 파일 : 원본파일 ㆍ 화질도 좋고 용량도 큼 투명도 표현이 가능한 GIF 파일을 쓰면 좋..
[웹접근성] 파이어폭스4.0 부가기능 설치하기 웹표준을 하기위해선 웹표준을 검사하는 기능들이 잘 갖쳐줘야 작업하는데 편리합니다. 그 중 파이어폭스의 부가기능은 작업의 효율성을 높여주고 시간절약을 해줍니다. 파이어폭스를 깔면 기본적으로 3가지 정도 부가기능만 깔아주면 이용하는데 아주 도움을 줍니다. 1.파이어버그(Firebug) 2.웹개발 툴(Web Devloper) 3.html 유효성 검사(Html Validator) 파이어폭스 4.0 을 기준으로 설명하겠습니다. 다운은 여기서 받으시면 됩니다. http://www.mozilla.or.kr/ko/ Firefox의 부가기능으로 들어갑니다. 검색란에 Firebug라고 검색을 하면 여러가지 기능의 플러그인이 나옵니다. 요놈을 찾아서 설치하시기를 누르면 됩니다. 우선 각 기능들을 간단히 소개하고 자세한 사항..
[크로스브라우징] ie6 ie7에서 z-index 값이 안 먹히는 경우 [IE6~9] ie6 ie7에서 z-index 값이 안 먹히는 경우 크로스브라우징 작업을 하다보면 z-index를 써야 할 경우가 있는데요. 팝업창이나 메뉴사용시가 그럴 경우 입니다. ie8 ie9에서는 상관이 없지만 ie6 ie7에서는 z-index버그가 있기때문에 핵을 사용해도 해결 될 수 없는 부분입니다. 그래서 사용하는 방법이 절대값(absolute)과 상대값(relative)을 사용하는 것입니다. 기본적인 개념을 이렇습니다. 상위(posiotion:relative)값에 높은 쪽 z-index를 넣고 하위(position:absolute)값에 낮은 z-index 값을 넣는다. 로그인 창이 메뉴네비게이션에 가리는 문제점이 생기네요^^ 그래서 절대값과 z-index값을 줬습니다. 그랬더니 이렇게 바뀌..
[웹접근성] 웹 접근성 품질마크 인증 기준 웹 접근성 품질마크 인증 기준 웹 접근성 품질마크 인증을 받으려면 KADO의 평가기준을 만족시켜야 한다. 평가기준은 KWCAG 2.0에 근거하고 있으며 각 항목은 중요도에 따라서 최소한의 준수기준을 지켜야 한다. 출처 : 웹표준화 가이드 출처 : 웹접근성 연구소 ㆍ인식의 용이성 텍스트 아닌 콘텐츠의 인식 텍스트가 아닌 콘텐츠에는 모두 대체 텍스트가 제공되어야 한다. [준수기준:90%] 대체 텍스트의 내용은 적절하게 제공되어야 한다. [준수기준 : 90%] 정보가 있는 콘텐츠를 배경 이미지로 사용하지 않아야 한다. [준수기준 : 90%] 멀티미디어 매체의 인식 동영상 등의 시청각 멀티미디어 콘텐츠에는 동기화된 자막이 제공되어야 한다. [준수기준 : 90%] 콘텐츠의 시각적 명료성 색상으로 표현된 정보는 색..