• RSS
Googleの検索結果に画像ファイルを表示されないようにする

サーバーのルートにrobots.txtファイルを置き、サイトの画像ファイルをGoogleのインデックス登録から除外する方法のご紹介です。
続きを読む

[HTML]丸数字①〜㊿の実体参照のまとめ

以前に紹介させていただいたMacのことえりで11〜50の丸数字を表示する方法の記事にも関連しますが、今回はWEBサイトなどで丸数字を使う(表示させる)際に、①②③…の機種依存文字ではなく「実体参照」で入力する方法のご紹介です。
続きを読む

HTML拡張子でPHPを実行する方法(.htaccess)

.htaccessを使って、拡張子HTML のファイルで<?php include(); ?> などのPHP を実行する方法のご紹介です。

サーバーによって.htaccess の記述の仕方に差があるっぽいのですが、今回はシックスコアサーバーでの方法になります。
続きを読む

.htaccess でコメントアウトの記述方法

.htaccess ファイル内の記述をコメントアウトする方法のご紹介です。
続きを読む

[HTML]video タグでmp4 動画をサイトに埋め込む方法

HTML5 のvideo タグを使ってmp4 動画をサイトに埋め込む方法のご紹介です。

今回はvideo タグの基本的な使い方から、video タグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。
続きを読む

[HTML]<a href=”mailto:”>でメーラーを起動する方法

<a>タグのリンクをクリックしてメーラーを起動する方法のご紹介です。
また、メーラーを起動時に自動でメールの件名や本文を入れた状態にする方法も合わせて紹介させていただきます。
続きを読む

[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法

企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、

PC では問題なくても、iPhone から見ると自動で電話番号(や、それっぽい数値テキスト)にリンクが貼られてしまうので、勝手にリンクされないようにmeta タグで防止する方法のご紹介です。
続きを読む

.htaccess でindex.html のURL正規化

静的サイトのトップページであるindex.html をプログラム処理の入ったindex.php に置き換える場合や、静的サイト全体をWordPress で作り替える場合に必要になることが有るのでメモ。

ドメイン名/index.html でのアクセスを、ドメイン名/ へとリダイレクトさせる方法です。
続きを読む

手軽にローディング画像が作れるジェネレーター「Loader Generator」

簡単にローディング画像を生成できるジェネレーター「Loader Generator」のご紹介です。
ローディング画像の種類や大きさ、色やアニメーションのスピードなどの細かい設定ができ、GIF形式で画像をダウンロードしてサイトに設置することができます。
続きを読む

[CSS]HTML5 のplaceholder のテキストカラーを変更する方法

HTML5 で強化されたForm 周りの機能の1つで、input type=”text” などのフォームに初期値としてテキストを入れておくことができる placeholder 属性というものがあります。

今回は、このplaceholder 属性で指定した入力フィールドのテキストカラーを、CSS で変更する方法をご紹介します。
続きを読む

[HTML]フォームの type=submit のvalue 属性の文字列を改行させる方法

input type=”submit” ボタンのvalue 属性の文字列を<br />タグで改行しようとしたら、そのまま<br />と出力されて改行が行われないので、

今日はボタンのテキストを改行させる方法を2 パターン紹介させていただきます。
続きを読む

.htaccess で特定のURLを経由したアクセスのみ許可する方法

.htaccess で特定のURL(ページ)からのアクセスのみを受け入れる方法のご紹介です。

例えば「Bのページを経由した場合のみ、Aのページを表示する」というアクセス制御です。
続きを読む

2カラム、3カラムサイトの可変レイアウトのHTMLとCSSまとめ

2カラム、3カラムのサイトやブログを作る上で、ブラウザの伸縮に応じてコンテンツ部の幅を「可変」にする方法のまとめです。

左右メニューの幅は固定にして、コンテンツ部の幅だけがブラウザを縮めれば狭くなり、伸ばせば広くなる、という作りです。
続きを読む

[CSS]float で並べた2つの要素の高さを揃える方法

2カラムのサイトを構築する上で、高さの異なる要素(サイドメニューとコンテンツ部)をfloat で隣合わせた時に「高さを揃える」方法のご紹介です。
続きを読む