articles

2013 年 7 月 10 日

HTML5 テンプレート

CATEGORYHTML5  10:10 PM
この記事は一度書いたと思うけど見当たらないので再度
今は良いサイトがあったのでそこで作りました。http://mizzz.jp/tg/
<!DOCTYPE html>
<html lang="ja">

	
	
	
	
	
	
	
	

<body>
</body>
</html>

2010 年 9 月 11 日

HTML5 footerタグだってさ

CATEGORYHTML5  12:50 PM

HTML5といえば、いままでaudioだとかvideoとかcanvasとかしか
関係ないかなって思ってました。

navi,article,section,footer
は近い未来に使うことがでてきそうです。

とはいえ、sectionが使われるようになるって言われて
どのくらい経つのでしょうかね。

さてfooterタグに属性 dir(direction)というのがあって
値は
ltr:左から右へ
rtl:右から左へ

とあります。

left to right と right to left
なのでしょうか。
わかりやすいような、わかりにくいような。
text-alignみたいなものかしら?

2010 年 8 月 5 日

HTML CSS イメージ要素の隙間について

CATEGORYCSSHTML  TAG 1:45 PM

イメージ要素の隙間についてはいつも

#sample img {
 display:block;
}

として回避していましたが、

#saple img {
  vertical-align:bottom;
  height:100px;
}

とするやり方もあるようです。

heightは無理にいれなくてもよさそうです。
imgを強引にblock要素にするよりは素直っぽいです。

これからはvertical-align:bottom;を使っていきます。

勉強になりました。

2010 年 6 月 10 日

HTML5 oggのエンコーダー

CATEGORYHTMLHTML5  TAG 2:47 PM

HTML5のvideoで、oggのエンコードもしなきゃだなあ、統一してくれないかなと思ってますが
やはり、oggのエンコーダーをいれておかねばと思い入れました。
エンコーダーとはいえQuickTimeのコンポーネントです。

http://www.vorbis.com/

ここで「XiphQT」をダウンロードして、/ライブラリ/QuickTime に入れました。
これで動画のエンコードもできるようです。

2010 年 5 月 12 日

HTML ページ全体のファイル容量を確認したい

CATEGORYHTML  12:04 PM

イメージやら、CSSやら、JSやら読み込んでいるモノ全部含めて
ページ全体のファイル容量を確認したいっておもってましたが
こんなサイト見つけましたので貼っておきます。

Site24x7 – Online tool to analyze webpage and its objects
http://site24x7.com/web-page-analyzer.html

他にもありそうです。

2010 年 4 月 30 日

HTML5 canvas一歩め

CATEGORYcanvasHTML5  TAG 1:25 AM

ちょっとhtml5ってみました。
初めてなのでdoctypeやmetaもあわせていってみます。
ローカル環境でうごかせるようにjQueryはダウンロードしてきてます。
head内にスクリプトを書くとcanvasタグがねえよっていわれるので
jQuery.ready()でDOMツリー完了後に書いてます(onloadつかえばいいのに)。
それだけのためのjQueryです、今回は。

<!doctype html>
<html>
<head>
<meta  charset="utf-8">
<title>fillRect
<script type = "text/javascript" src = "../../jQuery/jquery-1.4.2.min.js">
<script type = "text/javascript" src = "fillRect.js">
</head>
<body>
test
</body>
</html>

fillRect.js

$(function(){
	var canvas=document.getElementById("canvas1");
	var context=canvas.getContext("2d");
	context.fillRect(0,0,150,100);
});

2010 年 4 月 27 日

HTML5 やっぱりすごいねこれ。

CATEGORYHTML5  TAG 12:03 PM

オープンな規格なのがいいですね。

すでに色んなサイトで説明やチュートリアルがあります。
いままでjsを使えば出来たようなことができるだけだとつまんないんですが、html5はそうでもないみたいです。

Web Databaseってのが気になりました。

感想だけ!

2010 年 1 月 5 日

htmlのmetaでキャッシュ制御

metaでキャッシュ制御を行う場合は、以下の記述をするらしいです。

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">

httpヘッダで行う場合は

Pragma: no-cache
Cache-Control: no-cache
Expires: Thu, 01 Dec 1994 16:00:00 GMT

これを header()でヘッダ出力するカンジでしょうか。

pragmaってなんだろ??