나만의 공간: 10월 2009

2009년 10월 20일 화요일

2009년 10월 19일 월요일

jQuery TOOLS

tabs, tooltip, overlay, expose, scrollable, flashembed 에 대한 구현

쓸만한것들이 있는 곳.

2009년 10월 15일 목요일

SWFObject: Javascript Flash Player detection and embed script

오래전에 나왔던 플래시 삽입 스크립트.

그런데 얼마전에 알게 된곳이다. 이제는 IE 이올라스에 대한 것고는 상관없이 편리성(?)때문에 스크립트로 플래시를 삽입하고 있는데 이제는 플래시 대체 컨텐츠도 생각해야 할때이다.

반쪽짜리 웹표준 작업을 하느라 플래시 대체 컨텐츠는 만들지도 않고있는데.

SWFObject 를 사용하면 어느정도 해결이 가능할듯 하다.

http://blog.deconcept.com/swfobject/

swfobject1.5.zip

사용예 1.

<div id="flashcontent">
This text is replaced by the Flash movie.
</div>

정상적인 플래시를 보여줄때에는 위 div 안의 텍스트는 노출이 되지않는다. 다만 플래시를 불러오지 못하거나 플래시 플레이어가 지정한 플래이버젼보다 낮을 경우에 내용이 보여진다.

var so = new SWFObject(swf, id, width, height, version, background-color);

swf - swf 파일경로와 파일명.
id - object나 embed tag의 ID.
width - Flash movie width.
height - Flash movie height.
version - Flash content에서 요구하는 player 버전. format : 'majorVersion.minorVersion.revision'. ex) "6.0.65". 또는 major 버전만 기입해도 된다.
background color - background color.

사용예 2.

wmode=transparent 를 사용할시에 FF3.0 에서는 플래시 컨텐츠에 border 가생긴다고합니다.

해결방법은 아래와같이 css 를 추가하면 해결됨.

SWFObject 2.x 버젼

2.x 버전은 1.x와는 사용하는게 조금 달라졌다. 간편성에서는 1.x버젼이 좋을것 같은데 아직 실작업에 적용해보지는 않아서 확실한 판단은 불가... ^O^

swfobject_2_2.zip

http://code.google.com/p/swfobject/

Iframe Resize 2 (네이버)

IE6, 8, FF, 구글크롬, 오페라 에서 테스트 되는걸 확인했음.

IE7에서 문제없이 될듯.

(다른 도메인간 iframe은 안됨.)

iframeResize2.zip

Iframe Resize

IE6, 8, FF, 구글크롬, 오페라 에서 테스트 되는걸 확인했음.

IE7에서 문제없이 될듯.

(다른 도메인간 iframe은 안됨.)

iframeResize.zip

cssplay

http://www.cssplay.co.uk/

여러가지 css 예제들이 있는곳. 클릭클릭해가면서 볼만한것들이 많다. 그러나 딱히 바로 적용하기에는 그닥...

2009년 10월 14일 수요일

메일링 작업시 Outlook 2007 유의사항

이건 오래전부터 문제시 되어오던 문제인데 오늘 다시한번 이런 문제에 봉착해서 정리해서 올리는것.

예전에 진짜 초초초간단버전으로 정리 잘된 곳을 발견하고 회사 전체 메일로 보낸적이 있었는데 포맷하면서 보낸메일이 사라졌나보다 ㅡ.ㅡ;;

암튼. 각설하고.

아웃룩 2007에서 받을 메일링 작업시에 주의할것

1. 스크립트 (X)

2. 폼요소 (X)

3. 백그라운드 이미지 (X)

요 세가지만 우선적으로 지양하며 작업을 해야할것이다.

아래는 지원안하는 대표적인(?)것들.

no support for background images (HTML or CSS)
no support for forms
no support for Flash, or other plugins
no support for CSS floats
no support for replacing bullets with images in unordered lists
no support for CSS positioning
no support for animated GIFs

물론 나만 주의 한다고 해선 안될일. 기획, 디자인에서부터 유념해야할 것들임.

그리고 더 자세한 내용을 원한다면 아래 링크로 가서 참고를..

○ 아웃룩 2007에서 지원되는 또는 지원되지않는 태그, 속성, 스타일 들을 확인할 수 있습니다.

http://msdn.microsoft.com/en-us/library/aa338201.aspx

○ 제작된 이메일을 점검할 수 있는 HTML and CSS Validator에 대한 설명을

http://msdn.microsoft.com/en-us/library/aa338200.aspx

2009년 10월 13일 화요일

강별! 기억하니?

올해초던가? 작년말이던가. 와우를 끊기위해서 갖은노력을 하던중에 알게된 케이블TV프로그램.

전진의 여고생 4.

한창 리얼리티가 유행하던 프로그램 포맷을 따라하던 이 프로그램.

문제아(?)인 여고생 네명을 모아놓고 전진이 아빠가 되어서 3달동안 같이 지내면서 펼쳐지는 내용들.

그중에 눈에 들어오던 범상치 않던 한 아이가 있었는데. 그아이가 강. 별.

그 강별이 프로그램 종료시점엔 외국인 고등학교였던가? 거기를 자퇴하고선 검정고시로 대학을 간다고 자막이 올라오던... 것을 기억하는데.. 그리고 많은 기획사에서 러브콜이 있었지만 마다하고 공부를 할거라고 하던 기억이 있는데...

한동안 잊고 있던 그 강. 별.이 지난주에 시작한 MBC 주말드라마 인연 만들기에 조연으로 나온다 ^O^

아무튼 간만에 보는 강별. 뭔가 조금은 달라졌지만 아직도 큰눈을 간직하고있구나.~~

사진보러가기

2009년 10월 12일 월요일

회드 룩변 영상

Untitled.mp4

회드룩변

회드 룩변.

귀여워죽겠음. ㅋㅋ

그냥 다운받아서... 로컬에서 보세요.

문서형 선언(DOCTYPE)

유효성 검사를 위해서는, 문서에 문서형 선언(혹은 DOCTYPE)이 포함되어 있어야 한다. DOCTYPE은 브라우저에 어떤 문서형 정의(DTD)를 적용할 것인가를 선언한다. 문서형 선언은 XHTML 문서의 가장 첫 부분에 위치해야 한다. XHTML 문서의 형 선언은 다음과 같다:

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML 문서에서 문자 인코딩은 XML 선언이나 meta http-equiv 문에 반드시 명시되어야 한다. (만약 XML 문서에 인코딩이 기술되어 있지 않다면, 상위 프로토콜에서 미리 지정되지 않는 한, XML 해석기는 UTF-8이나 UTF-16으로 간주한다.)