あまり考えず、楽をしてホームページを作ってみましょう。自分のしたいレイアウなどをキーワードを使い回すことで簡単にわかりやすいコードで記述できるようになります。決まり事を覚える必要がありますので公式ホームページを参考に実際の触ってみ ...

Bootstrapは、Twitterで開発された、シンプルなデザインを作成できるパッケージです。 今回は、このBootstrapを利用して、見た目の良いDjangoのWebページをさくっと作っていきます。 これまで、Djangoでいろんな例を紹介してきましたが、デザインは特に何も触れて ...

見栄えの良いデザインやインターフェイスが簡単に作れるフレームワーク「Bootstrap2」のグリッド機能を使うと、段組構造がとても簡単に作成できて便利です。 「Twitter Bootstrap」には、閲覧者が使用しているブラウザの幅に合わせてレイアウトを変化させる ...

Bootstrapでは、 h1～h6要素 （以下、 ヘディング要素と呼ぶ） へのスタイル付けがされています。 特筆すべき点としては、 h1～h6要素それぞれのデザイン用にh1、 h2、 …、 h6のclassが生成されることです。これにより、 例えば、 文章構造的にh3要素を使用する ...

最近よく見かけるシングルページを作るデザイン塾。第6回では、モーダルウィンドウとスクロールスパイをBootstrapで用意されているJavaScriptを使って実装しました。今回はBootstrapでは用意されていない、jQueryプラグインを利用したインターフェイスを実装し ...

CSSフレームワーク「Bootstrap」の最新バージョンである「Bootstrap 5」がアルファ版としてリリースされました。バージョン5ではjQuery依存からの脱却や、Internet Explorerのサポート終了によるCSSカスタムプロパティの強化など、数多くの新機能が追加されています。