baloon pop over

말풍선 아이콘은 웹 페이지를 만들 때에 언제나 뭔가 부족하죠. 그 부족함을 시원하게 채워줄 프로젝트입니다. 용량은 놀랍게도. 3.5kb! 가볍고 쓰기 편한 라이브러리. lpad 처럼 간단하게 만들 수 있는 것은 만들자! 가 요즘의 트렌드임에도 불구하고 소개하는 것은 제가 간단하게 짤 수 있을 거 같은 자신이 없어서 그런 것은 아닙니다(?)

2016/04/08 Editor’s choice

FezVrasta/popper.js
_popper.js - A ~3.5KB kickass library to manage your poppers_github.com

설치

npm install popper.js --save

bower도 존재하고, CDN 도 있습니다.

‘jsDelivr - A free super-fast CDN for developers and webmasters‘
A free super-fast CDN for developers and webmasterswww.jsdelivr.com

실행

어떻게 사용할 수 있을까요?

Readme에 있는 코드는 다음과 같습니다.

var reference = document.querySelector('.my-button');  
var thePopper = new Popper(  
reference,  
{  
content: 'My awesome popper!'  
},  
{  
// popper options here  
}  
});

하지만, 이렇게 만 가지고는 짤 수 없죠.

기존에 만들고 있던 resume page 사진에 장난을 걸어봤습니다.

다음과 같이 보여지네요.

개쿨.

생각하던 것 이상으로 간단하지만

그 이상 이쁜 팝오버네요!

By Keen Dev on April 7, 2016.

Exported from Medium on May 31, 2017.

panama!

며칠 전 ICIJ(국제 탐사 보도 언론인 연합회)에서는 조세회피를 하고 있는 사람들의 명단을 공개 했습니다.

푸틴*시진핑*메시*청룽 등 줄줄이 조세회피처 의혹 - 노컷뉴스
_푸틴 러시아 대통령을 포함한 각국 정상과 스타급 인사들도 조세도피처를 이용해 불법금융거래를 해온 정황이 속속 드러나고 있다. 국제탐사보도언론인협회(ICIJ)와 뉴스타파에 따르면 파나마의 법무법인 ‘모색 폰세.._www.nocutnews.co.kr

재밌는 것은 아래에 data visualization 페이지입니다.

The Power Players
_The Center for Public Integrity is a 501(c)(3) nonprofit organization. Contributions to The Center for Public Integrity…_panamapapers.icij.org

주로 유력인사들을 뽑아 놓은 페이지에서 누군가는 페이지를 뒤지다가 csv파일을 발견하고 그것들을 차례로 깃헙 프로젝트로 옮겨 놓았네요

2016/04/07 Editor’s choice

amaboura/panama-papers-dataset-2016
_panama-papers-dataset-2016 - Structured data about Panama papers collected from official ICIJ website_github.com

csv 파일은 다음의 컬럼을 가지고 있습니다.

story-title  
story-subtitle  
story-image-if-linked-person  
story-narrative  
story-category-code  
story-priority  
story-region-codes  
story-country-1-code  
story-country-1-name  
story-country-2-code  
story-country-2-name  
story-document-1-title  
data-person-1-name  
data-person-1-description-if-politician  
data-person-1-relationship,  
data-person-1-image  
data-person-1-viz-publish  
data-person-1-comment

프로젝트 개발자는 ICIJ와 자기는 아무 상관이 없고 단지 Visualization 프로젝트를 위한 도구로만 쓰겠다고 합니다.

일반적인 정보들이 얻고 싶다면 Wiki페이지에 이미 다 정리 되어 있으니 이걸 보는게 편할 거 같습니다.

Panama Papers
_The Panama Papers are a leaked set of 11.5 million confidential documents that provide detailed information about more…_en.wikipedia.org

이번 발표에 가장 이슈가 된 사람은 푸틴, 성룡, 메시 쯤 될 거 같네요. (네, 그 축구 선수 리오넬 메시 맞습니다.)

By Keen Dev on April 7, 2016.

Exported from Medium on May 31, 2017.