Search results for 'markUp'

  1. 2009/08/28 -- 에릭마이어 css reset (1)
  2. 2009/05/18 -- 전자정부 웹표준화 사업 설명회
  3. 2009/01/16 -- display: inline-block 해결책 (3)
  4. 2008/12/03 -- IE_6 bug a:hover [select] { property: value; } (5)

에릭마이어 css reset

2009/08/28 09:47
1 Commnet
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}
body {
   line-height: 1;
   color: black;
   background: white;
}
ol, ul {
   list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

엽님 markUp

2009/08/28 09:47 2009/08/28 09:47
  1. Blog Icon
    mihee
    2009/09/14 17:29
    Reply | Edit

    접근성을 생각하는 경우에 :focus { outline: 0;} 이 아이는 살포시 삭제를.. 씨익

[로그인][오픈아이디란?]

전자정부 웹표준화 사업 설명회

2009/05/18 19:38
Leave a Comment
[전자정부 웹표준화 사업]

추진목적
  • 국민 누구라도 신체 및 이용환경에 구애되지 않고 전자정부 서비스 이용 가능하도록 웹사이트 개선
  • 웹접근성 호환성을 높이겠다는 목적

09년 예산규모 : 120억원(추경) - 115억(구축) + 5억(교육)
  • 예산 집행 방식 : 전담기관 출연 후 , 조달 발주

추진 경과
  • 전자정부 웹표준 준수지침 마련 (07.04~08.04)
    • [전자정부 웹표준 준수지침] 고시 (08.04)
  • G4C 및 정보 공개시스템에 대한 웹표준 개선 시범적용 (09.01~09.07)
    • 소요예산 : 15.6억원, 수행업체 : 이컴라인 컨소시엄
  • 전자정부 웹표준화 사업 추겨예산 확보(09.04 - 120억원 확보)
  • 웹표준 강화 정책 수립을 위한 의견 수렴 (09.03)
  • 중앙행정기관 웹사이트 개선 대상 선정 (09.04.08~ 09.04.30)
  • [전자정부 웹표준 강회 종합대책] 발표 (09.05.25)

09년 (추경) 사업 추진 기본 방향
  • 최근의 경제위기상황을 감안, 예산의 조기집행을 위해 7월까지 계약체결 및 선금 조기 집행 추진
  • (1) 기술적 제약이 없는한 (- 단서),  (2)최소 3종 이상의 브라우져에서 전자정부 서비스가 정상 동작 하도록 웹사이트 개선
  • 웹 접근성 향상을 위한 국가표준 기술 가이드라인에 따라 개선 (-18개 지표 )

----아래 부분은 관려 자료가 아닌 구두로 이루어진 회의 내용

진단 방법
  • 웹접근성 관련 18개 지표
  • 국내 웹접근성, 표준 관련 툴, 진단업체 (X- 검증되지 않고 진단 업체에 관한 공식적인 자료가 없음 )
  • w3c html/css Validator  통과
  • 마지막으로  사용자편의성 진단 (실제 사용자들의 사용성 평가)

브라우져에 구애되지 않고 서비스 이용에 관한
  • [최소 3종이상의 브라우져]는 전담 기간이 정한다 (ie6 ie7 ie8 = X ff1.5, ff2.0, ff3.0 = X ㅡ버전별이 아닌 브라우져 자체 ie, ff , safari, crom....)
  • 표준을 지키고
  • active x 관련 Issue
    • 근본적으로  ie전용 기술사용 하지 말고 다른 브라우져에서도 사용 가능 한 방식으로 재 개발 (active x개발 지양)
    • active x 제거 사업
    • ex)플래쉬 플래에이와 같이 ie에서는 active x를 사용 하고 타브라우져에서는 플러그인 방식을 이용 하여 다른 브라우져에서의 똑같은 사용자 경험을 제공 한다
    • 인증서로그인인이나 보안 관련 대체 기술이 이미 나와있음, 사업자가 알아서 판단 하여 사용(위의 단서와 같이 최소 3개 브라우져에서 동일한 사용자 경험전달이 중요)
  • 웹접근성 인증 마크
    • 인증마크획득은 사이트 구축시 목표로 되어야 하는것이 아님, 인증마크는 웹접근성을 알리기위한 목적임
    • 아직 정확히 정해져있지는 않지만 인증마크  획득관련은 차후에 다시 이야기함 - 현준호 팀장님
    • 그러나 인증마크획득의 목적으로 가지말고 진정 사용 자를 위한 웹사이트를 만들어 주었으면 하는 바램 - 현준호 팀장님
    • 기본적인 18개 지침은 100% 이루어 졌으면 하는 바램임. - 현준호 팀장님
    • 재구축, 제거작업 으로 끝나는것들이 아니라 여러가지 사례들로 앞으로 구축 시에 좀더 낳은 방향으로 진행 됬으면 좋겠다.

more..

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

엽님 markUp , , , ,

2009/05/18 19:38 2009/05/18 19:38
[로그인][오픈아이디란?]

display: inline-block 해결책

2009/01/16 15:56
3 Comments
 인라인블럭! 이런 쉬운놈

.inline-block {display:-moz-inline-box; display:inline-block; vertical-align:middle; }
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

엽님 markUp , , , ,

2009/01/16 15:56 2009/01/16 15:56
  1. Blog Icon
    OpenID Logo 파덕
    2009/03/16 13:39
    Reply | Edit

    워드프레스로 바꾸셨네요-ㅂ- (원래 워드프레스였나;; )
    테마가 이쁘네욤.

    -moz-inline-box 로 FF2는 해결되겠지만..
    block요소를 inline-block을 주고싶은경우 (<div>, <p>, <li> 등)
    ie에서는 inline-block이 안되고 block이 되요.
    그래서 저는 ie계열만 display:inline; zoom:1; 로 inline-block 같은 효과를 줬어요.

  2. Blog Icon
    엽님
    2009/03/16 14:18
    Reply | Edit

    난 span에만 쓴다 ㅋ

  3. Blog Icon
    미쓰리
    2009/03/19 16:57
    Reply | Edit

    텍스트 큐브같은뎅? ㅋㅋ
    스킨만 비슷할뿐.. ㅎ

[로그인][오픈아이디란?]

IE_6 bug a:hover [select] { property: value; }

2008/12/03 17:19
5 Comments

익스 6을 사용 하다보면 최신의 일반 브라우져들보다 많은 버그들을 마추치게 되고 좌절 하게 된다.

처음엔 왜 ?? 그럴까 이거 뭐지... ㅜ.ㅜ 한페지작업하면서 크로스 브라우징을 위해 철야를 한적도 있다.

그러면서 알아가고 해결방법을 찾아가고 본능적으로 ie6버그를 대비한 코드를 넣어준다
position:relative, display:inline, zoom:1(?) 등등을

다른 한가지 방법은 버{background그가 일어날꺼 같은 마크업을 피하고 스크립트의 도움을 받는경우(?)가 있겠다.

a:hover [selecter] { property: value; } 이놈 도 비슷했다

a [selecter] { property: value; } 에 관한 속성은 먹지만

a:hover [selecter] { property: value; } 와 같이 수도 클래스(:hover)를 사용 할경우 css 속성이 먹지 않는다.

그래서 별 일 이 없지 않는한 위와 같은 방법을 피해가면서 hover 시에 a 태그안의 [selecter]필요로 하지 않게 작업 했고 이놈 문제에 대해서 생각을 하지 않고 있었다.

그러다 웹서핑중에

dynamicdrive 에서 CSS Image Gallery 메뉴를 보고 demo를 익스6에서 돌려보고 스크립트를 썼나 하고 소스 확인을 해봤는데, 정말 css 만으로 작업이 되어있었다.
ㅋㅋㅋ 뭐지?? -.-;; 이미지와 css html 을 가지고 와 로컬에서 확인 해보고 익스 6에서 돌려보니 잘 적용됬다..

갑자기 두근 두근 ,,, css 를 하나씩 지워가면서 확인 해보니  a:hover {background-color: transparent } 요놈 이 였다

CDK에서도 위와 관련한 이야기들이 본기억에 다시 한번 검색 해보기로 했다 ㅋㅋ

a:hover element { property: value; } 를 ie에서 사용시 에 스타일 적용이 안된다는 내용이 있고
겨미겨미님께서  IE6 bug: Ignored selector hover bug 에 관한 사이트를 걸어주신 내용이 있다.

관심없이 봤을땐 눈에 들어 오지 않던게 아주 조금의 사랑을 줬더니 이런 득탬을 ㅎㅎ
그냥 안되는줄 알고 없다!? 단정짓고 지내왔던걸 이렇게 늦게나마 찾은 기쁨 !! ㅋㅋ

아직까지도 많이 배우고있고 많이 알려주시고 찾아주시고 자극시켜주시는 만랩형님들에게 감사인사 드린다.

ps. 팍덕님 말씀처럼 border:none; 이놈의 추가로도 버그가 사라지는군요 ^^ 감사힙니다.

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

엽님 markUp , , ,

2008/12/03 17:19 2008/12/03 17:19
  1. Blog Icon
    OpenID Logo 파덕
    2008/12/03 18:42
    Reply | Edit

    난 border:0; 로 했는데 'ㅂ'

  2. Blog Icon
    김군우
    2008/12/04 14:56
    Reply | Edit

    힘내랏!ㅋ

    근데 왜 오픈아이디 로그인 안되니~

  3. Blog Icon
    엽님
    2008/12/04 15:36
    Reply | Edit

    안되나요?? 파덕이는 잘 하던데..-.-

  4. Blog Icon
    OpenID Logo 겨미겨미
    2008/12/29 18:00
    Reply | Edit

    어, 되나?

  5. Blog Icon
    OpenID Logo 겨미겨미
    2008/12/29 18:00
    Reply | Edit

    어, 되네! ㅋ

[로그인][오픈아이디란?]