2009년 8월 31일 월요일

오페라 웹표준 강좌 48장, 동적 스타일 - 자바스크립트로 CSS 다루기

2009년 8월 30일 일요일

아내가 그려준 아바타

오늘 아내가 인상을 잔득 쓰고 있는 제 사진 하나를 가지고 작업을 하더니 이렇게 멋진 아바타 이미지를 스케치 해  주었습니다.

페이지오프라고 적힌 머리띠를 묶은 모습입니다.

페이지오프라고 적힌 머리띠를 묶은 모습입니다.

HTML 모드로 변신한 봄눈입니다.

HTML 모드로 변신한 봄눈입니다.

사악하고 간사한 모드의 봄눈입니다.

사악하고 간사한 모드의 봄눈입니다.

220볼트 전원을 입에 물고 있는 봄눈입니다.

220볼트 전원을 입에 물고 있는 봄눈입니다. 아내의 의도를 잘 모르겠어요 ㅎㅎ

연필을 물고 있는 지적인 봄눈입니다.

연필을 물고 있는 지적인 봄눈입니다.

꽃을 물고 있는 봄눈입니다.

꽃을 물고 있는 봄눈입니다.

춥파춥스를 물고 있는 봄눈입니다.

춥파춥스를 물고 있는 봄눈입니다. 그러고보니 중학교 때 별명이 춥스였는데... 실제로 춥파춥스를 많이 먹었거든요.

위 버전들의 원본 스케치입니다.

위 버전들의 원본 스케치입니다.


저와 아내가 함께 있는 그림입니다.

저와 아내가 함께 있는 그림입니다. 아내가 너무 좋습니다. 사랑해~


2009년 8월 27일 목요일

오페라 웹표준 강좌 49장, 자바스크립트 이벤트 핸들링

2009년 8월 23일 일요일

두번째 웹퍼블리셔 오리엔테이션 합니다

두번째 웹퍼블리셔 오리엔테이션
지난 2월 21일 첫번째 웹퍼블리셔 오리엔테이션을 마친 후 6개월이 지난 9월 19일 다시 두번째 자리를 갖게 되었습니다.

웹퍼블리셔 오리엔테이션은 사회에 첫 발을 내 딛는 예비 또는 1년 이내의 신입 웹퍼블리셔 분들과 업계 선배님을 모시고 궁금한 점들과 고민들을 이야기해 보기 위해 마련된 시간입니다. 퍼블리싱 개발 방법론이나 기술을 배워가는 자리가 아님을 알려드립니다.

두번째 웹퍼블리셔 오리엔테이션의 개요는 다음과 같고, 신청은 클리어보스의 별도 페이지에서 받고 있습니다.
  • 일시 : 2009년 9월 19일 토요일
  • 장소 : ACG / 서울시 강남구 논현동 99-7 럭스웨이 빌딩 4층 대회의실
    • 강남구청역 3번 출구
    • 학동로북36길 이용 학동사거리 방향으로 직진, 도보로 10분 내외 소요
    서울시 강남구 논현동 99-7 럭스웨이 빌딩 4층 대회의실
  • 대상 : 총 20명 - 미취업 입문자(10명)와 신입 1년차 이내(10명)
  • 선정기준 :
    • 구분별 선착순
    • 한 쪽 지원자의 수가 10명이 되지 않을 경우, 다른 한 쪽 지원자수로 채워짐.
    • 단, 경력 1년 이상자 등록시 취소될 수 있음.
  • 참가비 : 3,000원 / 뒤풀이 비용 별도
  • 신청 : 8월 24일 ~ 8월 31일
  • 내용
    • 1교시(13:00 ~ 13:30) : 행사 소개 및 인사(30분 / 명함 준비)
    • 2교시(13:30 ~ 14:00) : 웹표준 역사(30분 / 봄눈)
    • 휴 식(14:00 ~ 14:20) : 20분
    • 3교시(14:20 ~ 17:00) : 웹 퍼블리셔로 살아가기 (120분 / 애틱, 비티, 루트박스, 봄눈 - 다과와 함께)
    • 뒤풀이(17:00 ~ ) : 별도 진행(뒤풀이 회비 별도)


2009년 8월 20일 목요일

Windows7 XP Mode에서 IE6만 바로 실행하는 방법

Windows7 에서 호환성 문제로 실행되지 않는 프로그램들을 실행시키기 위해서 XP Mode를 사용하는 방법이 있습니다. XP Mode를 다운받고 설치하는 방법은 이미 많이 알려져 있기 때문에 설명을 생략하겠습니다.

XP Mode에서는 설치된 어플리케이션을 Windows7 시작 메뉴를 통해서 바로 실행시킬 수 있도록 만들어져 있습니다. 참 편하더군요. 그런데 처음부터 설치되어 있는 IE6도 바로 실행시키고 싶었는데 XP Mode의 메뉴에서는 특별한 방법을 제공하진 않더군요. 그래서 찾아봤습니다. 구글로.

방법은 간단합니다.

모든 사용자 문서 폴더내에 시작메뉴 > 프로그램 폴더(C:\Documents and Settings\All Users\시작 메뉴\프로그램) 안에 IE6 단축아이콘을 넣어주시면 됩니다.

XP Mode 바탕화면의 IE6를 시작메뉴 > 프로그램 안에 넣는다.

시작메뉴에 등록된 것을 확인해 볼 수 있다.

단축아이콘을 빠른실행 영역에 넣어두면 더욱 편하다.


이렇게 하면 IE8과 IE7(호환성모드) 뿐 아니라 IE6도 제대로 확인해 볼 수 있게 된다.


IE6 때문에 고생하는 웹퍼블리셔들이나 UI개발자분들중 Windows7을 사용하신다면 괜찮은 테스트 환경을 구축할 수 있을 것 같아서 올려봅니다.

2009년 8월 19일 수요일

오페라 웹표준 강좌 43장, 겸손한 자바스크립트의 원리

복잡한 도구모음 정리하기

Firefox를 주 브라우저로 사용하고 있고, Web Developer구글 툴바를 설치해서 사용중입니다. 거기에 Juicy Studio Accessibility ToolbarWAVE같은 웹접근성 관련 툴바도 설치해서 사용중입니다. 그러다 보니 아래처럼 도구모음 영역이 2줄, 3줄 늘어만 가서 웹페이지를 출력해 주는 실제 뷰 영역이 점점 줄어드는 문제가 있습니다. 모니터 태평양같이 넓다면 모를까 13인치 밖에 되지 않는 작은 노트북 화면에서 이런 환경은 웹 서핑을 답답하게 만들곤 합니다.

여러 툴바를 설치해서 복잡해진 도구모음 영역

여러 툴바를 설치해서 복잡해진 도구모음 영역


Firefox 의 보기 > 도구모음을 선택하면 설치된 툴바를 도구모음 영역에 보이거나 감출 수 있기에 필요한 경우에는 켜고, 필요없는 상황에는 끄는 방법으로 사용을 해 왔는데  '사용자 지정' 기능을 통해서 각 툴바의 기능 중 내가 원하는 것들만 한 줄에 모아둘 수 있지 않을까하는 생각이 들었습니다.

필요한 기능만 한 줄에 정리했다

필요한 기능만 한 줄에 정리했다


역시나 가능했습니다! 위 그림처럼 도구모음에 등록된 각각의 아이콘들을 제 의지대로 넣고, 빼고 할 수가 있었습니다. 그래서 저는 단 한 줄 안에 Gmail과 번역, 북마크 모음, Web Developer의 자주 사용하는 6가지 옵션만 선택해놨습니다.

그러고 나니 정말 한결 깔끔해진 도구모음 영역을 볼 수 있었고, 웹 페이지 뷰 영역도 보다 넓어졌습니다. 간단한 팁이긴 하지만 여러 툴바를 설치해서 사용하시는 분들께 도움이 될까 하여 올려봅니다.