ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Bootstrap Image GalleryはTwitter社の開発したBootstrapを使ったイメージギャラリーソフトウェアです。

最近のWebサービスではTwitter社の開発したBootstrapをベースに提供するものが増えてきました。Bootstrap Image Galleryはそんな中、Bootstrapを使って開発されたイメージギャラリーソフトウェアとなっています。


サムネイル一覧です。奇麗に並びます。


サムネイルをクリックしました。ローディングアイコンが表示されます。


拡大表示されました。


フルスクリーンモードにも対応しています。

Bootstrap Image GalleryはBootstrapのテンプレートに用いることで、ユーザビリティ高いインタフェースを容易に実現しています。またBootsrapのモーダルダイアログを拡張もしています。そうした点も参考になりそうです。

Bootstrap Image GalleryはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。


MOONGIFTはこう見る

かつては技術さえあれば売り方はどうにでもなると言われてきました。が、iPhoneで代表されるように技術力はもちろんのこと、そのデザインやマーケティング手法が正否を大きく分けるようになっています。特に見た目のインパクトにおいてデザインが担う役割は相当大きいと言えます。

そのため、Webデザインがうまくいかずに作ったWebサービス開発を頓挫させてしまうケースも少なくありません。そんな中、Bootstrapの効用は相当に大きいと言えます。さらにこうやってBootstrapを拡張していくライブラリやソフトウェアが増えれば、Webデザインにおけるベースのように扱われていくのではないでしょうか。

デモ:Bootstrap Image Gallery

blueimp/Bootstrap-Image-Gallery - GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2