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

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

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

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

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

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

「@media screen and 〜」で、タブレットより大きいサイズに対してのみ、以下のスタイルを適用します。 padding-top: 100px; min-height: 700px; lessは変数が扱えますので、「@media;screen and (min-width: @screen-sm-min) ;{･･････}」の、本来数字が入るところに変数「@screen ...