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

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

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は、比較するとフラット気味のデザインで、最近のトレンドをより捉えていると、いえるかもしれません。競争してよりよいライブラリに成長していく事を期待したいと思います。

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