HP制作
Dreamweaverの正規表現で複数行を効率的に置換する方法
2023.01.272024.09.05
Dreamweaverは、ウェブ開発者にとって非常に強力なツールです。特に、サイト内のテキストを一括で置換する際には、Dreamweaverの正規表現機能が大き…
HP制作
スマホ表示でbrタグを無効化！CSSとJavaScriptでbrを消す方法
2022.06.032025.04.25
レスポンシブデザインが当たり前になった現代、スマホ表示の際にbrタグを非表示にしたいと考えたことはありませんか？ 例えば、PC表示では改行を入れたいけれど、スマ…
HP制作
CSSでposition:relativeを使った右寄せの方法と応用
2022.04.202024.09.10
久しぶりの更新となりますが、今回はウェブ制作に役立つCSSのテクニックをシェアしたいと思います。 日々のコーディングで意外と忘れがちな、[position]を使…
Wordpress
WordPressでビジュアルからテキストに切り替えると表示が崩れる問題
2021.10.142025.04.04
WordPressの投稿ページや固定ページでビジュアルモードからテキストモードに切り替えた際、レイアウトが崩れることがあります。 これは、WordPressの自…
HP制作
Photoshopで書き出したSVGファイルがブラウザで表示できない原因と対処法
2020.12.152024.08.23
Adobe Photoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。 SVGファイルは、ベクター形式の画像として非常に軽…
HP制作
CSSで使える正規表現風セレクタの活用法！コードを効率化するテクニック
2020.12.032024.09.05
CSSのソースは少ないコードでシンプルにできると、管理が楽になるだけでなく、サイトの読み込み速度も向上し、容量も軽くなります。いわば「スマートなコーディング」が…
HP制作
Google アナリティクスのアカウント作成時「アナリティクス 4(GA4)」ではなく旧バージョンで設定する方法
2020.10.302020.10.30
2020年10月14日（米国時間）、Googleの「アプリ + ウェブ プロパティ」はベータ版から正式版「Google アナリティクス 4 プロパティ」にアップ…
HP制作
【商用利用可】これは嬉しい！Adobe Stockで写真や動画など約7万点の無料素材を公開
2020.10.222020.10.22
Adobeが写真やイラスト、動画など、約7万点の無料素材を「Adobe Stock無料コレクション」で公開しました。 有料素材と同じ商用利用可能ライセンスで、個…
HP制作
Bootstrapで5カラムレイアウトを実現するカスタムCSSの作成方法
2020.08.202024.10.15
Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。 Bootstrapのグリッドシステムは、直感…
HP制作
CPIのレンタルサーバーで.htaccessを使ったリダイレクト設定方法
2020.08.132024.08.28
CPIレンタルサーバーで.htaccessを使ったリダイレクトを設定する際、特定の記述を追加してmod_rewriteを有効化する必要があります。 この記事では…