Filter 와 Sort 기능을 갖춘 반응형 레이아웃 js 플러그인 – isotope.js

Qwerty23 작성 업데이트

반응형 홈페이지를 만들기 위한 js 플러그인과 css 프레임워크에는 몇가지가 있습니다.

css 프레임워크중에서는 대표적으로 bootstrap 이 있고, js 로는 지금 소개해드리는 isotope 가 많이 쓰이고 있는데 이 isotope 는 한마디로 목록형태의 레이아웃을 화면 크기에 상관없이 일정한 형태로 표시하기 위한 목적을 가진 플러그인이라고 볼 수 있습니다.

간단히 사용법을 살펴보겠습니다.

balsamiq mockups 툴 소개

Qwerty23 작성 업데이트

balsamiq mockups은 웹, 모바일 기획과 스토리 보드 작업이 가능한 툴이다. 이툴의 장점은 직관적이라는 것이다. 너무나 직관적이어서 따로 설명이 필요 없다. 그냥 설치 후 전체적으로 한번 써보면 바로 알 수 있다. 드래그 앤 드롭과 약간의 클릭으로 웹과 모바일에 필요한 요소를 제공하기 때문에 스토리 보드 작업시 파워포인트를 쓸 필요도 없고 요소의 디자인 스타일은 수작업으로 스케치한듯 하다. 다음 동영상은  ITunes를 balsamiq mockups으로 그리는 동영상이다. 단점을 뽑으라 하면 전문적인 협업에는 약간 미비할 수 있다. 국내의 경우 balsamiq mockups은 역시나 익숙하지 않은 툴이다. 이런 툴을 내가 좋다고 하여 다수의 협업시… 더 보기