Starpl. 밤하늘의 별을 당신에게 드립니다.

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

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

별찾기 성향테스트

나만의 별을 찾아라!

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

예시 별 1. 예시 별1의 타임라인

나를 담는 별

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

예시 별 2. 예시 별3.

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

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

스타플 별지도

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

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

똑똑한 소식 배달부 알림이

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

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

별증서

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

★스타플 방문하기★

Posted by mkyoon



http://www.savethedeveopers.org




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


http://resistan.com/savethedeveloper

개발자 좀 살려주세요 제발!

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



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

Posted by mkyoon



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





대한민국을 대표하는 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


  • 現 (주)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


  • 現 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

남찬우 랩장 /NHN 조영국 부장 / 메가존

  • 現 메가존 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 황리건 과장 / Microsoft


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

노주환 대표컨설턴트/ BICON Media 노주환 이사 / BICON Media


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

웹2.0 기획과 디자인
            [저서]
  • 웹 패러다임을 바꾸는 위젯 / 멘토르
  • 웹 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

Posted by mkyoon


미래 웹 기술 포럼에서 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를 바꿔야 하는 필요성을 못느끼고 있으며
그 때문에 쇼핑몰, 금융권 등은 요지부동이라고 합니다.
지금 소송중에 있다고 합니다. 아직 결과는 안나왔고 대법원까지 갈 예정이라니 두고봐야죠.


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

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



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

Posted by mkyoon


[고전게임] 스네이크 Snake


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

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

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

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

Posted by mkyoon


« Previous : 1 : 2 : 3 : 4 : Next »