もはや常識のレスポンシブ対応する強い見方、bootstrap!

最近はスマホもすっかり世に知れ渡り、タブレットも老若男女使用するようになってきましたね。
ホームページでもレスポンシブ対応にする仕事が多いです。
既存のサイトをレスポンシブ化するのって結構時間がかかってしまうのですよね。デザインもパソコン用のもののままですと見にくくなってしまったりしますし・・・ そこでbootstrapという物をダウンロードしてみました。

bootstrapとは?


ちょこちょこと依頼の中に、「bootstrapを使って〜」というものを見かけていたので調べてみましたなんとも便利そうなもの。

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

By Wikipedia

私の理解はとても柔軟なテンプレートといったところでしょうか。
ボタンの色やアイコン等もclass名を変えるだけで簡単にできてしまいますし、何よりレスポンシブ化もclass名だけでできてしまう!(今のところ私の調べた限りでは、ですが^^;)
これはスゴい〜。という訳で、簡単にトップページだけを作成してみました。
調べればまだまだいろんな工夫ができそうなので、また時間がある時によりかっこいいものも作成してみます!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメントフィード

トラックバックURL: https://www.smile-web.co.jp/%e3%82%82%e3%81%af%e3%82%84%e5%b8%b8%e8%ad%98%e3%81%ae%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e5%af%be%e5%bf%9c%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e4%bd%9c/trackback/

パッケージプラン

お知らせ

Copyright © 2013-2017 Smile-Web Inc. 利用規約 | プライバシーに関する方針