티스토리 툴바


IT Story2011/04/01 01:33

flash mx : flash6
flash mx2004 : flash7
flash cs2: flash8
flash cs3 : flash9
flash cs4 : flash10

포러샵 7.0까지 숫자들어간 버젼
포러샵 cs (Creative Suite) 코드명; 다크매터 -8.0
포러샵 cs2  코드명;스페이스몽키 -9.0
포러샵 cs3  코드명;레드필 -10.0
포러샵 cs4 코드명;스톤헨지 -11.0
포러샵 cs5 코드명;화이트래빗 -12.0
Posted by 꼴뚜기_
웹접근성,웹표준2011/01/29 06:31

style="ime-mode:auto;"
한/영중 선택


style="ime-mode:active;"
한글

style="ime-mode:inactive;"
영문


style="ime-mode:disable;"
무조건 영문 (한글 입력 안됨)



IE 세로스크롤바없애기

html{
overflow:auto;
}
Posted by 꼴뚜기_
웹접근성,웹표준2011/01/29 06:23

word-break:break-all; /*IE*/

word-wrap:break-word; /*IE*/ /*FF*/

white-space:pre-wrap; /*css3*/

white-space:-moz-pre-wrap; /*Mozilla*/

white-space:-pre-wrap; /*opera4-6*/

white-space:-o-pre-wrap; /*opera7*/


Posted by 꼴뚜기_
웹접근성,웹표준2011/01/29 06:11

인라인요소처럼 가로로 배치되면서,
블록요소처럼 width, height, padding, margin 을 사용할 수 있는 속성


FF3부터는 inline-block을 지원하므로 아래와같이 핵을 쓰면...
IE6~7에서 나타나는 버그도 잡을 수 있다.

display:inline-block;
*display:inline;
*zoom:1;
Posted by 꼴뚜기_
웹접근성,웹표준2011/01/27 04:18

div - block element - 기본값이 block
span -  inline element - 기본값이 inline


즉, block으로 설정하면 줄바꿈, 상하 마진, 패딩속성 사용가능
line으로 설정하면 줄바꿈은 되지 않지만, 상하 마진, 패딩 속성 불가능

Posted by 꼴뚜기_
웹접근성,웹표준2011/01/27 02:30

object, param 요소는 문서안에 다른 종류의 미디어를 삽입할때 쓰인다.
- 플래시, 동영상

object 태그는 포함하고 있는 컨텐츠를 대체 컨텐츠로 인식한다.

<object data="" type="">
<p></p>
</object>

type에 지정된 적절한 플러그인을 찾을 수 없는 경우, 포함하고 잇는 <p></p>의 내용을 대체내용으로 이용한다.



플래시 플레이어 로딩


 

--- 기본형 ------------------------------------------

<div id="flash">
   <!-- Hixie method -->
   
  <!--[if IE] ><-->
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="500" height="100">
  <![endif] -->
 
  <!--[if IE] ><-->
  <object type="application/x-shockwave-flash" data="images/menu.swf" width="500" height="100">
  <!--><![endif]-->
 
  <param name="movie" value="images/menu.swf" />
  <!--window의경우 Flash Movie를 맨앞에 놓게된다.--> 
  <!--opaque의경우 불투명처리되며, 위에 레이어를 올릴 수 있다.-->
  <!--transparent의경우 반드시 필요한 경우에만 사용한다, 면적이 넓으며 피하는것이 좋고,보조기기가 접근하지못한다-->
  <param name="wmode" value="opaque">
  <p>대체텍스트</p> 
  </object>
</div>

[Tip1] 익스플로러에서 대체텍스트 확인방법
[Tip2] asp에서 중첩 오브젝트 경고가 있을시에는 첫번째 오브젝트를 <%=”<object”%> 과 같이 적는다.

참고글 : http://www.hoiheart.com/wp/archives/19

Posted by 꼴뚜기_
웹접근성,웹표준2011/01/20 15:49

줄바꿈금지


.nobr {white-space:nowrap;}
.nobr {white-space:nowrap; overflow:hidden;}


파이어폭스의 스크롤바 보이게 하기


html {overflow:-moz-scrollbars-vertical;}


블록 엘리먼트 수평 중앙정렬 하기

.div {width:500px; margin:0 auto;}


IE의 textarea에서 스크롤바 감추기

BODY {overflow:auto;}
TEXTAREA {overflow:auto;}


출력시 페이지 넘김 처리하기

h2 {page-break-before:always;}

Posted by 꼴뚜기_
Ux Insight2010/08/27 11:51




http://www.zdnet.co.kr/Contents/2010/08/25/zdnet20100825161826.htm
Posted by 꼴뚜기_
TAG WM
Ux Insight2010/08/23 11:22
Posted by 꼴뚜기_
TAG tat
Ux Insight2010/08/23 11:03
Posted by 꼴뚜기_