본문 바로가기
반응형

it backup15

웹접근성 품질인증기관 지정에 따른 미래창조과학부에서 선정한 웹접근성마크인증기관 미래창조과학부 공고 제2014-024호의 내용「국가정보화기본법」제32조의2 및 동법 시행규칙 제3조의3에 의거 다음과 같이 웹 접근성 품질인증기관으로 지정되었음을 공고합니다.2014. 1. 27. 미래창조과학부장관 지정 번호업체명대표자사업자 등록번호전화번호주소제 2014-01호한국웹접근성인증평가원(사단법인 한국장애인단체총연합회) http://www.wa.or.kr/장윤식107-82-1678802-858-7220[사업장] 서울특별시 영등포구 국제금융로6길30(여의도동, 백상빌딩 916,917호) [본 점] 서울특별시 영등포구 의사당대로 22제 2014-02호주식회사 웹와치 http://webwatch.or.kr/이범재107-87-3617302-2678-0078서울특별시 영등포구 도림로 310-1, 신일빌딩.. 2015. 8. 1.
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 [크로스브라우징 CSS] 크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류 콜 width % 오류 테스트 콜 width % 오류 테스트 35% 25% x% 5% checker checker checker checker 콜 width % 오류 테스트 IE 6.0 IE 8사파리 브라우저 크롬위에 보다시피 파이어폭스,인터넷 익스플로러에서는 별 문제 없어 보이지만, 크롬 브라우저와 사파리브라우저에서는 %로 테이블 col width 값을 준 경우에 간격이 모두 똑같아 보이는 현상이 생긴다. 이럴 때 테이블 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처.. 2015. 7. 27.
[원노트 사용법] OneNote에서 티스토리 블로그로 원격 글 작성하기/OneNote Word 티스토리 원격포스팅 원노트에서 티스토리 블로그로 글을 보내려면 우선 티스토리 블로그 관리자 메뉴에서 간단한 설정을 먼저 해야 한다. 티스토리 블로그 관리 메뉴로 가서 글관리-글설정-API 사용,사용안함에서 사용을 선택 해주고 확인. 참~ 쉽죠잉? 이거보다 쉬울 수가! 원노트에서는 파일-보내기-블로그로 보내기를 선택 하면 사실상 Word가 실행되고 워드가 블로그로 글내보내기를 실행한다. 원노트 메뉴에서 글보내기를 해서 실행 된 워드에서 계정관리를 선택하면 아래와 같이 나온다. 처음 계정을 설정하는 사람들은 목록이 비어있다~. 새로 만들기 버튼을 클릭하면... 블로그 공급자 선택 목록을 열면 블로그 공급자 선택은 기타를 선택. API항목은 MetaWebLog를 선택. 블로그 게시 URL은 티스토리 관리자메뉴에서 API사용하기 .. 2015. 7. 23.
[CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacity [CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacityCSS3 rgba(0,0,0,0.25) rgba(red, green, blue, alpha) 텍스트의 color 값을 rgba 로 설정한다. rgba 는 red, green, blue, alpha 로 기존의 RGB이외에 알파값의 투명도까지 한번에 설정해줄 수 있다. 빨간색으로 설정하는경우 rgba(255, 0, 0, 1) 로 설정. R, G, B 값은 0~255 까지의 값을 가지며 a 값은 0~1 까지의 값을 가진다. 아래는 빨간색을 투명도 0.25로 설정한 것. 25%의 투명도 값을 갖게 된다. 25%의 투명도에 빨간색 텍스트100%의 투명도에 빨간색 텍스트 25%의 투명도에 빨간색 텍스트.. 2015. 7. 21.
브라우저가 자꾸 쿼크모드(Quirks Mode:관용모드)로 인식 될때 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 브라우저가 강제로 쿼크모드(Quirks Mode)로 인식 될때 쿼크모드(Quirks Mode:쿽스모드)는 구시대 웹 브라우저 버전에 맞추어서 개발된 웹페이지의 하위 호환성을 유지하기 위해 W3C나 IETF의 표준을 준수하는 표준모드가 아닌 방식으로 렌더링을 하는 기술모드를 지칭한다. 같은 태그라 하더라도, 브라우저마다 전혀 다른 결과를 표현하게 되므로, 크로스 브라우징에 방해가 된다. 쿼크모드로 동작하게 될 때는 대체로 DTD가 선언이 되어 있지 않거나, DTD를 잘못 선언했을 때 쿼크모드에 빠지게 된다.Q : Quirks Mode (하위버전 렌더링 호환성 유지 모드)A : Almost Standards Mode (표준에 준하는 모드)S : Standards Mode (표준 준수 모드)DTD의 종류IE6.. 2015. 7. 21.
IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 이 문제를 정의하기는 참 애매한데...벌써 두번 째 보는 증상이라...우연이라 보기에도 석연치 않지만, 어쨓거나 발생하는 증상이니, 사람 미칠 노릇이다. IE9이상 브라우저에서 호환성 모드이거나 혹은 IE7 버전에서 종종 발생 되는 현상으로, P태그 내의 텍스트가 조금씩 잘리면서 반복되는 경우가 종종 있다. 이 것을 딱히 뭐라 정의하기 힘들고, 원인도 모르겠다. 하지만 대체로 공통적인 fact는 태그 초기화를 하지 않은 사이트들에서 종종 발생한다. 공통적인 특이점이 발견되었다면, 특이하지 않게 해주면 되지 않을까 해서, P { overflow: hidden} 을 CSS에 삽입해 보았다. 결론은 잘 나온다는 것이다. 굳이 overflow:hidden이.. 2015. 7. 18.
카카오스토리 공유버튼 (Share버튼)으로 웹 링크 보내기 API [SNS공유버튼] 카카오스토리 공유버튼 (Share버튼)으로 웹 링크 보내기 API여러분은 지금 티스토리 블로그를 보고 계신데요. 티스토리에서는 아래와 같은 SNS공유 버튼이 있죠. 이 중에서 트위터나 페이스북은 워낙에 오래 됐으니, 이 버튼의 구현 방법은 인터넷에 많이 검색되고 있죠. 반면에 카카오스토리에 대한 정보는 아직 그리 많지가 않은 편인데요. 별 것도 아닌데 꽁꽁 싸매두고 공개가 되지 않는 듯한 느낌이예요. 아니면 공개들을 많이 해놨는데 죄다 네이버 검색에서 저품질 먹고 뒤에 가서 처박혀 있는건지도 모르겠네요. 아무튼 티스토리는 카카오와 같은 회사기 때문에, 티스토리 관리자에서 플러그인 설정만으로 간단하게 저 버튼이 생기게 되죠. 하지만 일반 웹사이트에서는 저 부분을 직접 구현을 해주어야 하는.. 2015. 7. 13.
[웹표준/웹접근성] table css caption, legend, label, .hidden 안보이게 처리. table 코딩할 때 caption, legend, label, .hidden CSS 처리로 안보이게 할 때 웹접근성을 위해 표준 코딩을 하고자 할 때, 디자인의컨셉과 맞지 않는 테이블의 캡션,폼필드의 legend, label등을 보이지 않게 처리해줄 필요가 있다. 이럴 때 보통 display:none을 쓰는 경우가 많은데, display:none을 쓰면 validator는 인정을 하지만, 장애인들을 위한 스크린 리더는 텍스트를 읽지 못한다. 아무튼 이러한 경우에는 다음과 같이 visibility를 조정하는 것이 합당하다. caption, legend, label, .hidden {visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px.. 2015. 7. 7.
[웹표준] UTF-8 파일에서 Byte-Order 표시[BOM ]가 발견되었을 때 해결 방법 w3c validator를 돌리다보면 오래된 사이트들에서 UTF-8 파일의 "Byte-Order" 표시가 발견되었다는 문구가 나올 때가 있다. 비단 사이트가 오래되지 않았더라도, 울트라 에디터나 에디터 플러스의 구버전 혹은 최근 버전이라도 설정 잘못으로, UTF-8로 된 문서 앞에 이 문서가 "UTF-8문서요~"라고 알려주는 코드 바이트가 들어가는 모양이다. 해결방법은 울트라 에디트와 드림위버 두가지만 설명해 두겠다. 울트라 에디터의 경우 해결 방법은 다음 이미지에서 보다시피 "모든 UTF-8파일이 저장될 때 UTF-8 BOM 헤더 기록을 해제하면 된다. 에디터 플러스에서라면, UTF-8식별기호 제거를 체크해두면 UTF-8 BOM이 들어가 있는 문서에서 BOM을 제거할 수 있다. 2015. 6. 30.
반응형