まろりかモンスター

パソコンだいすき♡ 雑記ブログです!

デザイン

Bootstrapのbuttonの使い方をマスターするポイント【Boostrap 4】

WebフレームワークであるBootstrapを使うと簡単にボタンを設置することができます。 Bootstrapでは様々なスタイルのボタンが定義されているので使いこなせるようになればとても便利ですよ。 今回はBootstrapでボタンを設置する際のポイントを紹介します。 Bo…

【Bootstrap 4 入門】初心者は2つの使い方を覚えるだけでかなり便利にBootstrapを使えるようになる

Bootsrapをみなさん使いこなしているでしょうか。 今回は、Bootstrapを使いこなせていない人に向けてまずは覚えた方が良い2つ使い方について紹介します。 たった2つの使い方を覚えるだけで、Bootstrapがどれだけ便利かがわかると思います。

Bootstrap 4が正式リリース(Bootstrap 3との違いは?)

Booststrap 4の安定版がついに正式リリースされました。2018年1月18日、Boostrap 4.0.0としてリリースされています。 Bootstrap 4の開発が始まったのが2015年後半なので、正式リリースまで約2年ほどかかりましたね。 Bootstrap 3よりも使いやすくなっていて…

Bootstrap 4を導入するための設定方法【2018年最新版】

BootstrapというWebフレームワークを導入すれば、CSSをそこまでいじらなくてもHTML上でclass指定すれば簡単にスタイルを決めることが出来るのでとても便利です。 また、Bootstrapのグリッドレイアウトの考え方を用いることで、デバイスに応じたレスポンシブ…

東京メトロ線と都営線のカラーコード & RGB値の一覧

東京メトロの各路線の色について、カラーコードとRGB値を一覧にしました。 私は、南北線、三田線、大江戸線の色が好きでいろんなところに利用しています。 みなさんもお気に入りの色を資料などに利用してみてはいかがでしょうか。

無料で使えるWebアイコンサービスのFont Awesomeを使用する方法【2018年最新版】

現時点(2018年1月)最新版の「Font Awesome 5」の設定方法をご紹介します。 また、旧バージョンの「Font Awesome 4」を利用していた方向けに、アップデート方法も紹介します。

はてなブログでアイコンを使う2通りの方法(デフォルト & Font Awesome 5)

はてなブログでアイコンを使いたい場合がありますよね。 よく使われている方法を2通り紹介します。 「はてなブログがデフォルトで読み込んでいるアイコンを使用する方法」と「Font Awesomeを利用する方法」です。

はてなブログにBootstrap 4を設定する方法

BootstrapというCSSフレームワークを導入すれば、html上でクラスを指定するだけで、デバイスに応じたレスポンシブなデザインにすることができます。 今回はそのBootstrapをはてなブログに設定する方法についてレクチャーします。