admin– Author –
-
【CSS】ホバー時に画像や要素を拡大表示する(transform: scale)
ホバーで画像や要素を拡大表示する方法 マウスを乗せたときに画像やボタンなどが拡大されると、視覚的にインパクトが出て注目度がアップします。transform: scale()で実装可能です。 基本のCSS hover時に要素を拡大するCSSです。「transition」を指定する... -
CSSで画像をぼかす方法(filter: blur)
画像をぼかすCSSテクニック 画像にぼかし(ブラー)をかけることで、背景を柔らかく見せたり、注目を外したりする演出が可能です。CSSのfilter: blur()を使えば、簡単に実装できます。 基本のコード [crayon-6869a884987c8293226571/] hoverでぼかしをかけ... -
【CSS】絶対配置(position: absolute;) の要素を中央に配置する
CSSで絶対配置の要素、position: absolute; を親要素に対して、中央に配置する方法です。 対象の要素のサイズが固定されていない時は、transform を使う方法が手軽で便利です。transform で要素の中心点をずらして中央にするイメージです。 下記の様にする... -
ホームページの作成に役立つ便利なツールを公開中
CSSグラデーションジェネレータ― CSSグラデーションジェネレータ―へ 画像トリミングツール 画像トリミングツールへ -
tableのセル(td)の幅を均等にする
tableのセル( td )の幅を均等に揃えるには、CSSで以下のように指定すると簡単に設定ができます。 [crayon-6869a88498ada799016320/] table-layout: fixed を使うと、中のコンテンツの幅に関係なく強制的に均等になります。画像やテキストが大きい場合、... -
テーブルを横スクロールできるようにするためのCSS
スマホなどのモバイル端末ではどうしても幅が小さく、画面に収めようとすると、表のバランスが崩れてしまいます。 比較表などでよく見かける、テーブルをスクロールできるようにするためのコードを紹介します。 HTML テーブルタグをdivなどのボックスで囲... -
CSSで画像をモノクロにする方法
Webデザインにおいて、画像の色調を変更することで、シンプルで洗練されたデザインを実現できます。特に、画像をモノクロ(グレースケール)にすることで、背景を引き立たせたり、ユーザーの注目を特定の部分に誘導したりできます。本記事では、CSSを使っ... -
ファビコン(favicon)用のタグ一覧
WEBサイトにファビコン(favicon)を設定する時のタグです。 一般的な、ico、png、とSVG形に加え、iPhone等のiOSのホーム画面などに追加したときのアイコンの設定タグの一覧になります。 「./favicon.ico 」のパスは、ご利用の環境に合わせてください。 IC... -
PHPエラー:Warning: Invalid argument supplied for foreach()を解決する
エラー「Warning: Invalid argument supplied for foreach()」は、PHPで foreach によるループを使用する際に、無効な引数が渡された場合に発生します。 foreach ループは配列やオブジェクトを繰り返し処理するために使用されますが、その引数として配列や... -
.htaccessを使用したサイトリダイレクトの方法
.htaccessファイルを使用して、あるウェブサイトから別のウェブサイトへリダイレクトする場合、以下の指示を.htaccessファイルに追加することで実現できます。 ※一般的な記述方法となり、サーバー環境により、記述方法が異なる場合があります。 恒久的にリ...