Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

軽量&高速でかっこいいポップアップが実装できる「Magnific Popup」

かっこいいポップアップ(モーダルウィンドウ)を実装できるJSライブラリが便利そうなので紹介しておく。

Magnific Popup


上記サイトからDemoを見てもらいたい。クリックしてからの反応がとてもよく、かっこいいポップアップ。YOUTUBEやVIMEOなどの動画も再生可能だ。
これで軽量、高速、Retina対応済みで、IE7含む多くのブラウザに対応しているなんてとてもすばらしい。


Twitter Bootstrapなどでもポップアップは実装することが可能だが、これだけ多くの人が使っていると差別化しにくい。こういったJSライブラリを使って自分だけのかっこいいデザインを取り入れたいですな。