読者です 読者をやめる 読者になる 読者になる

Hope is a Dream. Dream is a Hope.

非公開ふぃふぃ工房ブログ

↓LINE登録はこちら↓

定期的につぶやいてます. 記事に興味を持って頂いたかたや、Line Botを使ってみたいかたは試しに登録どうぞ

友だち追加

Bootstrapめっちゃ便利!(だと言いたい)

数値計算 WEB

初めてのBootstrap

f:id:hope_is_dream:20140503134547p:plain

以前夏目某さんからもbootstrapのおススメを頂いていたのもあり、今回はBootstrapを使ってWebページを創ります。

夏目某 (id:natsumenanigashi)
ベタですがTwitterのbootstrapが一番使いやすいかと。

まずはチュートリアルを調べる

HTML5アプリ作ろうぜ!(11):Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - @IT

f:id:hope_is_dream:20140503134013p:plain

Bootstrapの基本的な使い方が紹介されています。
(まずは、まずは基本から)


今日からはじめる!Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup

LESSの使い方も合わせて紹介されています。
(少しプログラミングチックになりそうなので、基本のあとに触ってみる程度にしておこう)


ひと味ちがうTwitter Bootstrapの18個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと

f:id:hope_is_dream:20140503133826p:plain

テンプレートの紹介。
(これは最後にやろう)

プラグインもあるらしい

豊富なプラグイン・拡張ライブラリ

Bootstrapにはプラグインを導入することができます。そのため,ほしい機能がないという場合でも,フルスクラッチでコードを書く必要はないでしょう。 一部となりますが,次のようなプラグインがあります。

やる前の所感

なんか

楽しそう