HTML

【HTML】バッククオートのエンティティ表現。

`

これで`が出力される。

【HTML】 と­の違い。

■ 
文字選択ができる。

■­
文字選択ができない。

 

【HTML/CSS】フリーフォントをWebフォント化する方法。

Webサービスを作っていていい加減メイリオにも飽きてきたので調べてみた。

http://www.hirok-k.com/blog/751.html

ら、ここに著作権の問題から作成方法まで全部まとまってた。
結構簡単にできるんだね。これは便利。

 

【HTML5】タグの属性を指定する際、クォーテーションは省略可能。

HTML5だと属性値にスペースが含まれない場合に限り、クォーテーションを省略することが出来る。

下記例。

aaa
bbb

onclickとかにjavascriptを書く時とかは競合が起きなくてやりやすそう。

でも個人的には省略しないで記述するのが好きかな。

 

【HTML】終了タグが存在しないタグまとめ。

調べたのでメモ。

<br>
<img>
<hr>
<meta>
<input>
<embed>
<area>
<base>
<col>
<keygen>
<link>
<param>
<source>

 

【HTML5/CSS3】placeholderの色をCSSで操作する。

webkit系とmoz系のみ対応している模様。

まずはwebkit。

/*コロンが2個な点に注意*/
input::-webkit-input-placeholder { color: red; }

次にmoz。

input:-moz-placeholder { color: red; }

colorだけではなくテキスト装飾系は大抵効いてくれる。

 

【iOS】Webページをスタンドアローンモードで起動している際のステータスバーのデザインを変更する。

メモ。

iOS7はスタンドアローンモードでWebページを起動すると、ステータスバーが真っ黒になってしまい、インジゲーター類がすべて非表示になってしまう問題?がある。
これを解決するためには下記のmetaタグをhead要素内に追加してやる必要がある。

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

このプロパティはステータスバーのデザイン変更するために用意されているもので、contentの部分に指定する値を変更すればデザインが変更される。

今回はblackを指定することでインジゲーターの表示を復活させているが、指定できる値は「default」、「 black」、「black-translucent」の3つがある。

 

【iOS】モバイルサファリのホームスクリーン追加機能を使用した際に、ページの挙動をスタンドアローンモードにする。

メモ。

head要素内に下記のmetaタグを追加すれば良い。

<meta name="apple-mobile-web-app-capable" content="yes" />

このモードを利用する際は、サイト内移動をjavascriptでの繊維にしないとリンクをクリックした際にsafariが起動してしまう可能性があるので注意が必要。