コードが書かれたモニター
HP制作

jquery.cookie.jsの使い方!画面遷移してもナビゲーションの状態を維持するソースコード

WEBサイトのアコーディオンやナビゲーションの開閉状態を維持しておきたい場合、Cookie(クッキー)を使って制御する方法があります。Cookieとは、WEB…

HP制作

Dreamweaverで複数行を置換する正規表現

Dreamweaverで複数行を置換したいときに使う正規表現の備忘録。正規表現を使えるとサイト内の一括置換がすごく楽になるので、覚えておくと捗ると思います。た…

コードが書かれたモニター
HP制作

CSSでbrタグを無効化する(消す)方法。改行で半角スペースが入る問題にも対応

レスポンシブでホームページを作ることが常識となった今、スマホ表示の時にbrタグを削除した方が都合がいい場面がちょくちょく出てくると思います。ググって調べてみる…

HP制作

【CSS】position:relativeで右寄せにする方法

だ~いぶ久しぶりの更新ですが、内容はCSSの備忘録というかなりニッチな内容となっていてなんだか申し訳ない…(汗)[position:relative]で右寄せ…

HP制作

Photoshopで書き出したSVGファイルがブラウザで表示できない原因と対処法

AdobePhotoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。ブラウザによっては表示できる場合もあるようですが、…

コードが書かれたモニター
HP制作

CSSでセレクタに正規表現を使う方法&サンプル集

CSSのソースは少ないコードでシンプルにできるとスマートですよね。管理も楽になり容量も軽くなる、といいことずくめです。ちょっと上級テクニックになりますが、CS…

HP制作

Google アナリティクスのアカウント作成時「アナリティクス 4(GA4)」ではなく旧バージョンで設定する方法

2020年10月14日(米国時間)、Googleの「アプリ+ウェブプロパティ」はベータ版から正式版「Googleアナリティクス4プロパティ」にアップ…

HP制作

【商用利用可】これは嬉しい!Adobe Stockで写真や動画など約7万点の無料素材を公開

Adobeが写真やイラスト、動画など、約7万点の無料素材を「AdobeStock無料コレクション」で公開しました。有料素材と同じ商用利用可能ライセンスで、個…

HP制作

Bootstrap4で5カラム(5分割)レイアウトを実現する方法

Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。しかし、コンテンツやデザインの都合上、5分割…

HP制作

CPIで.htaccessを使ってリダイレクト設定する方法(mod_rewriteの有効化)

CPIのレンタルサーバーで、.htaccessを使ったリダイレクト(転送)設定する場合の覚書です。CPIで.htaccessを利用したリダイレクトを行う際は、…