Hyeonseok.com

  • profile
  • blog
  • notebook
  • contact
  • search

Articles

  • HTML5 마크업 요약
  • CSS 제대로 쓰기
  • Cascading Style Sheet
  • 웹표준을 이용한 웹사이트 접근성의 향상
  • 잘못된 보안 권고 사항

Components

  • 모달
  • 아코디언

HTML

  • HTML 엔터티(entity)
  • HTML5 서식 기능
  • 섹션 제목(h1-h6)
  • 서식의 레이블
  • 링크의 대상창(target)
  • URL 인코딩
  • 자바스크립트 선언
  • 스타일 선언

CSS

  • CSS3
  • CSS3 background
  • CSS3 border
  • CSS3 transition
  • CSS3 2D transform
  • CSS3 3D transform
  • CSS3 Fonts basic properties
  • CSS3 Selector (TBD)
  • 링크 걸린 이미지의 경계선 없애기
  • 세로정렬 속성으로 이미지 아래의 여백 조정
  • 줄간격 속성을 이용한 이미지를 세로 방향 중앙 정렬
  • 표시 속성 조정으로 텍스트 링크를 버튼처럼 사용하기
  • cellpadding, cellspacing속성 없이 여백없는 table 만들기
  • 높이를 100%로 유지하는 레이아웃
  • IE 플로트 블록의 마진이 두배가 되는 오류

ETC.

  • 주요 W3C 기술 문서
  • 웹 에디터
  • 한글 공개 서체
  • 웹폰트
  • 브라우저
  • 브라우저 테스트 도구
  • 모바일 브라우저 테스트 도구
  • 모바일 브라우저 원격 디버깅 도구
  • 웹 페이지 분석 도구
  • 스크린 리더
  • 웹표준 테스트
DEPRECATED

HTML

  • Document Type Definition: 문서형 선언
  • object: 오브젝트 요소와 대체 콘텐츠, 표준에 맞는 플래시 무비 삽입
  • select: 인터넷 익스플로러의 선택 요소가 아이프레임을 뚫는 현상
  • frame: 인터넷 익스플로러에서 표준 DTD 때문에 프레임셋에 생기는 스크롤바 제거

CSS

  • clear: Float Element만 포함한 블록을 클리어하는 방법
  • margin: 여백 속성을 이용한 컨텐츠 블록의 중앙정렬
  • position: 화면 정 중앙에 위치하는 블록, IE에서 fixed 포지션 사용
  • scrollbar: IE 스크롤바 디자인 변경
  • display: IE에서 display: block을 사용할 경우 리스트 하단의 여백 없애는 방법
  • background: IE에서 줄이 나뉘는 인라인 블록의 배경 이미지가 안나오는 오류

Code snippet

  • window.open: 팝업창의 사용자 접근성 높이기
  • document.getElementsBySelector
  • addEvent, removeEvent (via QuirksMode)
  • Rollover Image
  • CSS3 Background Image Layering
  • className: 동적으로 class 바꾸기, Mouseover 시에 class 바꾸기
  • ListItemHeight: 리스트 항목의 높이 맞추기
  • Toggle List
  • Tab: 탭 컨텐츠
  • Cookie: 쿠키를 이용한 팝업 제어
  • Iframe: 아이프레임 크기 조절
  • Menu
  • PNG: IE에서 PNG 포맷의 이미지 사용
  • Flash Object를 Active-X로 바꾸기
  • MediaEmbed: 미디어 불러오기
  • Minimize Windows (Windows IE only)
  • Ticker
  • Slide: 컨텐츠 슬라이드
  • Scroll: 컨텐츠 스크롤
  • SmoothMovingLayer: 스크롤 따라 부드럽게 움직이는 레이어
  • MessageLayer
  • Library: 각종 자바스크립트 라이브러리
  • sIFR: 플래시를 이용한 서체 변경
  • 정규식: 각종 정규식 필터
  • 문자열 바이트 처리
  • 팝업창에 POST 값 전달하기

ETC.

  • 웹표준(Web Standards)
  • 테이블 레이아웃과 CSS 레이아웃
  • 웹표준 커뮤니티
  • 웹표준 서적
  • 웹표준 교육
  • 국내 웹표준 주요 이슈
  • CssTemplate: CSS 템플릿 다운로드 사이트
  • 저작 도구
  • Include: 문서포함 방법
  • 브라우저 통계

Flash

  • PNG: 투명효과가 들어간 이미지 사용
  • Loadmovie
  • Menu
  • Accessibility: 플래시 접근성
  • wmode: 윈도우 모드로 플래시 플레이어의 투명/불투명 제어

Since 2000, Under CC BY 4.0 license