HP制作
jquery.cookie.jsの使い方！画面遷移してもナビゲーションの状態を維持するソースコード
2023.03.08
WEBサイトのアコーディオンやナビゲーションの開閉状態を維持しておきたい場合、Cookie（クッキー）を使って制御する方法があります。Cookieとは、WEB…
HP制作
Dreamweaverで複数行を置換する正規表現
2023.01.27
Dreamweaverで複数行を置換したいときに使う正規表現の備忘録。正規表現を使えるとサイト内の一括置換がすごく楽になるので、覚えておくと捗ると思います。た…
HP制作
CSSでbrタグを無効化する（消す）方法。改行で半角スペースが入る問題にも対応
2022.06.03
レスポンシブでホームページを作ることが常識となった今、スマホ表示の時にbrタグを削除した方が都合がいい場面がちょくちょく出てくると思います。ググって調べてみる…
HP制作
【CSS】position:relativeで右寄せにする方法
2022.04.20
だ～いぶ久しぶりの更新ですが、内容はCSSの備忘録というかなりニッチな内容となっていてなんだか申し訳ない…（汗）[position:relative]で右寄せ…
HP制作
Photoshopで書き出したSVGファイルがブラウザで表示できない原因と対処法
2020.12.15
AdobePhotoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。ブラウザによっては表示できる場合もあるようですが、…
HP制作
CSSでセレクタに正規表現を使う方法＆サンプル集
2020.12.03
CSSのソースは少ないコードでシンプルにできるとスマートですよね。管理も楽になり容量も軽くなる、といいことずくめです。ちょっと上級テクニックになりますが、CS…
HP制作
Google アナリティクスのアカウント作成時「アナリティクス 4(GA4)」ではなく旧バージョンで設定する方法
2020.10.30
2020年10月14日（米国時間）、Googleの「アプリ+ウェブプロパティ」はベータ版から正式版「Googleアナリティクス4プロパティ」にアップ…
HP制作
【商用利用可】これは嬉しい！Adobe Stockで写真や動画など約7万点の無料素材を公開
2020.10.22
Adobeが写真やイラスト、動画など、約7万点の無料素材を「AdobeStock無料コレクション」で公開しました。有料素材と同じ商用利用可能ライセンスで、個…
HP制作
Bootstrap4で5カラム(5分割)レイアウトを実現する方法
2020.08.20
Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。しかし、コンテンツやデザインの都合上、5分割…
HP制作
CPIで.htaccessを使ってリダイレクト設定する方法(mod_rewriteの有効化)
2020.08.13
CPIのレンタルサーバーで、.htaccessを使ったリダイレクト（転送）設定する場合の覚書です。CPIで.htaccessを利用したリダイレクトを行う際は、…