Bootstrap
【jQuery+CSS】vertical-align:middleをレスポンシブに対応させる【Bootstrap】
CSSで縦（上下）に中央寄せをする際にはdisplay:table-cell、vertical-align:middleを使用しますが、高さを指定しなければいけません。レスポンシブ…
カテゴリー: HTML / CSS
Bootstrap
【コピぺ可】セキュリティに配慮したメールフォームの作り方【PHP + HTML5 】
セキュリティに配慮したメールフォーム・お問い合わせフォームの作り方をご紹介します。バリデーション機能、レスポンシブ、郵便番号からの住所自動入力にも対応しています。一部修正していただ…
HTML / CSS
【2020】ファビコンの表示設定方法【RealFaviconGenerator】
RealFaviconGeneratorというWEBサービスを使用して簡単にfaviconの設置、確認までを行うことが出来ます。 ファビコンとは ホームページのアイコンみたいなやつ…
HTML / CSS
【備忘録】IE（Interner Exploler）にのみCSSを適応させる方法
IE対応はWEBに携わっている人なら誰しもが苦い経験があるかと思います。今回はそんなIEでトラブルがあった際に便利なIEにのみCSSを適用させる方法を備忘録としてご紹介します。 I…
HTML / CSS
【HTML5】ホームページに動画ファイルを直接埋め込む方法【Youtube不要】
動画をホームページに埋め込む方法は一度Youtubeに掲載し、その動画を埋め込む方法が主流になってます。ですが、Youtubeに掲載したくない動画というのもあるかと思います。この記…
HTML / CSS
【HTML】フォームのテキストエリアに改行を含む記入例を表示させる方法
HTMLのメールフォーム等を作成した際に、テキストエリア（<textarea>～</textarea>）に改行を含む記入例を表示させる方法をご紹介します。 …
HTML / CSS
【CSS】FirefoxでSVG画像が表示されない時の対処方法【with指定で解決】
FirefoxでSVG画像が表示されない時の対処方法をご紹介します。 現象 今回は「Bootstrap 4」を使用して<nav class="navbar">内に<…
HTML / CSS
【保存版】もう迷わない！フッターに表記するコピーライトの正しい書き方とタグ【HTML5・PHP・JavaScript】
ホームページを作成した際にフッターに表記する『コピーライト』に関して、正しい書き方を解説致します。（2019年11月更新） コピーライトの正しい書き方がわからない方 PHP、Jav…
HTML / CSS
【2022更新】meta description に入力すべき内容【SEO】
一昔前、「meta description」の内容は検索エンジンで上位に表示させるために入力する項目という認識が一般的だったかと思います。 2017年以降、「meta descri…
