WEB制作

Bootstrapにおけるレスポンシブデザインで、要素の順番を変える方法はどうやるの？ という疑問にお答えします。   例えばLargeサイズからMediumサイズへ移行するとき、もちろん他 ...

この記事にたどり着いた方、申し訳ありませんが、gridbuilderにアクセスできませんので、お手数ですがこの記事を参考にしてください。   念のため、記事としては残させていただきます。 ー ...

タイトルの装飾を、下の向きの三角形にしたいけど、どうやるの？ という疑問にお答えします。   ということで今回は、吹き出し型のタイトルを作る方法を紹介します。 いろいろなWEBサイトで見かけ ...

レスポンシブデザインにかかせないハンバーガーメニュー。 それを簡単に実装できるのがBootstrapです。 テンプレートがありますので、それをHtmlに貼り付けるだけで実装できちゃいます。 しかし、貼 ...

今回はCSSでgrid（グリッド）を実装する方法を紹介します。 この grid は、画像やカードデザインのブロック要素をたくさん並べたりする場合に役立ちます。 flex でも実装できますが、grid ...

Bootstrapでヘッダーを作りたい。 ロゴが左端、メニューリストが右端、というよくあるパターンを実装したいけど、Bootstrapのテンプレートで見つからない・・・。 という疑問にお答えします。 ...

CSSにだいぶ慣れてきて、opacityもパッと思い浮かぶようになってきたところ。   あれ、透過させる要素は背景だけでいいのに・・・・。 文字は透過させずくっきりさせたいけど、一体どうした ...

Bootstrapのアイコンの使い方が知りたい！ というご要望にお答えします。   意外と落とし穴かもしれませんのでメモ代わりに記事にしました。 使い方のポイント Bootstrapを使用す ...

cssでmarginを設定したけど反映されない・・・ と困っている人はいませんか？   それは「marginの相殺」によるもの、かもしれません。 頭の中が「相殺？？？」となっている人は、隣り ...

今回はアルファベットを縦書きにする方法です。 このようなテキストです。 WordPress CSSコード ※htmlのコードは省略します。 .p{ writing-mode: vertical-rl; ...