raido

現役営業マン|40歳からWEB制作とブログの副業開始|コツコツ毎月5桁の副収入|子供3人・子育て奮闘中|少年サッカーチームのコーチ|サウナ週3で仕事パフォーマンスを上げている|「継続は力なり」、「何事もとにかくやってみる」がモットー

距離

【Bootstrap】ヘッダーロゴは左端、メニューは右端 とする方法

Bootstrapでヘッダーを作りたい。 ロゴが左端、メニューリストが右端、というよくあるパターンを実装したい。   でも、Bootstrapのナビゲーションバーのテンプレートを見ていると、 ...

透明

【CSS】背景だけ透過させるならrgbaを使おう opacityとの違いを理解する

2023/5/31    , , , ,

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

アイコン

【Bootstrap】Bootstrap用のアイコンを使用するときはhead内にアイコン用CDNを入力しよう

今回はBootstrapのアイコンの使い方の紹介です。 意外と落とし穴かもしれませんのでメモ代わりに記事にしました。   目次 使い方のポイント使い方のポイント Bootstrapを使用する ...

余白

【CSS】marginの相殺を理解しよう marginが反映されず困っている人は確認すべき 

隣り合う2つの要素間において、その要素それぞれにmarginを設定したけど合計の余白にならない、と困っている方はぜひ知っておきましょう。   ということで今回は marginの相殺 です。 ...

縦書き

【CSS】アルファベットを縦書きにする方法

2023/5/6    , ,

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

from-2column-to- 1column

【CSS】flexを使用したレスポンシブデザイン 並び順や幅の指定も自由自在

2023/11/13    , , ,

今回はflexを使用したレスポンシブデザインのよくあるパターンを紹介します。 この記事でわかること 2カラム(PC)から1カラム(スマホ)に変更する 2カラムから1カラムに変更するとき、要素の順番を逆 ...

header

【CSS】ヘッダーの固定は position:fixed; 上部にすきまができたらtop:0

プログラミングを勉強しているみなさん、こんにちは! ヘッダー(header)の位置を固定したい。 サイトの下の方へスクロールしても、常に最上部にヘッダーは表示させたい。 よく使う手法ですね。 けど、 ...

グーグルの画像

Googleアドセンスの審査が通らない人にささげる8個のポイント

2024/3/25    ,

Googleアドセンスの審査がなかなか通らない・・・と悩んでいませんか?   私もブログを立ち上げたころは苦戦しました。 なぜなら私も4回目の申請でやっと合格したからです。 すぐに合格する人 ...

クリック

【jQuery】クリックイベントで表示させた要素を領域外クリックで非表示にします 

クリックイベントで出現させた要素を、再びクリックして要素を消す。 しかし、同じ要素ではなく、サイト上どこをクリックしてもその要素を消せる。 いわゆる 領域外クリック というやつですね。 今回はこれを紹 ...

block-pile-up

【CSS】floatを設定したら下の要素が入り込んできた! を解決します

要素の横並びは flex を使う人がほとんどだと思いますが、今回は「float」のエラー解決を紹介します。 floatを使ったはいいが、floatを指定した要素に、下の要素が入りこんできた!なんてこと ...

© 2024 人生フリーハンド Powered by AFFINGER5