Flash PNG
플래시에서 작업을 할때 외부에서 이미지 파일을 불러와서 사용하는 경우가 많다. 배경이 없는 투명 이미지를 사용해야 할때 GIF 형식을 사용하게 되면 배경 테투리에 특정 컬러가 지정되어 다른 배경에서는 사용할 수가 없게 된다. PNG 형식을 사용하면 경계면이 반투명하게 되고 이미지전체에 지정된 투명도 적용할 수 있기 때문에 플래시에서 사용할 이미지 파일은 PNG 형식을 사용하는 것이 좋당.
Articles
Components
HTML
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: 문서포함 방법
- 브라우저 통계