빌리 조엘과 청중의 즉석 연주 ‘New York State Of Mind’

http://youtu.be/Pttf5RPXBmc

뉴욕의 어느 대학생이 빌리 조엘의 강연에 참석했다 즉석에서 반주를 제안해 성사된 연주 ‘New York State Of Mind’. 훈훈합니다. 올해 1월에 촬영된 장면이라는군요.

via Boingboing

공짜 디자인 책, <비넬리 가라사대(THE VIGNELLI CANON)>

스크린샷 2013-03-13 오후 2.28.02
THE VIGNELLI CANON 내부

마시모 비넬리는 2009년 무료 PDF 책자 <THE VIGNELLI CANON>을 배포했었다. 매우 잘 요약된 이 책을 읽고 나면 정말 책 하나 만드는 건 아무 일도 아니다. (… 라는 느낌이 든다.)

아직도 마시모 비넬리의 홈페이지 링크 http://www.vignelli.com/canon.pdf를 통해 내려받을 수 있다.  혹시 배포가 중단될 경우 이 링크(VIGNELLI CANON)에서 내려받으시라.

<고래가 그랬어> 삼촌 될 날이 얼마 안남았다.

고래가 그랬어 112호 표지
고래가 그랬어 112호 표지

좌파논객으로 잘 알려진 김규항(블로그)이 만드는 … 무려 어린이 잡지. 이 잡지가 안 망하고 살아 남은 게 신기하기도 하고 … 내가 삼촌이 될 계획을 하고 있는 게 신기하기도 해서.

고래가 그랬어 홈페이지를 가면 100호 기념호 전자책을 다운로드해서 볼 수 있다.

 

3D 프린터로 진짜 집 짓기

KAMERMAKER 집쪽
KAMERMAKER 집쪽

네덜란드 암스테르담의 건축 사무소 DUS Architecture가 KarmerMaker(방 제작기)라는 이름의 11.5피트 사이즈의 3D 프린터를 직접 제작해 실제 건물을 짓는 실험을 시작했다. 암스테르담 북부의 운하 주변 지대에 지어질 이 건물은 바이오 플라스틱과 재활용 플라스틱 등을 주재료로 사용하게 된다. 일단 1/20 모델을 먼저 시험한 후 여러 조각으로 나누어 프린팅한 후 조립할 예정이라고.

[vimeo]http://vimeo.com/51091000[/vimeo]

 

구글 웹 폰트, Early Access를 통해 네이버 나눔 글꼴 지원

웹 기술도 많이 변했다. 예전처럼 JAVA 스크립트나 웹폰트를 직접 웹서버에 내장해서 페이지에 연결하는 무식한 짓보다는 대규모 서비스에서 제공하는 공용 소스를 공유해서 쓰는 일이 보편화되는 추세.

구글이나 클라우드플레어와 같은 서비스를 통해 Jquery 정도는 편하게 얻어다 쓸 수 있고, 이렇게 웹으로 연동되어 공유되는 자산들을 이용하면 웹사이트의 억세스 속도도 빨라진다.

이 방식은 웹폰트에도 적용된다. 국내에도 모빌리스라는 업체에서 시험적으로 한글 웹폰트를 서비스하고 있다는 걸 웬만한 설치형 블로그 이용자들은 알고 있을 거다. 하지만 서버의 속도나 글꼴의 크기가 그리 최적화되지 않은 편이라 마음대로 쓰기엔 불편한 것이 사실. 그런데 구글에서 제공하는 600여 가지의 구글 웹 폰트 서비스에 나눔 글꼴이 추가될 (이미 시험 가동중) 예정이라고 한다.

구글 웹 폰트는 현재 모두 617가지의 글꼴 모둠을 지원한다.
구글 웹 폰트는 현재 모두 617가지의 글꼴 모둠을 지원한다.
모빌리스 웹폰트는 약간 무겁긴 하지만 매우 다양한 한글 웹폰트가 지원된다.
모빌리스 웹폰트는 약간 무겁긴 하지만 매우 다양한 한글 웹폰트가 지원된다.
구글 웹 폰트 얼리 억세스에 네이버 글꼴 묶음이 포함되었다.
구글 웹 폰트 얼리 억세스에 네이버 글꼴 묶음이 포함되었다.

글꼴의 적용은 아래와 같이 간단히 CSS에 ‘@import’로 시작하는 구문 하나와 ‘font-family’로 시작하는 구문을 해당 스타일에 지정해주면 된다. 위로부터 순서대로 나눔브러쉬스크립트, 나눔고딕, 나눔고딕코딩, 나눔명조, 나눔펜스크립트 서체의 사용법.

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
font-family: 'Nanum Brush Script', cursive;

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: 'Nanum Gothic', sans-serif;

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
font-family: 'Nanum Gothic Coding', monospace;

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: 'Nanum Myeongjo', serif;

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
font-family: 'Nanum Pen Script', cursive;

아래 스크린샷처럼 ssall.com에도 적용시켰다. 워드프레스는 요즘 기능이 너무 좋아져서 CSS 추가 정도는 JETPACK 플러그인의 CUSTOM CSS기능을 이용하면 너무 쉽다. 기존 파일들을 FTP로 직접 열지 않아도 해당 스타일의 Class를 알면 관리자창을 열어 추가시킬 수 있다.

워드프레스 최근 버전은 서버상의 CSS를 직접 수정하는 대신, 간단하게 필요한 부분만을 추가하기 쉽다. ssall.com에 구글 웹폰트를 적용한 모습. 영문과 한글을 각각 다르게 보이도록 설정했다.
워드프레스 최근 버전은 서버상의 CSS를 직접 수정하는 대신, 간단하게 필요한 부분만을 추가하기 쉽다. ssall.com에 구글 웹폰트를 적용한 모습. 영문과 한글을 각각 다르게 보이도록 설정했다.