부트스트랩 Modal을 대체할만한 플러그인 7개

반응형 웹디자인이 대세고 그중 단연 원탑은 부트스트랩이긴하지만 부트스트랩이 상대적으로 무거운것도 사실이므로 Customize 메뉴를 통해서 안쓰는 기능을 제거하고 compact하게 쓰려고 하는데 특히 부트스트랩 모달팝업을 대체하려고 알아보다가 정리해보았습니다.

2014년 4월 기준

Boxer (http://formstone.it/components/Boxer/demo/index.html)

모바일 프렌들리하고 iframe을 사이즈별로 잘 지원한다는것빼고 큰 메리트는 없지만 사이즈가 작고 무난함

Bootbox.js (http://bootboxjs.com/)

부트스트랩 모달이 필요하며 좀더 편하게 사용할수있게 만들어놓은 wrapper라이브러리.

아주 기본적인 모달을 손쉽게 쓰는 용도일뿐

JQuery Popup Overlay(http://vast-engineering.github.io/jquery-popup-overlay/)

가볍도 쓰기편하고 아주 잘만든 라이브러리라 메인으로 쓰려고 했는데 모바일에서 모달이 잘 안닫히는것같아 포기한 비운의 녀석

CSS Modal (http://drublic.github.io/css-modal/)

기본 테마가 좀 안이쁘지만 가장 사이즈가 작고 가벼운 놈으로 빠르다

Remodal (https://github.com/VodkaBears/Remodal)

나온지 2달밖에 안됬지만 가볍고 모바일 지원도 잘되는 쓸만한 녀석

jQuery Custombox (http://www.jqueryrain.com/?0DfA2wTl)

흠잡을데 없고 무난하나 css가 23k, js가 34k 니까 Remodal이나 CSS Modal의 8~10배 크다

기본적인 이펙트 효과를 쓰고 싶으면 괜찮을듯

가벼운걸 자랑하는 만큼 사이즈도 작고 빠름. CSS Modal보단 나을것같으므로 가장 심플하고 가벼운 모달용으로 괜츈할듯

현재까지는 Remodal이 개인적으로 제일 나아보입니다