スマホ・タブレットのプロトタイプが作れるHTML/CSSフレームワーク「CLANK」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

Clank

CLANK」はスマートフォン・タブレットのプロトタイプを作成することができるオープンソースのHTML/CSSフレームワーク(ドキュメントBlog)。ソースコードはGitHubにて公開されています。

見た目も良いし、コンポーネント指向かつ近代的なCSSテクニックを使って構築されているので、使ってみると便利かも。

Demo

どういう部品が利用できるのかということに関しては、デモを触ってみるのが手っ取り早いと思います。デモ画面の左側で、Home、Article、Base layout、Bar text、Buttons、Button group、Button toolbars、Loading、Table view、Alerts、Toggles、Forms、Sliders、Data tablesといった各種部品を選択可能。

さらに、画面上部のDeviceでデバイスイメージを、Orientationで向きを変更することもできます。

見た目的にはiOSっぽい部品が多い感じです。

ブログにあった紹介動画なんかも参考になると思います。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次