WorkFlowy는 매우 단순하지만, 강력한 생각 정리 도구입니다. 기존에 마인드맵을 했었던, 에버노트를 포함한 각종 메모앱이 했었던, GTD/Task/Todo 앱이 했었던 수많은 일들을 하나의 도구에서 쉽고 빠르게 정리해갈 수 있습니다.

한번 사용해보세요! 간단한 회원가입 후, 자신의 환경에 맞는 앱을 취사 선택할 수 있습니다. 흡사 IE 대신 Firefox를 처음 사옹할 때 느꼈던 경쾌함과 Dropbox를 처음 만날때 편리함 그 이상을 경험하실 수 있을 거예요.

• Official Web – 기본적으로 웹에서 이용할 수 있어요. 시작 페이지로 이용해보세요!
• Google Chrome App – 오프라인에서 이용할 수 있는 클라이언트 프로그램
• iPhone  / Android – 모바일에서도 쉽게 이용할 수 있습니다.

WorkFlowy 홈페이지에 언급된 다양한 사용자의 생생 목소리로 마무리 합니다. (구글 번역의 결과이나, 원문이 궁금하면 이곳을 확인해주세요)

개념적으론, 기존에 존재하는 테마를 참고하여 테마를 제작할 때, 참고한 테마를 부모 테마라고 하고, 참고해서 새로 제작될 테마를 자식 테마라고 합니다. 대부분의 테마를 제작할 때, 무에서 유를 창조하는 방식보다는 기존에 존재하는 테마를 참고하는 경우가 대부분이기 때문에, 워드프레스 테마 제작에서 반드시 거치는 단계라고 볼 수 있습니다.

이러한 부모/자식 테마 제작 방식은 플러그인 개발 방식과 유사합니다. 코어 코드를 참고로 새로운 기능을 추가하는 플러그인 개발처럼, 부모 테마를 참고로 새로운 테마를 제작하기 때문입니다.

템플릿용 테마라고 부르는 부모 테마 전용의 테마도 있는데, 이를 이용하여 자식 테마를 제작할 땐, 부모 테마의 다양한 기능/디자인 API를 이용하여 보다 쉽게 자식 테마를 만들 수 있습니다. 이는 워드프레스 코어 템플릿 외에도 다양한 부모 테마를 기반으로 새로운 테마를 제작하는 방식을 제공하는 것으로, 보다 쉽고 빠르게 자신만의 테마를 만들 수 있도록 도움을 줍니다.

구글/페이스북/트위터 및 다음/네이버/파란 등 다수의 웹 서비스 회사에서 제공하는 API도 보다 확장 가능하고 실무 예제 중심으로 제공되면 좋겠습니다.

워드프레스 행사에 대한 소개는 아래와 같으며, 자세한 내용은 공식 홈페이지에서 확인할 수 있습니다.

• 일시: 2011년 11월 26일 토요일 오후 1시
• 장소: 서울시 용산구 한남동 다음 커뮤니케이션 일신홀 – 약도 및 교통정보 (다음 플레이스)
• 회비: 5천원
• 참석인원: 180명 중 약 80% 이상이 참석하였습니다.

리본은 세상의 모든 디자인 리소스를 공유하고자 합니다. 자신의 디자인 소스를 공유하거나 다른이의 디자인 소스를 재공유하고, 공유된 디자인 소스에 메타정보를 추가하여 재가공하며, 서로 의견을 나눠서 새로운 가치를 만들어 내고자 합니다.

표면화된 디자인 이면에 숨겨진, 타이포그라피·컬러·레이아웃·패턴·텍스쳐·레이어·각종 효과 및 상호 작용은 디자인 소스에서만 확인할 수 있습니다. 디자인 소스를 공유함으로써 더 나은 가치를 얻을 수 있습니다.

개발 코드를 공유하는 활동은 이미 오래전부터 시작되었습니다. GPL·LGPL·BSD처럼 소스 코드의 저작권을 공개하는 방식 외에도, 2명 이상이 함께 코드를 작성하는 짝코딩 프로세스를 적용하기도 하고, 공개된 온라인 공간에서 소스 코드를 공개하고 여러 개발자가 협업하는 방식도 있으며, 최근엔 API를 공개하여 새로운 서비스를 창조할 수 있도록 하고 있습니다.

또한, 글이나 레스터 방식의 그래픽 이미지 또는 동영상 등의 컨텐츠의 저작권을 공유하는 CCL도 존재합니다. 저작권만 표기하면 누구나 상업적 용도에 상관없이 이미지나 동영상을 이용할 수 있고, 이를 리믹스해서 새로운 컨텐츠를 생산하기도 합니다.

해외에선 디자인 소스를 공유하는 활동이 점차 늘어나고 있습니다. 단순히 취미나 자기 과시 또는 전시의 목적으로 공유하는 걸 넘어, 개발 코드나 컨텐츠처럼 상호 협력하고 재생산하는 단계까지 진행되고 있습니다. 또한 적합한 저적권을 부여함으로써, 많은 이들이 사용하게 되어 디자이너로써 자신의 가치를 높히기도 합니다.

해외 관련 사이트

• DeviantART – 설명이 필요없는 세계 최대 디자인 커뮤니티로써, 다양한 디자인 리소스를 공유합니다.
• Designmoo – PSDs, vectors, textures, patterns, fonts 등을 무료로 공유하는 디자인 커뮤니티입니다.
• 365psd – 매일 한 개의 psd 소스를 무료로 제공합니다.
• dribbble – 신생 디자이너 커뮤니티로써, 디자인 결과물의 전시하고 의견을 나누는 멋진 곳입니다.
• Premium Pixels – 영국의 디자이너인 Orman Clark가 공유하는 디자인 리소스를 무료로 제공합니다.
• Graphics Fuel – PSD, 배경이미지, 아이콘, 레이아웃 등 다양한 디자인 리소스를 무료로 제공합니다.
• 이 외에도 무수히 많은 사이트들…

거창하게 사회적 활동이나 봉사의 의미가 아닌, 더 나은 가치를 새롭게 만들어 갈 수 있는 리본이 될 수 있도록, 많은 분들의 참여와 격려 부탁드립니다. ^_^;;

A website wireframe (also “web wire frame”, “web wireframe”, “web wireframing”) is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface . Typically, wireframes are completed before any artwork is developed.

많은 분들이 와이어프레임을 제작하는데 파워포인트(PowerPoint, MS)를 사용하지만, 전문(용) 도구가 아니다보니 생산성이 떨어지는 게 사실입니다. 이를 위해 전용 도구를 사용하기도 하지만, 100% 만족감을 보장받긴 어렵습니다.

그런측면에서, Wirify는 웹 페이지의 와이어프레임을 쉽게 만들고 비교할 수 있는 유용한 도구입니다. 또한, 자바스크립트로 구현된 북마클릿 형식이기에 클릭 한번으로도 쉽게 이용할 수 있습니다.

아래와 같이, 네이버와 다음의 와이어프레임을 Wifity로 확인하고 비교해볼 수 있습니다.

네이버의 와이어프레임:

URL – http://naver.com

다음의 와이어프레임:

URL – http://daum.net

http://xref.kr/1

위키백과에선 아래와 같이 jQuery를 소개합니다.

jQuery는 자바스크립트와 HTML 사이의 상호작용을 강조하는 경량화된 웹 애플리케이션 프레임워크이다. 존 레식에 의해, 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 릴리즈되었다.

jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서의 듀얼 라이선스 하의 자유 오픈 소프트웨어이다.

jQuery API 문서를 참고하지 않더라도, 국내에 jQuery에 대한 책도 많이 출간됐고 많은 분들이 블로그나 카페에 관련 팁을 공유해주셔서, 쉽게 jQuery를 익힐 수 있습니다. 이 글이 아직 jQuery를 어려워하는 웹 디자이너나 처음 웹 사이트를 만드는 분들에게 도움이 됐으면 합니다. 완성된 2단 메뉴(GNB)를 먼저 확인해주세요.

본론으로 바로 들어가서, HTML 코드를 작성합니다.

View the code on Gist.

다음으로, 스타일을 부여하기 위해 CSS 코드를 추가합니다.

View the code on Gist.

마지막으로, 2단 메뉴로 동작하기 위해 JavaScript(jQuery) 코드를 추가합니다.

View the code on Gist.

$(‘#nav li’).bind(‘mouseenter keyup’, function() { // 메뉴바의 각 메뉴들에 마우스를 올리거나 키보드로 이동하면,
$(this).addClass(‘on’).siblings().removeClass(); // 해당 메뉴에 클래스 on을 추가하고, 다른 메뉴의 클래스를 제거합니다.
}); // 네. 3줄로 끝입니다.

완성된 2단 메뉴(GNB)를 확인해주세요. 이 코드는 IE8, IE Tester를 이용한 IE7, windows XP mode를 이용한 IE6, Firefox 3.6, Chrome 9에서 테스트했습니다.

jQuery의 매력에 빠져보실 분에겐 실전 jQuery 쿡북(요리책)을 추천합니다. 비싼만큼, 도움이 될 것입니다.

XEmarket으로 스타덤에 오를 많은 국내 웹 개발자/디자이너 분들을 기대하며, 익스프레스 엔진(XE)를 워드프레스와 라이센스 측면에서 비교하면서 제 의견을 달아봅니다.

1. 익스프레스 엔진(XE)은 LGPL을 따르기 때문에, 상업용 플러그인이나 익스텐션의 개발 및 판매가 가능합니다. 워드프레스는 GPL을 따르기에, 유료 플러그인이 없으며, 유료 테마는 워드프레스와 HTML, CSS, JS, 이미지(원본포함)의 듀얼 라이센스로 판매하고 있습니다.

2. 워드프레스 테마는 보통 Single-usage license와 Extended-use license(developer license) 2가지 형태로 제공됩니다. 무제한 라이센스는 1회용 라이센스보다 평균 50배 정도 비쌉니다.

3. 워드프레스 테마 중에서 확장 가능한 프로토타입 형식의 인기가 높습니다. 무료 테마 다운로드 상위 10위 안에 5개 이상이 프로토타입 형식입니다.

4. 어차피 테마나 플러그인은 특정 사이트에 맞게 커스터마이징해야 합니다. 누구나 쉽고 빠르게 커스터마이징할 수 있는 프로토타입 형식을 제공해서 자식(또는 서브) 테마나 플러그인을 개발할 수 있다면, 시장 선점 효과도 누릴 수 있습니다.

5. 익스프레스 엔진(XE) 테마나 플러그인 및 익스텐션을 개발한다면, 2차/3차 저작물을 위한 Extended-use license(developer license)의 프로토타입 형식을 저가에 제공한다면, 많은 판매를 이룰 것으로 예상됩니다.

6. Single-usage license 판매도 마찬가지지만, 특히 Extended-use license(developer license)로 판매하려면, 다양한 사용자 옵션과 고객지원이 필수입니다. XEmarket가 고객지원을 위한 다양한 통로를 제공하거나, 판매자가 직판용 웹사이트를 잘 제공/운영해야 합니다.

권한이 제한된 일반 사용자(Author)가 관리자(Admin)의 권한을 행사하여, 글을 수정하거나 지울 수도 있고, 경우데 따라 폐쇄할 수도 있습니다. 서로 믿는 분들과 함께 하는 팀 블로그라더라도, 신뢰의 문제를 떠나 권한과 책임 문제 측면에서 위험을 제거할 필요가 있습니다.

이번 취약점은 워드프레스 3.0.1 이하 모든 버전에서 발견됐기에, 워드프레스 2.xx 의 구버전 블로그도 꼭 업데이트해야 합니다.

워드프레스 2.7 이후부터 자동 업데이트 기능이 제공되고 있습니다. 버튼만 한번 클릭하면 워드프레스 코어 뿐만 아니라, 각종 플러그인들도 쉽고 빠르게 업데이트할 수 있습니다. 물론 한꺼번에(bulk) 업데이트할 수도 있습니다. 이 기능을 사용하다보면, 파이어폭스(Firefox) 브라우저처럼 데스크탑 응용 프로그램 못지 않게 편리한 업데이트를 진행할 수 있습니다.

워드프레스 2.7 이전부터 사용해 왔다면, 자동 업데이트할 때 FTP 아이디와 비밀번호를 요청할 수 있습니다. 이럴 땐 wp-config.php에 FTP 아이디와 비밀번호를 입력해서, 다음부턴 원클릭으로 업데이트할 수 있습니다.

아이폰(아이팟터치)의 퍼즐게임 Booooly! (불리)는 요즘 유일하게 즐기는 게임입니다. 다른 게임들은 최고 레벨에 도달했거나 거의 도달한 후에 접었는데, 불리는 레벨업이 쉽지 않군요.

그래도 오늘 드디어, 승률 70%에 도달했습니다. 아래는 인증샷. ㅎㅎㅎ

Hooney’s 불리 기록

• 레벨: 24
• 경험치: 28311
• 순위: 36
• 승패: 1468/629 (승률: 70%)

이 정도입니다. 물론 제 위로도 35명의 고수들이 더 있고, 저보다 높은 승률을 갖고 있는 분도 있겠죠.

제가 레벨 10 정도일땐 승률이 50% 정도였고, 레벨 15 정도일땐 승률이 60% 정도였죠. 한 땐 승률 50% 넘기만 하면 게임 접으려 했었고, 50%가 넘으니 60%를, 60%가 넘으니 승률 2/3인 66.66%를 넘기려고 했었는데, 어느덧 70%를 달성했네요.

더이상 목표는 없습니다. 그동안 목표를 달성하기 위해 매진했었는데, 이젠 게임을 즐기거나 아니면 접어야 겠네요. 단, 골드가 조금 아깝긴 하네요;;

Hooney’s 불리 필승전략

• 안정된 자세가 중요하다: 피쳐폰에서 문자메시지 작성할때처럼 양손의 엄지손가락으로 누른다.
• 불리가 4개 이상 붙어서 공격할 수 있는 모양을 만들어 간다.
  • 침착해야 한다: 대진 화면 아래쪽에 있는 나와 상대방의 게이지를 확인해서 완급 조절을 한다.
  • 참고 또 참는다: 3개짜리는 가급적 터뜨리지 않는다. 불리가 서로 붙는 약 0.5초를 기다릴 줄 알아야 한다.
  • 모양이 예뻐야 한다: 폭탄은 전체적인 배치(layout)를 만드는 데 주로 사용한다.
  • 한 곳을 노린다: 왼쪽 또는 오른쪽의 사이드를 집중적으로 공략한다.
• 골드를 아끼지 마라: 공격/수비용 아이템 3개를 모두 구입한다.

정도이며, 가장 중요한 건 모양과 타이밍입니다. 마치 탁구 게임하는 것처럼, 서로 공을 주고 받다가 적절한 타이밍에 좋은 자리를 선점해서 강스매싱을 날리면 승리할 수 있습니다.

답답한 아파트를 벗어나 나만의 전원주택을 그리워하는 것처럼, 제약과 제한이 많은 서비스형 블로그를 벗어나 나만의 설치형 블로그를 만들고 꾸미는 테마에 대한 내용을 다뤘습니다.

국내에서 처음으로 진행된 워드프레스 캠프인 만큼, 발표 내용의 수준이 다소 평이합니다. 다음 캠프 때는 보다 구체적이고 실무적인 내용을 다뤘으면 좋겠습니다. 가능하면 테크 토크나 튜토리얼 등도 진행할 수 있으면 좋겠습니다.

오늘 워드프레스 캠프 서울 2010에 참석해주신 100여명이 넘는 많은 분들과 십여명의 스탭 분들, 그리고 발표자 분들 모두 수고하셨습니다.