【jQuery+CSS】vertical-align:middleをレスポンシブに対応させる【Bootstrap】

2023-10-10

CSSで縦（上下）に中央寄せをする際にはdisplay:table-cell、vertical-align:middleを使用しますが、高さを指定しなければいけません。レスポンシブサイトを構築する際に、ウインドウサイズに […]

【コピぺ可】セキュリティに配慮したメールフォームの作り方【PHP + HTML5 】

2021-02-05

セキュリティに配慮したメールフォーム・お問い合わせフォームの作り方をご紹介します。バリデーション機能、レスポンシブ、郵便番号からの住所自動入力にも対応しています。一部修正していただければほとんどコピペでいけると思います。 […]

2020-11-26

RealFaviconGeneratorというWEBサービスを使用して簡単にfaviconの設置、確認までを行うことが出来ます。ファビコンとはホームページのアイコンみたいなやつファビコンがないとデフォルトの表示フ […]

2020-04-07

IE対応はWEBに携わっている人なら誰しもが苦い経験があるかと思います。今回はそんなIEでトラブルがあった際に便利なIEにのみCSSを適用させる方法を備忘録としてご紹介します。 IEにのみCSSを適応させる方法下記のよ […]

2020-03-11

動画をホームページに埋め込む方法は一度Youtubeに掲載し、その動画を埋め込む方法が主流になってます。ですが、Youtubeに掲載したくない動画というのもあるかと思います。この記事ではYoutube等を使わずに、動画フ […]

2020-03-09

HTMLのメールフォーム等を作成した際に、テキストエリア（<textarea>～</textarea>）に改行を含む記入例を表示させる方法をご紹介します。 placeholder=”～ […]

2020-03-03

FirefoxでSVG画像が表示されない時の対処方法をご紹介します。現象今回は「Bootstrap 4」を使用して<nav class=”navbar”>内に<a>で囲ったSVGファイルがFi […]

2019-11-24

ホームページを作成した際にフッターに表記する『コピーライト』に関して、正しい書き方を解説致します。（2019年11月更新）コピーライトの正しい書き方がわからない方 PHP、JavaScriptを使用して現在の年（西暦） […]

2017-08-03

一昔前、「meta description」の内容は検索エンジンで上位に表示させるために入力する項目という認識が一般的だったかと思います。 2017年以降、「meta description」の役割というものは上位に表示 […]