とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

Bootstrapの無料のテーマギャラリーサイト Bootswatch が便利&参考になる

Bootstrapの無料のテーマギャラリーサイト Bootswatch が便利&参考になる

Bootstrapとは

ウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークである。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などが、HTMLおよびCSSベースのデザインテンプレートとして用意されている。

https://ja.wikipedia.org/wiki/Bootstrap

です。

 

さらにBootstrapについて詳しく

知りたい場合は下記のサイトで

詳しく解説されていますのでごらんください。

www.sejuku.net

 

このBootstrap、さまざまなデザインの

テーマがあります。無料のテーマギャラリー

として洗練されたテーマが公開されているのが、

「Bootswatch」です。

 

Bootswatch: Free themes for Bootstrap

21種類のテーマが紹介されています。

デモとしてプレビューもできるし、

ダウンロードも可能です。

 

たとえばFlatlyというテーマの

プレビューはこちら。

Bootswatch: Flatly

 

BootstrapはUIパーツのコンポーネント化の

参考にもなるので、

自分でフルスクラッチでUIデザインを

実装する際にパーツの切り出し方や、

実装方法を真似てみると良いと思います。

 

ただUIデザインがいかにも「Bootstrap」

というかんじのため、受託のクライアント

ワークで使用するのは稀かもしれませんが、

デザインをそれほど重視していない案件や

管理画面などで使うのはいいと思います。

 

すでにUIパーツがそろっているので、

デザイナ以外もさわっても

ある程度のデザインで仕上げることが

できますし、「Bootstrap」に限らず

ですが、フロントエンド系の

フレームワークは効率がよく開発の時短

にもなります。