ホームページ

ホームページ

【Webフォント】フォントオーサム5フリー版の使い方 その2 (HTMLとCSSの記述篇)

便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちましたので、使い方も落ち着いてきたようです。 ということで、ボクが試行錯誤してきた使い方を簡単に書いておきます。 前回、Font Awesome 5 Free版を...
ホームページ

【Webフォント】フォントオーサム5フリー版の使い方 その1 (配置と関連付け篇)

便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちました。 バージョン4 に比べて使いづらいところもありますが、デザインを見比べてみると、かなり描き直しているらしく、結構格好良くなっているようです。 そんな Fo...
ホームページ

【CSS】パンくずリストで擬似クラス「:last-child」はもう使わない!

パンくずリスト(サイト内アドレス表示)で、項目を横に並べるとき、右端の項目には記号(">")が要りません。 そのため、右端の項目だけ記号(">")を消しますよね。 パンくずリスト 今回は、隣接セレクタ「+」を使って、それを実現する方法を紹介します。 擬似クラス「...
ホームページ

【CSS】グリッドレイアウトで擬似クラス「:nth-child」はもう使わない!

グリッドレイアウト(格子状配置)で、画像を外枠いっぱいに並べるとき、右端の画像に右マージンがあると、外枠の中にピッタリと収まらず、左側に配置されてしまいます。 それを避けるため、右端の画像だけ右マージンの値を 0(ゼロ)にして、外枠の中にピッタリと収めたりしますよね。 グリッドレイアウ...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その3 (オブジェクト指向CSS篇)

現在、事務所のホームページは、自分で作っています。 いろいろな本を参考にして、すこしずつ改良を加えています。 オブジェクト指向CSSとの出会い 前回、紹介した本のお蔭で、事務所のホームページの体裁をさらに整えられました。 さらに、デスクトップファーストで...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その2 (Webデザイン篇)

現在、事務所のホームページは、自分で作っています。いろいろな本を参考にして、すこしずつ改良を加えています。 Webデザインの向上 前回、紹介した本のお蔭で、ホームページの体裁を整えられました。 ただその後、フラットなデザインにこだわり過ぎたので、無骨でとっつき...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その1 (はじめて篇)

現在、事務所のホームページは、自分で作っています。いろいろな本を参考にして、すこしずつ改良を加えています。 今は昔 ボクが、本格的にホームページを作ることになったのは、行政書士になってからです。先輩の行政書士に「作ったほうがいいよ」と言われて、作ることにしました。 ボクは...
ホームページ

【収益化】アドセンスの広告をHTML&CSSでサイドバーの上に表示してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、事務所のホームページで AdSense のレスポンシブ広告をダブルレクタングル化してみました。 モバイル(記事の上)パソコン(サイドバーの上) ついでに、モバイルでは記事の上に、パソコン...
ホームページ

【収益化】アドセンスの広告をHTML&CSSでダブルレクタングルにしてみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。以前、事務所のホームページで、AdSense広告を手動で追加してみました。 モバイル(シングルレクタングル)パソコン(ダブルレクタングル) そこから1歩ステップアップして、いよいよレスポンシブ広告のダ...
ホームページ

【収益化】アドセンスの検索向け広告をHTML&CSSで設定しました

ブログを収益化(マネタイズ)するため、Google AdSense(グーグル・アドセンス)の広告の設定をしています。 今回は、事務所のホームページに Googleカスタム検索(検索向け広告)を設置してみることにしました。 まずは、CSSファイルを修正 Google(グーグル)のカ...
ホームページ

【収益化】アドセンスの任意広告をHTML&CSSで挿入してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、事務所のホームページで自動広告を設定しましたが、パソコン画面での自動広告がちょっと物足りません。 というわけで、自分で任意の場所に追加してみることにしました。 レスポンシブの広告ユニット...
ホームページ

【収益化】アドセンスの自動広告をHTML&CSSで設定してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、WordPress(ワードプレス)で、AdSense の広告が表示されるようになりました。 事務所のホームページにも広告を表示 ボクは、行政書士事務所のホームページも運用しています。そち...
スポンサーリンク
タイトルとURLをコピーしました