[B! Bootstrap] fujikawa-yのブックマーク

【Boostrap入門】オシャレでレスポンシブなポートフォリオサイトの作り方

どうも初めまして、Webエンジニアのイソップ（@yuhiisk）です。レスポンシブサイト制作では、ノウハウが必要だったり、確認や検証に時間がかかったりと、簡単そうに見えて実は大変です。しかし、そんなにノウハウがなくても、Bootstrapを使えば効率的にサイトが作れてしまいます！今回は、Bootstrapを使って実際にポートフォリオサイトを作ってみましょう。 Bootstrapとは？そもそもBootstrapは、CSSフレームワークと呼ばれるCSS、JavaScriptのパーツ集です。 Bootstrapの中にはボタンやナビゲーション、ドロップダウンメニューなどがはじめから用意されていて、それらを組み合わせることで、「簡単に」「早く」「効率的に」Webサイトを作ることができます。また、モバイルデバイスを含めたマルチデバイス対応を考慮されているため、レスポンシブデザインのサイトを作

fujikawa-y 2016/03/21

リンク

総まとめ: Bootstrapの無料で高品質なテーマファイルがダウンロードできるサイト

ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサイトを紹介します。コンテンツのコンポーネント、ナビゲーション、サイドバーやフッタのウィジェットもあり、カスタマイズする際の参考にもなると思います。

fujikawa-y 2016/01/24

リンク

Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート

これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、ログインダッシュボードカレンダーグラフボタン/アイコン WYSIWYGエディタフォーム/ウィザードテーブルその他ウィジェットが用意されています。これだけあれば後は組み合わせるだけで（Bootstrap 本来の機能も使いつつ）リッチな