
CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. 요소를 수평으로 정렬한 후 수직을 다시 계산하여 벽돌을 끼워 맞춘듯 보기좋게 정렬해 주기 때문입니다. 이와 같은 그리드 레이아웃이 적용된 typeneu.com과 silnt.com에서 색다른 느낌을 만끽해보세요.
Rev. 2.73
CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. 요소를 수평으로 정렬한 후 수직을 다시 계산하여 벽돌을 끼워 맞춘듯 보기좋게 정렬해 주기 때문입니다. 이와 같은 그리드 레이아웃이 적용된 typeneu.com과 silnt.com에서 색다른 느낌을 만끽해보세요.
Comments
Got something to add? You can just leave a comment.
적용된 사이트를 보니 뭔가 영감이 떠오르네요.. 무얼 만들지? ㅎㅎ
reply edit
아 이것도 멋지네요.
reply edit
블럭구조 무한스크롤. 감탄할 수 밖에 없군요.. 와아
reply edit
이런 말도 안되는 것들이 자꾸 튀어나오니... Front-end에 대해 전혀 모르는 저같은 사람은 이제 슬슬 불안해져여 ㅠㅠ
reply edit
우와... 뭔진 잘 모르겠는데 엄청 예쁘네요......웡....
reply edit
Your Reaction Time!