macaroni-works notes» HTML

HTML5 footerタグだってさ

admin — Sat, 11 Sep 2010 03:50:08 +0000

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

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

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

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

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

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

admin — Thu, 05 Aug 2010 04:45:54 +0000

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

#sample img {
 display:block;
}

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

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

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

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

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

勉強になりました。

HTML5 oggのエンコーダー

admin — Thu, 10 Jun 2010 05:47:33 +0000

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

http://www.vorbis.com/

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

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

admin — Wed, 12 May 2010 03:04:58 +0000

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

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

他にもありそうです。

HTML5 canvas一歩め

admin — Thu, 29 Apr 2010 16:25:16 +0000

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





fillRect

fillRect.js

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

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

admin — Tue, 27 Apr 2010 03:03:24 +0000

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

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

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

感想だけ！

HTML　コーディング高速化

admin — Fri, 12 Feb 2010 10:31:40 +0000

普段何気にやっている作業でも、効率化の為色々と考えなければいけませんね。
当然ですが。

http://h2o-space.com/blog/1929

htmlのmetaでキャッシュ制御

admin — Tue, 05 Jan 2010 11:39:09 +0000

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

httpヘッダで行う場合は

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

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

pragmaってなんだろ？？

html フォームから画像をアップするときに

admin — Thu, 05 Nov 2009 05:45:01 +0000

フォームから画像をアップするときにいつも忘れがちな属性を
メモっておきます。