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

Mediumは人にとって読みやすい、使いやすいUI/UXにこだわっています。様々な工夫がされており、それははっきりと分かるものもあれば、細かすぎて気付かないものもあるでしょう。しかしそういった細部にこそ神が宿るものです。

今回紹介するMedium Zoomは画像のズーム表示をMediumライクに表現してくれるライブラリです。

Medium Zoomの使い方

ベーシックの使い方。

マージンあり。

背景色あり。

画像ではない場所をクリックしてズームするパターン。

Medium Zoomを使うことで、上品で滑らかなズームが提供できます。ズームする早さや動きによってユーザが受ける印象は大幅に変わります。Mediumではそういったアニメーションを細かくチューニングしているはずなので、Medium Zoomによって手軽に得られるのは便利そうです。

Medium ZoomはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Medium Zoom - A JavaScript library for zooming images like Medium

francoischalifour/medium-zoom: ?? A JavaScript library for zooming images like Medium

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2