Adobe製のクールなCSSライブラリ「Topcoat」

Topcoat 1

Topcoat」はAdobe製のオープンソースCSSライブラリ(topcoat / topcoat)。Desktop、Mobile用の美しいUI部品を簡単に実装することができるので、Webデザイナーはもちろん、デザインに悩んでいる開発者にとってもありがたいライブラリといえるでしょう。

部品の見た目

Desktop PreviewMobile Previewを見れば一目瞭然ですが一応ご紹介。

Button

ボタン。

Iconlabel

アイコンボタン。

Topcoat Style Guide

アクションボタン

Dropdown

ドロップダウン

Switch

スイッチ。

Bootstrapのライバル?

オープンソースのCSSライブラリといえばTwitter社のBootstrapが有名です。Topcoatは、比較するとフラット気味のデザインで、最近のトレンドをより捉えていると、いえるかもしれません。競争してよりよいライブラリに成長していく事を期待したいと思います。

スポンサーリンク