반응형이라기보단 다이나믹 그리드라고 보는 편이 더 나은 거 같은데요.
introduction 에도 'Masonry is a dynamic grid layout plugin for jQuery.' 라고 써놨네요,
자세히 소스를 뜯어보지는 않았는데 컨텐츠의 배치가 사용자가 해상도에 따라 원하는 형태로 되는 게 아니라 일정한 규칙에 의해 되는 것 같아서요.
네 그리드를 차곡차곡 쌓아간다로만 봤을 땐 반응형이라고 봐도 무방할 거 같은데, 몇번 사이즈를 조절해보니 문서 구조의 순서대로 쌓이는 게 아닌 것 같더라구요. 잘못 본 건지도 모르겠지만... ^^;;
암튼 사용자가 원하는 구조대로 컨텐츠를 반응시키는 형태가 아니라면 반응형이라고 보는게 맞을까 하는 의문이 듭니다.
댓글 10개
introduction 에도 'Masonry is a dynamic grid layout plugin for jQuery.' 라고 써놨네요,
자세히 소스를 뜯어보지는 않았는데 컨텐츠의 배치가 사용자가 해상도에 따라 원하는 형태로 되는 게 아니라 일정한 규칙에 의해 되는 것 같아서요.
높이가 다른 그리드들을 위로 차곡차곡 쌓아가는 로직이죠?
반응형 웹사이트에 자주 사용되는 레이아웃 엔진? 이죠..
사실 div float:left 만 해도 '반응형'이죠.. ^^;
암튼 사용자가 원하는 구조대로 컨텐츠를 반응시키는 형태가 아니라면 반응형이라고 보는게 맞을까 하는 의문이 듭니다.
빈공간을 채우는 가장 좋은 순서일것 같아요..
[ 1 ][7]
[ 2 ][ 4 ][8]
[ 3 ][5][6]
가로로 보면 이런 방식이랄까요? 물론 로직을 들여다봐야 하겠지만요.. ^^
지운아빠님하고, 반응형 얘기하니까, 다시 재미가 생기는데요? ^^
오랫만에 정보수집 좀 해봐야겠습니다. ^^*
좋은 정보 감사해요~~~~
http://isotope.metafizzy.co/
도 있어요. ^^
다른점은, 가로폭이 달라도 자동배치가 되고,
정렬조건, 필터링에 따라서 다이나믹하게 배치되기도 하고요..
즐겨찾긔!