MaKeYOurOwN mkyoon

스타플 홍보합니다. 스타플로 오세요^ㅁ^*

(mkyoon) — Thu, 18 Dec 2008 17:11:57 +0900

밤하늘의 별을 주는 스타플에서 (X)HTML/CSS를 담당한 mkyoon입니다.
안녕하세요^^ 스타플을 소개하겠습니다.

스타플은 실제 별 관측 데이터를 이용해서, 정말 존재하는 별 중에 하나를 나에게 준답니다.
나의 별에다가 나의 이야기를 담고, 우주를 여행하며 사람들도 만나는 곳 입니다.

나만의 별을 찾아라!

회원가입을 누르면, 성향 테스트를 거쳐 나만의 별을 받게 됩니다.
그림으로 푸는 성향테스트가 독특하고 재미있어요.

나를 담는 별

별을 방문한 모습입니다. 별 위에 보이는 바가 타임라인이라고 하는 건데,
타임라인에 추억과 일상, 생각 들을 기록할 수 있습니다. 글을 쓸 때 시간을 설정하거나, 첨부사진의
촬영시간을 적용하면 그 때 그 시간의 타임라인에 글이 쓰여져 내 인생의 히스토리를 만들 수 있어요.
블로그를 가지고 있다면, 블로그를 타임라인에 등록하여 새 글이 자동으로 타임라인에 담기게 할 수도 있어요.

나의 취향대로 꾸미는 나만의 별

여러 별들의 모습입니다. 스타플에는 나만의 별을 꾸밀 수 있도록 다양하고 예쁜 아이템과 위젯들이 많습니다.
아이템은 별가루로 구입할 수 있는데, 별가루는 처음에 가입하면 왕창 주는데,
다 써 버려도 스타플 사용하다보면 저절로 계속 쌓이더라구요. ^^

다른 별들을 만날 수 있는 공간, 별지도

별지도에 가보면 많은 별들이 있습니다. 저 별들에도 다 사람들이 살고 있다고 생각하니 신기하네요.
별지도 위의 상단메뉴를 클릭하면
다른 별들이 남긴 기록들을 볼 수가 있는데요, 말풍선을 클릭하니 그 별로 방문이 되는군요.

똑똑한 소식 배달부 알림이

별지도 왼쪽에 알림이를 통해 나의 별친구들의 새 기록과 댓글, 생일 등의 소식들을
바로 바로 알려줘서 알림이에서 손을 땔 수가 없더라구요.
또, 관심 가는 별이 있으면 관심별로 등록해 알림이로 쉽게 받아 볼 수 도 있답니다.

너무 너무 이쁘고 개성 넘치는 스타플!
나만의 별을 받고 싶으신 분들, 나의 이야기를 담을 특별한 공간을 찾으신 분들께
꼭 추천해드리고 싶습니다.

나의 별임을 인증하는 별증서 이벤트도 진행 중이니, 한번 방문해 보세요.

★스타플 방문하기★

브라우저 업그레이드가 한 사람을 살립니다. - Save the Developers! Upgrade your Browser

(mkyoon) — Tue, 09 Dec 2008 19:49:29 +0900

http://www.savethedeveopers.org

이곳. 기억하시는지요~
(지금은 아예 Microsoft Internet Explorer 페이지로 redirecting 해놓았네요.)
한국어 버전이 있었습니다 ㅠㅠ감격

http://resistan.com/savethedeveloper

브라우저 업그레이드가 한 사람을 살립니다.

처절하지 않습니까.
살려주세요 ㅠㅅㅠ

내 별은 여기 있대요. - 스타플 내별 알림 위젯

(mkyoon) — Sun, 30 Nov 2008 13:41:46 +0900

별자리 : 에리다누스
찜한 날짜 : 2008년 2월 4일
등급 : 15.59
위치 : 오른쪽 삼각형 가운데
방문자 : -_-;
그래서
마우스를 올리면 내 별로 갈 수 있어요 ^ㅁ^*

웹월드 컨풔뤈스!!!!! WebWorld Conference 2008!!!!!

(mkyoon) — Fri, 28 Nov 2008 17:47:27 +0900

가고싶다!!! 보고싶다!!! 듣고싶다!!!!

대한민국을 대표하는 WEB 분야 NO. 1 컨퍼런스 - 웹월드 컨퍼런스 2008에 당신을 초대합니다!

'웹'은 빠른 속도로 진화하고 있습니다. 진화라기 보다는 파괴라는 말이 더 어울립니다. 더구나 플랫폼으로서의 '웹'을 주창하는 웹 2.0 패러다임을 기반으로 지속적인 혁신이 더욱 가속화되고 있습니다.

이런 환경에 적응하고 더 나아가 주도권을 잡기 위해서는 한 분야의 '나무'가 아닌 웹 비즈니스의 전체적인 '숲'을 조망해야 합니다. 이에 플루토미디어는 진화하는 웹 비즈니스의 전체를 조망할 수 있는 자리를 마련했습니다.

WEB WORLD CONFERENCE 2008은 현 시점에서 역동적인 웹의 한 단면을 스냅샷으로 찍어, "서비스 전략, 디자인 전략, 마케팅 전략, 웹개발 전략"이라는 4대축으로 살펴 볼 예정입니다.

대한민국 웹 분야를 대표하는 WEB WORLD CONFERENCE 2008이 웹 비즈니스를 고민하는 분들과 2009년 비즈니스 전략을 수립하는 모든 분들께 의미있는 자리가 되기를 기대합니다!

주최 :
일시 : 2008년 12월 2일(화), 3일(수), 4일(목), 5일(금) 10:00 ~ 18:00
장소 : 학동역 건설회관 2층 대회의장(위치 안내) : 2일, 3일, 4일
　　　　　역삼역 포스틸타워 3층 이벤트홀(위치 안내) : 5일
강사 : 각 분야별 전문가 (총 4일, 36개 세션)

3일(수) - [디자인 전략] 발표자 소개 ▶ 상세 아젠다 내용 보기

한명수 이사 / (주)SK communications

現 (주)SK communications / CDO, 이사
前 (주)INNOIZ interactive / 이사, 아트디렉터
前 (주)FRUM / 아트디렉터
前 (주)FID / 이사, 총괄크리에이티브 디렉터(CCO)
웹진 '스폰지' / 아트디렉터, 디자이너
홍익대학교 시각디자인과. 동대학원 졸업
ACTIVE WIRE 한,일 그래픽 교류전 참여 (아트선재센터, 2001)
디자인그룹 진달래 전시회 '發展' 참여(한전아츠풀센터 갤러리, 2004)
디자인그룹 진달래 전시회 '진달래 도큐멘트02展' 참여(일민미술관, 2006)
페이퍼테이너뮤지움 전시회 '브랜드를 밝히다展' 참여 (디자인하우스, 2006)
스폰지(1997), 삼성문화재단(2001), NATE(2001), 이성표닷컴(2001), 보티첼리(2002), 나이키(2003), 삼성CeBIT2004(2004) 웹사이트 등 온라인프로젝트 진행
web 2.0 기반의 온라인서비스, 어플리케이션 디자인, 브랜딩 등 전반적인 디지털미디어의 경험디자인(experience design) 총괄
www.extra-project.com 운영

[강의]

홍익대학교 영상대학원 '인터랙션디자인' 출강

[수상]

올해의 웹아트디렉터 선정 (월간 웹디자인, 2001)
올해의 웹디자이너 선정 (디자인 정글, 2001)
제2회 조선일보 인터넷대상 디자인부문 수상
북경국제컴퓨터그라픽대전 은상 수상 (1999)

남찬우 랩장 /NHN

現 NHN / CMD. UX디자인센터 / UI Lab
nhn에서 네이버 서비스의 신규. 개편. 선행 프로젝트의 UI&디자인 실무총괄
MANZION interactive Studio / Creative Director
A4 Communication 근무
Graphic ENZO 근무
홍익대학교 대학원. 시각디자인 석사

[수상]

macromedia asia pacific (현.Adobe) . Site of the week 1회
macromedia korea (현.Adobe) . Site of the week 2회
국내외 Design Competition 9회 수상
Webaward Korea : UI Innovation대상 (블로그 시즌2)
Webaward Korea : 커뮤니티부분 (카페 시즌2)

[강의]

Web Creative Director Seminar
Interactive Web Core Seminar

조영국 부장 / 메가존

現 메가존 UX Center 센터장
RIA 기반 프로젝트 컨설턴트 / PM
Uxcenter.tistory.com 블로그 운영

[수상]

2008 국제비지니스대상(IBA) Event Promotion 분야 Finalist 수상(www.visitmix.co.kr)
한국마이크로소프트 차세대 웹 기반 Web UX Solution Builder 최우수 파트너상 수상

[주요 프로젝트]

LGTelecom 고객맞춤컨설팅
한국마이크로소프트 Remix 사이트 구축
LG CNS 현황판 구축
한국마이크로소프트 BI Portal 구축
삼성전자, 안철수 연구소, 현대해상, 한화 등 파트너사와 웹사이트, 어플리케이션 개발

황진원 실장 / 펜타브리드

現㈜펜타브리드 / eIS_HQ eIS 디자인 실 실장
現 국립 서울산업대학교 시각디자인학과 겸임교수
現 명지전문대학교 커뮤니케이션 디자인학과 Web design 출강
홍익대학교 대학원 시각 디자인 전공 석사
前㈜ 엠비쥬얼 제작 총괄이사
前㈜ 탑앤와이즈 E-Creative 사업부 차장
前㈜ 팀인터페이스 UI Design 팀장
前㈜ DIB Web Agency 사업부 팀장

[주요 프로젝트]

SK그룹, SK C&C, 라네즈, 끌레도르, 교보생명, 인천시청, 파란닷컴, 이화여대, 한국은행, 강원랜드, GM 대우, GS25, 닌텐도 DS LITE, 신세계닷컴,연세대 경영대학원 외 150여 웹사이트구축

[강의]

서울산업대학교 시각디자인학과 BI design / 광고 디자인 강의
명지전문대학교 커뮤니케이션학과 Interface Design / Web design 강의

문지환 팀장 / 인터메이저

現 (주)인터메이저 부장 / e디자인팀 팀장
前 JnM 디자인 실장
한양대학교 도시공학과 졸업

[주요 프로젝트]

KB국민은행, KTF, 포스코,현대카드 프리비아, 포스데이타 외 다수 프로젝트 디자인 및 디렉팅
2006~ 현재 인터메이저 R&D/제안/실행 e디자인 총괄 디렉팅

황리건 과장 / Microsoft

現, 마이크로소프트 UX Evangelist
NHN 리치컨텐츠 팀장
연세대학교 컴퓨터과학과 졸업
www.uxfactory.net 블로그 운영

노주환 이사 / BICON Media

現 바이콘 미디어 이사(www.mybicon.com, www.openchronicle.com)
現 밸류어블디자인랩 대표(www.vdlab.com)
e-비즈니스 전략 및 UX 디자인 컨설팅 수행

[저서]

웹 패러다임을 바꾸는 위젯 / 멘토르
웹 2.0 기획과 디자인 / 플로토북
사용하기 쉬운 웹사이트 이렇게 만들어라 / 비비컴

　

이하영 팀장 / 다음커뮤니케이션

다음 FT전략 TFT
前 다음 UI개발 팀장
前드림위즈 웹개발
서울대학교 의류학과 졸업

금윤정 실장 / 바이널

現 바이널 크리에이티브그룹 디자인실장
VINYL Creative 1팀장
ADN 디자인팀장

[수상]

2007 : raemain (FWA Site of the day)
2006 : wizwid, amoled, cgvimax
　　　　 (굿디자인웹 2005 대상수상, Webaward 2006 브랜드 부문 우수상 수상)
2006 : santa Fe (FWA Site of the day, Webaward 2006 제품 프로모션 부분 우수상 수상,
　　　　 Adobe Showcase등록, Webby Award Website/Automotive Official Honoree)
2005 : CGV2005(Webaward 2005 기술/인터렉티비티 최고대상, 영화부문 대상,
　　　　 2005 정글이 선택한 가장 크리에이티브한 웹사이트 1위), CJAIFF 2005, PEPSI
2004 : CJAIFF 2004, Nacross 2004(Webaward 2004 웹기술 대상 수상)
2004 : KTFMembers, Motorola, CGV 2004(Webaward 2004 대상수상)
2003 : Nacross2003 (webdesign 2003 Best of Best)
2003 : Mensa (webdesign 2003 Best10, Webaward 2004 우수상 수상)
2002 : LGTelecom, Toshiba Korea

SVN 보고 싶은 정보만 보자. Lable Decorations of Subversion @ Eclipse

(mkyoon) — Wed, 29 Oct 2008 11:38:41 +0900

컴퓨터를 포맷하면서
Eclipse Europa 에서 Ganymede로,
Subversion도 최근에 나온 것으로 설치하고 보니-

Subversion 기본적인 설정으로 리비전 번호만 찍히고 있었다.
파일이 커밋된 시간과 파일을 커밋한 발행인을 보고 싶었지만
예전에 어떻게 설정했는지 기억도 안나고, 이미 머릿속은 백지상태-_-;

또다시 헤매지 않기 위해 스샷을 남긴다.

* Window -> Preferences -> decoration 검색
* Team -> SVN -> Label Decoration 선택 -> Text Decorations 탭 선택

* Format 필드에서 수정하고 싶은 형식의 [...] 선택
* 원하는 정보 체크 -> OK

SWFObject.js 2.0 와 Firefox 3 그리고 Web Developer Add-on

(mkyoon) — Tue, 28 Oct 2008 11:14:34 +0900

SWFObject.js (ver 2.0) 와 Firefox 3 그리고 Web Developer Add-on.
이들의 궁합은 뭔가 안좋은가보다.

문제 발단은 SWF 파일을 항상 두번씩 불러오는 Firefox 였다.

SWFObject.js Google Code에 있는 FAQ를 보면 다음과 같은 글을 볼 수 있다.
http://code.google.com/p/swfobject/wiki/faq

16. Why does Firefox load my SWF twice?

Firefox 3 has a known issue that sometimes causes a swf to be 'double initialized'. The problem appears to be fixed in their codebase, but has not been released yet. See the following bugs for more details: https://bugzilla.mozilla.org/show_bug.cgi?id=438830 and https://bugzilla.mozilla.org/show_bug.cgi?id=445599

Or, if you have "Disable cache" selected in your Firefox Web Developer Toolbar extension a double load will occur.

나에겐 sometimes가 아니고 always 일어난 일이라 무슨일인가- 했더니
마지막줄.
Web Developer Toolbar에 "캐쉬 끔" 설정이 문제였다고 한다.
"캐쉬 끔"을 풀어버리니 몇개는 2번 읽고 몇개는 아예 읽지 않거나 한번만 읽는다.

신기하구나 Firefox 3.
그래도 Trunk 안에 있는 소스에선 고쳐졌다고 하니, 다음 버전을 기대해 보자+_+

Flash OBJECT and EMBED tag attributes

(mkyoon) — Mon, 13 Oct 2008 22:26:58 +0900

Flash OBJECT and EMBED tag attributes

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701

IE에서 Ordered List - LI 숫자가 전부 1.1.1.1.1.로 나오는 현상.

(mkyoon) — Mon, 29 Sep 2008 22:48:23 +0900

원문 :

http://www.quirksmode.org/bugreports/archives/2005/07/IE_60_does_not_render_ordered_list_correctly.html

보통 순서가 있는 목록 = Ordered List 는 아래와 같이 표현되죠.

[ 예시 1 ]

<ol>
　　 <li>첫번째</li>
　　 <li>두번째</li>
　　 <li>세번째</li>
　　 <li>네번째</li>
　　 <li>다섯번째</li>
</ol>

첫번째
두번째
세번째
네번째
다섯번째

<li> 태그에 width나 height를 넣으면 이상한 현상이 나타납니다.
아마도 IE 7 , IE 6 에서 보는 분들은
[ 예시 1 ] 과 다른 모습을 볼 수 있을 것입니다.

[ 예시 2 ]

li {
　　 height: 20px;
}

첫번째
두번째
세번째
네번째
다섯번째

[ 해결방법 ]
display: list-item; 을 추가해주면 됩니다.

li {
　　 display: list-item;
　　 height: 20px;
}

첫번째
두번째
세번째
네번째
다섯번째

(언제나 신기한 IE.)

CSS 파일 크기에도 제한이 있다? - CSS Limit @ Internet Explorer

(mkyoon) — Thu, 18 Sep 2008 18:10:30 +0900

원문 :

CSS Limit #1.

하나의 CSS 파일의 크기가
288kb를 넘어설 경우,
인터넷 익스플로러에서는 읽어들이지 못하는 버그가 있다고 합니다.

CSS Limit #2.

CSS 선언. 즉, #selector { } 이러한 스타일 지정 갯수가
4096개를 넘어설 경우,
역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.

CSS Limit #3.

@import 를 사용하여 여러 CSS 파일을 한 CSS 파일에 모아 관리할 수 있죠.

- style.css -
@import url("style_one.css");
@import url("style_two.css");

이러한 @import 갯수가 32개를 넘어설 경우,
그리고 그 depth 또한 3개의 chain을 넘어설 경우, (style.css>style_one.css>style_ie.css)
또 역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.

부득이하게 위와 같은 수치 이상으로 늘어날 경우,
CSS 파일을 합치지 말고 여러개로 나누면 됩니다.-_-; (언제나 신기한 IE.)

구글 크롬(Chrome)과 함께하는 즐거운 CSS~

(mkyoon) — Wed, 03 Sep 2008 22:45:41 +0900

구글의 Chrome 브라우저가 3일 새벽 4시에 공개되었습니다.

웹퍼블리셔에게는 과제 하나 던져진 셈이지만
그렇게 두려워할 필요는 없는 것 같습니다.+_+

크롬의 생김새는 이렇습니다.

처음 설치할 때부터 북마크와 주소목록을 읽어오기 때문에 따로 설정할 필요가 없었습니다.
첫인상 깔끔하고 좋습니다.

제일 먼저 확인 했던 부분은 "개발자 정보" 메뉴였습니다.
CSS확인은 다음과 같이 할 수 있습니다.

크롬의 Inspector 입니다.

Element 탭에서는 해당 문서의 HTML소스와 그에 관련된 CSS 목록을 보여줍니다.
HTML소스 중에 한 Element에 마우스를 올리면
위 그림에도 보여지듯이 해당 위치에 노란 색으로 표시가 됩니다.

역시+_+ Webkit 기반이라 그런지 Safari와 상당히 비슷한 모습을 보여줍니다.
Safari에서는 아래와 같았죠.

오른쪽 style 목록 중에 자세히 보시면 수정 가능한 항목이 보입니다.
그렇담 크롬 Inspector도 수정 가능할까요?

역시~ 안될리가 없죠.

다음엔 Resources 탭을 확인해보았습니다.

역시 Safari의 Network 부분과 마찬가지로
다운로드한 모든 파일의 크기와 시간을 보여줍니다.

거의 Safari와 비슷한 수준으로 웹페이지를 만드는데 어려움은 없을 것 같습니다.
아직 많은 버그들이 속속 보여지고 있지만
오픈 소스의 강력한 이점+_+으로 차차 많이 나아지리라 예상됩니다.

앞으로 많은 발전이 있길 기대합니다.

CSS 처음 시작하기.

(mkyoon) — Wed, 20 Aug 2008 11:42:26 +0900

HTML을 다룰 줄 안다면 누구나
CSS는 더 쉽게 다룰 수 있습니다.

CSS 기초 소개 및 팁 등을 정리했습니다.
(IE6, 7에서 지원하지 않는 CSS3 및 가상선택자는 포함하지 않았음을 밝힙니다.)

누구에게든 조금이라도 도움이 되길 바라며.

CSS - Cascading Style Sheet PDF 다운 받기

Cascading Style Sheet
Standard Mode / Quirks Mode
Document Type Definition
적용하기
- 태그에 직접 넣기 (inline style)
- 문서에 넣기 (document-level style)
- 외부파일로 넣기 (external style)
기본문법
- 선택자
- 주석
- 단위
- 속성 (글자 / 색상과 배경 / 배치 / 박스모델 / 목록 / 표)
상속
우선순위
Cross-browsing Tip

아이팟터치 iPod Touch 구입.

(mkyoon) — Mon, 28 Jul 2008 14:43:55 +0900

쫘잔~ //ㅂ//

역시나 맥북과 마찬가지로-_-
(살아있는 지름신)우람씨의 도움으로 멋지고 착한 매물을 찾을 수가 있었습니다.
무려 판매자 이름도 나랑 한글자 차이+_+
내이름 윤미경 : 판매자 윤미선

안에 들어있는 클리닝 천으로 닦아도 흠집이 나기 십상이라는
악명높은 후덜덜한 뒷면이
중고임에도 불구하고 엄청 깨끗합니다.+_+

제품 구성

iPod touch
이어폰
USB 2.0 케이블
Dock 어댑터
클리닝 천
스탠드
빠른 시작 가이드

크기 및 무게

높이: 110mm
너비: 61.8mm
두께: 8mm
무게: 120g

완소 악세사리 벨킨 가죽케이스까지 >ㅂ<
서울을 가로질러 사러 나갔다 온 보람이 있었습니다 캬캬

(이제부턴 나랑 함께 싸우자-_-요녀석 사퐈뤼~)

미래 웹 기술 포럼 - 글로벌 웹 기술의 미래

(mkyoon) — Fri, 20 Jun 2008 12:58:32 +0900

미래 웹 기술 포럼에서 19일, '글로벌 웹 기술의 미래'라는 주제로 워크샵을 열었습니다.
(저도 다녀왔어요 -ㅂ-)/~)
세계의 웹 동향과 한국의 웹에 대해 고민하는 시간이었습니다.

1. Google - Vint Cerf

Internet in 2035. 2035년의 인터넷을 대비하는 우리(구글?)의 자세.

1965~2000년 : 35년만에 인터넷은 엄청나게 확장되었습니다.
2000년 이후 35년은 또 어떻게 변할까요?
아시아와 아프리카 등 발전이 이제 시작된 곳은 아직도 확장 중인 단계이며.
미래의 환경과 자원 변화로 인해 지금의 인터넷 보다 더욱 확장할 가능성은 매우 크다고 설명합니다.
(모바일 포함)

하지만 지금 우리가 쓰고 있는 IPV4(Internet Protocol Version 4) address는 한계가 분명 있으므로
IPV6을 제안하며 기타 등등을 설명하였으나
제 인터넷 지식의 짧음으로 인해 알아 듣지는 못했습니다-_-;

이 분이 '인터넷의 아버지'라고 불리는 굉장히 유명한 분이란걸 나중에야 알았으니 말 다했죠;

2. Mozilla - Mitchell Baker

오픈 웹 생태계란.

decentralized - 세계 각기 많은 사람들의 참여와 공동 노력으로
opened - 오픈소스로 공개하며
transparent - 투명하게.
이러한 모습이 미래의 오픈 웹 생태계이며
앞으로의 웹 생태계를 위해 모질라가 위와 같은 process로 노력하고 있음을 역설하고.
이러한 열린 자세와 참여와 공유는 앞으로의 웹 생태계의 바람직한 모습임을 강조하였습니다.

특히. 이분의 머리스따일 맘에 들었어요 *-_-* 나도 그렇게 자를래요.

3. Opera - Charles McCathieNevile

차세대 웹표준을 따르는 오페라.

W3C에서 지금 열심히 준비하고 있는 HTML5를 소개하면서
오페라에서 이러한 웹표준을 따르기 위해 얼마나 노력하고 이루어냈는지 보여주었습니다.
input type="date"를 비롯하여 SVG, APNG, 컬러(rgba, hsla) 지원을 하더군요 +ㅁ+신기신기
그와 함께 ARIA (Accessible Rich Internet Applications)도 잠깐 언급합니다.

개인적으로 오페라에서 어서 빨리 멀티 백그라운드 이미지가 가능했으면- 하는 바램도 있었습니다.
중간중간 유머도 던지시고 재밌었어요~

4. Microsoft - Laurence Moroney

MS의 UX전략 : IE8 그리고 Silverlight.

처음 시작을 실버라이트의 강력한 기능으로 열었습니다.
이미지와 모션, 효과 처리가 사람들의 눈을 확! 끌더군요.

사실 점심먹고 난 다음에 Opera는 간신히 참아낼 수 있었으나 MS는 도저히 못참겠더라고요
잠깐 졸았습니다 ㅠㅠ "절대" MS에 악감정이 있어서 그런거 아닙니다. ㅋㅋ

디자이너가 원했던 색의 다양함과 효과와 모션과 둥근 모서리.
그러나 개발자가 할 수 있는 것은 딱딱한 네모창입니다. (색까지는 최대한 맞춥니다 ㅋㅋ)
이러한 "깨진 달걀" 말고
디자이너가 원했던 바로 그것을 만들어내는 방법을 실버라이트로 구현했음을 강조합니다.
(이 깨진 달걀 발표자료 유명하죠 ㅋㅋ)

표준도 중요하나 혁신 또한 중요하다는 말과 함께
실버라이트를 강조하시더군요. 후에 이 발언 때문에 질문 많았드랬죠.

IE8은 웹표준이 default, CSS2.1 지원만을 언급하고 살짝 넘어가시더라구요.
그렇죠. 아직 IE8은 갈길이 멀죠.

5. Mozilla - Gen Kanai

공개 표준과 Firefox 3 자랑.

하루 전인 18일에 Firefox 3가 정식 런칭했습니다.
그와 함께 24시간 만에 800만 다운로드를 기록했음을 보여줍니다.
(저도 갖고 있는 컴터마다 다 다운받았어요~ ㅋㅋ 축하드려요//ㅂ//)

이렇게 표준을 준수하려 노력하는 Firefox 3 브라우저가 전 세계적으로 사랑받고 있으며
앞으로 웹표준이 더욱 퍼질 것을 예상하면서
우리나라의 특별한 상황을 꼬집었습니다.

Active-X 때문에 한국 정부에서 Vista 사용을 자제할 것을 부탁하는 발언 부터 시작하여
우리나라의 특이한 상황을 언급하였습니다.
이러한 특이 케이스가 보도된 해외 기사를 첨부하여 보여주니
더욱 챙피해지더군요-_-; (왜 하필 이분은 또 일본인인지;)

이렇게 표준을 염두해두지 않은 결정이 앞으로 우리의 발목을 잡을 수 있음을 이야기하면서
Baker씨가 질문 시간에 잠깐 언급했던 Firefox Mobile (코드명 Hennec)도 소개하면서
일본에서는 이미 Firefox 3.1 (코드명 知床 Shiretoko)를 준비하고 있음을 보여주었습니다.
부럽부럽 -_ㅠ우리나라도 곧!

이분. 나중에 한국의 웹환경 주제 발표까지 듣고 가시더군요+_+ 나중에 쬐금 좋아졌습니다 ㅋㅋ

6. 고려대 - 김기창, Adobe - 옥상훈, PayGate - 이동산, Cidow - 신현석, Microsoft - 김국현, Firefox - 윤석찬, Opera - 조만영

장애인 차별 금지법

- 모든 사람들이 어려움 없이 웹페이지(정보) 접근이 가능해야 한다는 취지.
- 정부 기관 페이지 부터 일반기업의 웹페이지도(2012년 까지) 시각장애인이 이용가능하도록 해야한다는 내용입니다.
- 장애인이 정보 접근에 대해 불편을 느끼면 법적 소송 가능합니다.

지불결제와 Active-X

- Windows이외 OS사용자와 IE이외 브라우저 사용자를 원천적으로 막는 개구쟁이 입니다.
- IE 사용자가 많아서 Active-X를 쓰는것도 있지만, Active-X가 있어서 IE를 버리지 못하는 점도 분명히 있습니다.
- 실제 결제가 이루어지는 곳에서 Active-X를 바꿔야 하는 필요성을 못느끼고 있으며
그 때문에 쇼핑몰, 금융권 등은 요지부동이라고 합니다.
지금 소송중에 있다고 합니다. 아직 결과는 안나왔고 대법원까지 갈 예정이라니 두고봐야죠.

아직은 다양한 방법을 시도해야할 때.

윤석찬님의 우리도 이제 촛불시위를 해야하지 않겠나- 라는 말에
웃어 넘겼지만 씁쓸했습니다.
저도 너무 안일하게 웹표준을 대하지는 않았나- 많은 반성을 하게 된 워크샵이었습니다.

날 여전히 노려보고 있는 녀석과
거기서 받은 명함꽂이여요~ //ㅂ//

W위젯에서 머그컵 받다.

(mkyoon) — Mon, 09 Jun 2008 11:12:08 +0900

요렇게~
활동도 그리 활발히 안했던 것 같은데~ ㅠㅠ
감사하게도 우수활동상에 뽑아주셨어요~ 감사합니다^ㅁ^*

내내 소정의 상품이 뭘까~ 하고 기다리다가
저번주에 귀여운 머그컵을 받았습니다^^

(앍; 저질 폰카;; 색도 하얗고 뽀얘서 이뽀요>ㅂ<*)

머그컵에 W위젯이 박혀있네요~
감사합니다~ 잘 쓸께요!!

[스타플 OpenBeta] 제 별 구경오세요~ 초대장도 드립니다.

(mkyoon) — Thu, 15 May 2008 17:42:32 +0900

스타플이 오픈 베타를 시작합니다.
http://www.starpl.com

그리고.+_+
제 별도 이젠 누구나 볼 수 있게 되었습니다!!
별초대장도 나눠드려요~ 방명록에 글 남겨주세요~
http://starpl.com/mkyoon
놀러오세요~ =ㅂ=)/~

비밀글로 이메일 남겨주시면
별초대장 보내드리겠습니다.
발송 완료 후 댓글은 삭제하도록 할께요^^*

스타플 오픈베타 카운트다운!

(mkyoon) — Wed, 30 Apr 2008 11:41:05 +0900

밤하늘에 별, 당신에게 드립니다. 5월 15일 스타플 오픈

스타플 오픈베타 5월 15일 까지
D-15 입니다.
360시간 28분 14초를 지나가고 있군요~

1. 카운트다운

4월 30일부터 5월 14일까지 스타플 카운트다운 이벤트를 진행합니다.
해당 기간동안 "스타플에 한마디"를 적어주신는 분께 별초대장을 드립니다.

* 카운트다운 기간에는 신규가입을 받지 않습니다.

2. 기존 별초대장 소멸

현재 보유하고 계시는 별초대장은 4월 30일부로 소멸되며,
5월 15일 오픈베타를 실시함과 동시에 5장의 별초대장을 새로 드립니다.

* 베타테스터용 인증번호도 같이 소멸됩니다.

3. 활동에 따른 별가루 획득 양 변경

베타테스트 기간 동안 넉넉히 드렸던 별가루 양이 4월 30일부터 변경됩니다.
열심히 활동하신 분들은 별가루가 두둑하시겠죠? :)

4. 이벤트 당첨자 발표

'베타테스터만의 특별한 혜택' 이벤트 당첨자를 5월 6일(화)에 발표할 예정입니다.
최고의 베타테스터(적극적인 활동 및 오류보고, 새로운 제안 등)10명을 선정하여,
닌텐도 DS를 배송해 드립니다.

* 제세공과금은 본인 부담입니다.

<script type="text/javascript" src="http://www.starpl.com/js/countdown.js"></script>

블로그에도 달아보아요 *-_-*

[고전게임] 스네이크 Snake

(mkyoon) — Wed, 16 Apr 2008 20:45:37 +0900

아놔.
자바스크립트로 만들었댄다. 괴물-_-;

http://aka-fotos.de/snake/

초등학교 들어가기 전이었던가
GW-Basic 으로 만든 스네이크 게임을 죽어라 한적 있다-_-;
그때가 생각나버렸다-_ㅠ
ㅋㅋ 막 박자 세가면서
비프음으로 음악도 만들고 그랬는데-_-;왜그러고 있었지;

덧붙여-
자바스크립트로 만든 마리오
　OTL... 이분은 또 어느레베루의 괴물?
http://www.nihilogic.dk/labs/mario/mario_small_music.htm

모질라 10살 생일을 축하합니다.

(mkyoon) — Sat, 12 Apr 2008 22:49:30 +0900

3월 31일은 모질라 10살 생일이었습니다.

차니님 블로그에서 다음과 같은 이벤트도 한다는 글을 보고~
http://www.mozilla.or.kr/ko/10th/

오홋 >ㅂ<
저도 플랜카드 하나 만들어 보았어요~
(절대 경품에 눈이 먼 게 아니...)

제 초췌한 얼굴도 한번 구경- 하고 싶진 않으시겠지만 그래도 구경하세요~-_-;;;;;

[캐동감] 나를 미치게 하는 PNG

(mkyoon) — Tue, 01 Apr 2008 12:36:37 +0900

원래 "개, 캐" 라는 접두어를 싫어한다. (내가 개띠라서 그런거 절대 아니;;)
하지만 정말 사용 안할래야 안할 수가 없는 동감 백배천배만배의 글을 보고야 말았으니-

나를 미치게 하는 PNG - http://html.nhndesign.com/blog/?p=142

어흑 -_ㅠ

ps.
여기에 IE 버그를 더하자면.
AlphaImageLoader를 사용하면 링크가 안먹힌다는거~

IE의 Select 콤보 박스와 CSS 그리고 Encoding

(mkyoon) — Sat, 29 Mar 2008 17:40:03 +0900

IE에서 지원되는 CSS 목록은 다음에서 확인할 수 있다.

<select>　 http://msdn2.microsoft.com/en-us/library/ms535893.aspx
<option>　 http://msdn2.microsoft.com/en-us/library/ms535877.aspx

그리고 다음 문구도 확인할 수 있다.

- option Object Remarks -
Except for background-color and color, style settings applied through the style object for the option element are ignored. In addition, style settings applied directly to individual options override those applied to the containing SELECT element as a whole.

option 엘리먼트에는 오직 배경색과 글씨색만 바꿀 수 있다는 얘기다.
그래. 원래 IE에는 기대조차 안하고 있었으니 그렇다 치자.

하지만 "신기한" 현상을 목격해버렸..-_-
예제 파일을 만들어 보았으니 같이 함 보십시다.

- 예제 File Link 1 - select_euckr.html (ASCII / EUC-KR)
- 예제 File Link 2 - select_utf8.html (UTF-8)

두개의 문서의 차이는 단 하나. 인코딩-_-

select_euckr.html은 저장할 때 파일형식을 ASCII (notepad에선 ANSI)로 저장했고
select_utf8.html은 저장할 때 파일형식을 UTF-8로 저장했다.
물론 각각 character set(EUC-KR, UTF-8)도 알맞게 넣었다.

그럼 소스코드를 확인해보자.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr 또는 utf-8" />
<title>ASCII / EUC-KR 또는 UTF-8</title>
<style type="text/css">
body { font-family: Tahoma; }
select { 
　 　 width: 120px; 
　 　 height: 200px;
　 　 padding: 5px; 
　 　 background: #ff0;
　 　 color: #f00;
　 　 font-family: Dotum; 
　 　 font-size: 12px;
　 　 line-height: 2em;
}
option.test {
　 　 height: 20px;
　 　 margin: 5px;
　 　 padding: 10px;
　 　 background: #000 url(http://mkyoon.tomeii.com/mstar.gif) no-repeat 0 0;
　 　 color: #0ff;
　 　 font-family: Gungsuh;
　 　 font-size: 16px;
　 　 line-height: 2em;
}
</style>
</head>
<body>
<h1>EUC-KR 또는 UTF-8</h1> 
<select size="5">
　 　 <option>IE 좀맞을래연</option>
　 　 <option class="test">IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option class="test">IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option class="test">IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option class="test">IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
　 　 <option>IE 좀맞을래연</option>
</select>
</body>
</html>

두개 링크를 각각 IE(6,7다 똑같음-_-)와 FF에서 열어보면 다음과 같다.

- IE -

스타일 먹은거라곤
select : background-color, color, font-family, font-size, height, width
object : background-color, color 끝.

- FF -

select : background, color, font-family, font-size, height, line-height, padding, width
object : background, color, font-family, font-size, height, line-height, margin, padding
스타일 다 먹어주시고~ 훗-_-

여기서 끝이 아니라.
IE 스크린샷을 한번 보자. 뭔가 이상하지 않은가.
문서 인코딩 형식을 바꿨다고 저렇게 줄간격이 바뀌어도 되는건가?
IE에선 option은 height도 line-height도 안먹는단 말이다!

이건 뭥미?

애도 키우고 영어공부도 하는 스마트위젯 W

(mkyoon) — Fri, 28 Mar 2008 12:51:30 +0900

한때 영어교사의 꿈을 가지고
대학원을 준비도 할겸, 영어학원에서 근무한 적이 있다.
그래서 그런지 지금도 유명한 영어학원은 그냥 지나치지 않고
학습 커리큘럼을 보면서 분석하고 있는 내 자신을 발견하곤 한다.-_-;

그러던 중
'위자드웍스가 내놓은 W 위젯은
Wall Street Institute의 회화자료와 함께
손쉽게 코드만 붙여넣고 간단한 문장과 어휘 공부를 할 수 있다'는 글을 보게 되었고
어서 빨리 베타서비스라도 안써보고는 못견딜 것 같았다. ㅋㅋ

그리하여 오른쪽에 보시다시피 위젯도 달게 되었고 (읏흥~)
허접하게나마 리뷰 및 느낀점을 적어보려 한다-_-;

이제 막 걸음마를 뗀 아이에서부터 시작하여 성인이 될 때 까지
각 상황별 영어문장을 반복해서 보여주며 영어학습을 유도한다.
아이를 키우는 육성시스템의 강력한 호기심 자극으로 인하여
나중에 어떤 모습으로 자랄지, 어떤 상황과 문장을 들고 나를 찾아올지 기대하게 만든다 .

역시 위젯~ 하면 대표적으로 생각나는 시각과 날씨 알림이
영어 문장단위의 애니메이션이 끝날 때마다 반복하여 보여준다. (근데 6도는 무엇인가요-_-? 6도는 온도였네요 ㅋㅋ )

게다가 캐릭터도 귀엽고>_<* 색깔도 아기자기해서 어느 곳이나 잘 어울릴 것 같아
블로그에 달고 싶은 욕구를 불러일으키기도 한다.
그야말로 일석삼조 ㅋㅋ

다만 아쉬운점은,
영어학습에 필수적인 반복과 발음이 빠졌다는 점.
상황애니메이션이 몇개씩 반복된다고는 하지만,
한 문장을 계속해서 반복 학습하는 것은 연음을 잡아내어 발음 향상에 좋기 때문이다.

마치 어학기를 하나 달자고 하는 것 같아서
지금 써놓고도 민망하기는 하지만 ㅋㅋ
처음에 부담없이 단 1초라도 시선을 머무를 수 있는 아이템인건 분명한 것 같다.

앞으로도 재밌는 위젯이 많이많이 나오기를 기대하면서~
저기 W위젯 많이많이 퍼가시길~ (_ _ )굽신굽신~

(애 하나 다 키워보고 싶소~
어디는 벌써 유치원으로 컸던데 ㅠㅠ꺼이꺼이)

위자드웍스 http://wzd.com　 & 　http://blog.wzd.com
W위젯(Wall Street Institute) http://www.wsikorea.com/w

LG CYON SH170

(mkyoon) — Wed, 26 Mar 2008 11:40:15 +0900

할머니께 폰을 하나 장만해드렸습니다.

할머니께서 손가락에 힘을 줄 수 없을 정도로 관절이 안좋으셔서

숱하게 많은 폴더형 효도폰을 해드릴 수가 없었습니다.

게다가 슬라이드는 전부 번호버튼이 조그맣고

번호 경계가 확실하지 않은것이 대부분ㅠㅠ

요즘 나오는 슬라이드는 왜 하나같이 블랙위주인건지 ㅠㅠ

그러다 발견한 요놈.

색도 빛나는 빨간색 +_+

게다가 슬라이드도 척척 잘 열리고+_+

버튼도 굵직하고 네모 모양으로 확실하군요 +_+

게다가 화상통과 가능한 폰이구요+_+

요새 무료로 나눠주고 있는 폰이라지만

거의 통화를 안쓰실거라 무료폰으로 개통하기는 께름칙했습니다.

그래서 중고로 샀지만~

요렇게 필름 벗기지도 않은 거의 새폰을 싸게 잘 샀다는거 ㅠㅠ)=b

암튼 제가 쓰고 싶어질 정도로 멋진 폰이었습니다^^*

요녀석. 할머니 곁에서 오래오래 잘 지내길.

이메일은 HTML이 아니다.

(mkyoon) — Thu, 20 Mar 2008 09:59:50 +0900

http://forum.standardmag.org/viewtopic.php?id=1025
http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_support_in_emai.html

출처 : CSS Design Korea CDK http://standardmag.org

IE8 Beta 1 그리고 Developer Toolbar

(mkyoon) — Fri, 07 Mar 2008 16:33:21 +0900

드디어.
마이크로소프트 인터넷 익스플로러 팀에서
Internet Explorer 8 베타 버전을 배포하였습니다.

후덜덜덜덜덜 거리는 마음으로 설치를 하고 보니
생긴것은 IE7과 많이 다르지 않아 거부감은 덜하네요^^

파이어폭스 3 에서 대폭 바뀐 디자인에 거부감을 일으켰었던 것에 비하면
시작은 괜찮습니다.

그러나.
웹서핑은-

OTL

렌더링이 왜이럽니까- 대다수의 페이지들이 깨져 보입니다 -_ㅠ
결국 Emulate IE7을 눌러놓고 웹서핑을 하고 다니지만
정말이지 앞으로의 갈길이 멀고도 험함을 여실히 느낄 수 있었습니다.
(IE는 제발 그만 날 좀 내버려둬ㅠㅠ)

하지만.
IE Developer Toolbar 요건 물건이네요.
백문이 불여일견.

오우!!! 직접 attribute 수정도 가능하네요!!
(attribute"만" 수정 가능합니다-_-;)
게다가 스타일 상속관계와 무시된 스타일까지 친절하게 보여주네요+_+
체크박스를 해제함으로써 스타일을 무시할 수도 있군요~
(값은 수정이 안됩니다-_-;)
그런데-_-
왜 속성 추가는 없어졌단 말입니까 ㅠㅁㅠ꺼이꺼이 그걸 없애면 어쩌라고오오~

이건 script debug 입니다~
뭔가 Firebug랑 비슷하게 돌아갈 것 같은데, 좀더 봐야겠습니다.

Firebug에서 볼 수 있는 엄청나게 강력한 기능에 비하면 새발의 피지만,
예전에 보여줬던 toolbar(뭐 어쩌라는건지-_-;) 와는 상당히 좋아졌습니다.

IE8 과 함께하는 Debugging은 지금보다 더 쉬워질 것 같아
기분은 일단 좋습니다. (과연?)

자. 빠져듭시다.

[Hooney.net] CSS Reference

(mkyoon) — Tue, 26 Feb 2008 10:49:26 +0900

http://hooney.net/docs/Css/DocumentsIndex

드디어
위키로 만들어진 한글 CSS 레퍼런스가 만들어 진 것 같습니다 ㅠㅠ)=b
앞으로 많은 참여와 소통이 일어났으면- 하는 바램입니다.

저도 아는건 별거 없지만 조금이나마 도움이 되면 좋겠네요^^*

스타플에 있는 내 별 - 에리다누스자리

(mkyoon) — Tue, 12 Feb 2008 10:46:58 +0900

내 별은 에리다누스자리에 있습니다.
펭귄이랑 북극곰하고 얼음집에 사는 컨셉입니다. 캬캬.
추운 별에 있어서 그런가 지금 감기 때문에 죽겠어요-_-;

제 별 주위에 있는 이웃들 입니다.
에리다누스 자리에는 저 포함해서 '은혜로운비'님과 'purpl'님이 계시네요.
이 별자리가 왜이렇게 길쭉한가- 했더니 다 이유가 있었습니다.

에리다누스에 관련된 그리스 신화가 두 가지 있다.

에리다누스는 물병자리로부터 흘러나온 강으로 인식되기도 한다.
에리다누스는 파에톤(Phaëton)의 이야기와 주로 연결된다. 파에톤은 태양의 하늘 전차를 몰았지만, 이를 통제할 만한 힘이 없어서 다른 방향으로 거칠게 방향을 바꾸었다. 그 결과, 전차는 땅에 너무 가까와져 사막을 만들고 사람의 피부를 그을리게 하기도 했고(그리스 신화에서는 이 때문에 에디오피아 사람들의 피부가 검다고 설명한다.), 결국 제우스는 파에톤을 번개로 죽였다. 에리다누스 별자리는 파에톤이 전차를 몰았던 길로 여겨졌다.
후세에 이 별자리는 파에톤이 떨어진 지하세계의 강으로 여겨지기도 하였다.

강이였군요-_-;

스타플 starpl.com 베타테스터 모집

(mkyoon) — Thu, 24 Jan 2008 18:57:47 +0900

모두 마음 속에 소망 하나쯤은 가지고 있는거죠.
그 소망, 하늘에 반짝이는 별 위에 띄워보세요.

http://www.starpl.com

신청도 하고 별도 받고 선물도 받고 >_< 좋쿠나~☆

2008. 01.29 무간지 FOCUS에 나왔어요.

꺄아 //ㅂ//

Login Form Design Patterns

(mkyoon) — Mon, 14 Jan 2008 01:36:00 +0900

이렇게 친절하고 용의주도한 사람이 있다니요+_+
로그인폼 디자인 모음입니다.

http://www.flickr.com/photos/factoryjoe/sets/72157600010029792

이것도 원츄 -_-)=b

http://www.flickr.com/photos/seeminglee

나도 플리커에 모아볼까-_-

브라우저 별 CSS Hack 모음집

(mkyoon) — Thu, 20 Dec 2007 17:12:14 +0900

IE6, IE7 에서만 먹는 CSS Hack 과 같이
Firefox에서만 먹는 CSS Hack 을 찾다가 발견한 브라우저 별 Hack 모음집 입니다.
(CSS 3 Validate 통과한다고 합니다. 정말?)

http://tanreisoftware.com/blog/?p=39

/* Target Gecko */
　　 html:not([lang*=""]) #selector {
　 　 　 attribute: value;
　　 }

/* Filter out Gecko */
　　 html[lang*=""] #selector {
　 　 　 attribute: value;
　　 }

그래도 이런 꼼수는 최대한 자제해야죠. 읏샤.

IE6 과 max-width 그리고 expression

(mkyoon) — Tue, 11 Dec 2007 13:12:20 +0900

min-height 속성을 IE6 에 주는 방법에서도 언급했듯이
IE6 은 max, min 개념이 없기 때문에 Hack을 써서 넣어주어야 한다. (IE6 *\#&*$@)

어떠한 이미지의 너비를 최대 500px 이상으로 넘어가지 않도록 하기 위해서는
IE6 을 제외한 모든 브라우저에서

 #somewhere img { 
　　 max-width: 500px;
}

라고 "한줄" 넣으면 끝난다.

그러나 우리의 구닥다리 IE6 은
저 속성을 읽지 못하고 img 너비를 있는 그대로 뿌려준다-_-

IE6 에만 적용해야 할 Hack은 다음과 같다.

 #somewhere img {
　　 width: expression( this.clientWidth > 499 ? "500px" : "auto" );
}

expression 으로 IE6 만의 자바스크립트를 작성할 수 있으니 good.
하지만 어쩔 수 없이 꼼수를 써야 한다는 거~ 슬픈 현실ㅠㅠ