Isotope와 Masonry jQuery 플러그인의 차이점

Isotope와 Masonry jQuery 플러그인의 차이점

---

최근에 Masonry 및 Isotope JQuery 플러그인을 발견했습니다 . 그들은 기능적으로 거의 동일한 것으로 보이며 둘 다 동일한 저자를 갖는 것으로 보입니다. 내가 볼 수있는 유일한 차이점은 라이센스입니다.

기능 측면에서이 둘의 주요 차이점은 무엇입니까? 왜 다른 하나를 사용합니까?

---

저자와의 인터뷰에서 발췌 :

어떤 사람들에게는 Isotope가 이전에 Masonry로했던 작업과 매우 비슷해 보일 것입니다. 둘의 주요 차이점을 설명해 주시겠습니까?

동위 원소에는 Masonry에없는 몇 가지 기능이 있습니다. Masonry는 기본적으로 항목 요소를 계단식 배열로 배치하는 한 가지 작업을 수행합니다. Isotope에는 Masonry의 레이아웃 로직이 내장되어 있지만 요소를 동적으로 배치하는 데 사용할 수있는 여러 다른 레이아웃 모드도 있습니다. 사용자 지정 레이아웃 모드를 개발할 수도 있습니다.

앞서 언급했듯이 필터링 및 정렬 기능이 내장되어 있습니다. 항목 필터링은 jQuery 선택기를 전달하는 것만 큼 쉽습니다.

$('#container').isotope({ filter: '.my-selector' });

Isotope는 최고의 브라우저 기능을 활용합니다. 일반적인 왼쪽 / 위 스타일 위치 지정을 사용하는 대신 Isotope는 점진적 향상 방식을 사용하고 브라우저에서 지원하는 경우 CSS 변환을 사용합니다. 이는 최고 수준의 브라우저를위한 최고 수준의 성능을 제공합니다. 하드웨어 가속이 시작됨에 따라 애니메이션은 WebKit 브라우저 및 iOS를 사용하는 덜 강력한 장치에서 부드럽고 매끄럽게 보입니다. CSS 변환은 CSS 변환에서 더 잘 수행됩니다. 이에 대해서는 나중에 설명하겠습니다.

또 다른 차이점은 @AminAriana가 지적한 라이선스입니다. Masonry 는 MIT 라이센스 하에 있지만 Isotope 는 개인적인 용도 로만 무료입니다 .

이 페이지 에서 (25 $) Isotope 상용 라이센스 를 구입할 수 있습니다 .

---

PrimosK는 당신의 질문을 꽤 많이 알고 있었지만 나는 단지 차임하고 싶었습니다 ...

Isotope는 멋진 jQuery 플러그인입니다. 여러 사이트에서 성공적으로 사용했습니다.

내가 Isotope에 대해 가장 좋아하는 것 중 하나는 사용자 정의가 가능하다는 것입니다. 잘 문서화되어 있으며 무한 스크롤로 확장하고 사용자 지정 레이아웃 모드를 사용하는 것과 같이 생각할 수있는 거의 모든 작업을 수행 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/8856893/differences-between-isotope-and-masonry-jquery-plugins