お役立ちコラム
テキスト画像はSEO効果があるのか
数年前に比べて、縁あり文字のようなCSSで再現できるデザインは増えてきていますが、それでも再現できない見出しなどこだわったデザインは画像として入れてしまう傾向があります。 また、LP（ランディングページ）では特に目立たせ […]
投稿：2024/07/09最終更新：2024/07/09
HTML・CSSでSVG画像の使い方
SVG画像とは SVG（Scalable Vector Graphicsの略）とは、XMLで書かれたベクター画像のファイル形式です。SVG画像は拡大・縮小しても画質が低下しないため、最近ではイラスト・Webサイト・グラフ […]
投稿：2024/07/01最終更新：2024/07/01
【js】イベント期間日付処理関連+html出力サンプル
とあるお仕事で決まった時期でイベント開催されているため、jsで制御できるようにした際のメモになります。〇〇日から〇〇まで、イベント期間中の表示などで応用できます。 下記のように決まった時間にリダイレクトしています。【普段 […]
投稿：2024/06/25最終更新：2024/06/25
【js】戻るボタン・履歴に残らないリダイレクトlocation.replace()
ブラウザでバックなどで戻らせないための方法メモ。aタグやlocation.hrefは履歴に残りますので、location.replace()を使います。
投稿：2024/06/25最終更新：2024/06/25
【pointer-eventsプロパティ】画像を固定（トラック禁止）する方法
先日Webサイトを構築する際に、見た目として画像を表示させたいがクリック・タッチイベントは無効化させたい場合に簡単に実装できるプロパティをご紹介します。 画像以外にもリンクを無効化することもできます。 pointer-e […]
投稿：2024/06/24最終更新：2024/06/25
【HTML・CSS】アイコン付きボタン【便利帳】
※既存のCSSに合わせて調整して使用してください。 擬似要素でアイコンを追加する場合 imgタグとして追加する場合
投稿：2024/06/24最終更新：2024/06/24
ファーストビューの背景高さを画面に合わせ可変させる方法
「ページを開いた時に画面いっぱい写真 / イラストにしたい！」時に使える背景画像の設定を解説します。 HTML CSS 背景画像の細かい調整 background-sizeプロパティでは以下のいずれか 1 つの方法で指定 […]
投稿：2024/06/24最終更新：2024/06/24
