Html5について
Posted by admin | Filed under css, ネタ
参照サイト
http://alfalfalfa.com/archives/386705.html
Flash嫌いな人多いねｗ
adobeの製品はくそ高すぎると思う
PDFについてはもうしょうがない（あきらめ）
iphoneってPDFひらけるのかな？
だとしたらリンク先PDFだったりしたらかなりウザイだろうね
HTML5のie対応はie9?から対応なのか
ie6の普及率から考えるとまだまだHTML5の需要は当分先だろうな～
紹介されていたサイトの中で
音楽がかっこよかったのでここでも紹介
Html5対応ブラウザでみてね
HTML5 Canvas and Audio Experiment
http://9elements.com/io/projects/html5/canvas/
ExternalInterfaceでつまづく
Posted by admin | Filed under Actionscript, Actionscript2.0, Actionscript3.0, css, flashサイト
swfとjavascript間で通信するためのクラス
ExternalInterface Class でつまづいたのでメモ
かるくつまづいた 1
allowScriptAccessをsameDomainかalwaysにしないと
swfとjavascript間で通信できない。
追加先
parameタグ/embededタグ(アトリビュート)
まあまあつまづいた 2
objectタグのidの名前に"extanal"の文字列
例）"objextanal","extanalObj","myextanalObj"
を加えないとIEで
swfからjavascriptの関数を呼び出せるが戻り値がnullになって返ってくる。
注意！！
id名が重複すると最初に表示されたもの以外はnullになるみたい
複数同じswfをページくつける場合は動的はidを用意してください
ExternalInterface.call Internet explorerでnullが返ってくる件
http://quality.ekndesign.com/archives/2006/07/externalinterfa.html
かなりつまづいた 3
これもIE系
IEはIE8だけなくとも通信できた気がする・・・（あいまい）
objectタグに
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
csとかでパブリッシュすればタグにデフォルトで含まれてるんだけどね
これがないと
swfからjavascriptの関数を呼び出せるが戻り値がnullになって返ってくる。
そもそもclassidってなんだよとかおもったけど
ブラウザの ActiveX コントロールを識別します。だそうだ。
こんなんだから
ExternalInterface Classは嫌いというか苦手意識がつくよね。
参考になったページです
ExternalInterfaceとかの落とし穴まとめ
http://0-9.sakura.ne.jp/blog/archives/2008/04/14224435.html
ExternalInterfaceを使ってみる (2)
http://www.project-nya.jp/modules/weblog/details.php?blog_id=644
Tags: Actionscript
小さなコトスペシャル
Posted by admin | Filed under Actionscript3.0, css
小さなコトでイライラしたので忘れていもいいように
書き留めときます。
stage.stageWidth/stage.stageHeightはブラウザによって値を取得できるタイミングがちがう
IEはコンストラクタで値を取得しようとしてもとれないわよ
firefoxはとれるけどね。
そうめん使ってる人はrunの時もステージサイズはとれないわ！
次のfunctionで取得して！！
flvをNetStreamクラスをつかって再生した時の音量を0にしたい
こいつがミソ！ 無音にできます。
import flash.media.SoundTransform;
/*このへんはおきまり
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
*/
//音量調整するところ ※SoundTransform 第一引数と第二引数で右と左のボリュームだったきする。
var mySoundTransform:SoundTransform = new SoundTransform(0);
ns.soundTransform = mySoundTransform;
TextFieldのautoSizeはas2.0と書き方が違う
textField.autoSize = (Boolean値) だったのが
左ぞろえ右揃え中央ぞろえとか機能がついてんだね
| 定数 | 文字 | 説明 |
|---|---|---|
| TextFieldAutoSize.NONE | “none” | なし |
| TextFieldAutoSize.LEFT | “left” | 左に揃えて整形 |
| TextFieldAutoSize.RIGHT | “right” | 右に揃えて整形 |
| TextFieldAutoSize.CENTER | “center” | 中央に揃えて整形 |
オブジェクトを最前面にしたい時
いっつも忘れるコレ
stage.setChildIndex(最前列にしたいオブジクトの名前,numChildren-1);
例)
var sp:Sprite = new Sprite();
var objS:Shape = new Shape();
sp.addchild(objS);
・・
・
中略
//spの中でobjS最前列にする
sp.setChildIndex(objS,numChildren-1);
しらべるといつもnumChildrenがくせものに感じる
xmlのパースの仕方
これもすぐ忘れる
本みないとわかんなくなる
アトリビュートの場合（アトリビュートがIDの場合）
var str:String = hoge@ID
長いしだんだん眠くなってきた。
長くなりそうだから続きは次にかきます。
Tags: Actionscript3.0
FireFox3もしくは2のみのCSSハック
Posted by admin | Filed under css, ネタ
FireFox3もしくは2のみのCSSハックが気になったのでしらべてみた。
/*FireFox以外のもの*/
.sample {
color:#ff0000;
}
/*FireFox2以降対応*/
.sample, x:-moz-read-only {
color:#00ffff;
}
/*FireFox3以降対応*/
.sample, x:-moz-broken {
color:#0000ff;
}
<p class="sample">test</p>
～ まとめ ～
【FireFox2以降のみ対応させる】
クラスとかIDとか, x:-moz-read-only {
スタイルの内容;
}
【FireFox3以降のみ対応させる】
クラスとかIDとか, x:-moz-broken {
スタイルの内容;
}
これでおっけい！
hrタグにCSS指定
Posted by admin | Filed under css
大したことじゃありません
水平線にスタイル指定するときのメモでし
hr {
background-color: red;
color: red;
border: none;
height: 3px;
}
background-color
水平線の内側の色を指定します
プロパティの指定では、水平線の内側の色を指定することになります。
そのため、水平線の枠線は表示されたままになります。
color
水平線全体の色を指定します(IEのみ)
※ここが注目ポイント
水平線の枠線を消したい場合は、border: none を指定しておきます。
しかし、IEではこの指定が無視されるようなので、IEでも枠線を表示させたくない場合には、
color プロパティも同時に指定しておきます。
参照ページ
水平線に色を付ける
Tags: css
CSSでフッターを常に底配置
Posted by admin | Filed under css
調子に乗って連発でCSSネタを
本文の内容が少なくてフッターが上にきすぎ！
どの解像度のモニターでもfooterがブラウザウインドウの一番下にくっついてほしい時！
そんなあなたに朗報。
まずはCSS側
html {
height:100%;
}
body {
height:100%;
}
#container {
position:relative;
min-height: 100%;
}
#main {
padding-bottom:10px;
}
#footer {
position:absolute;
bottom:0px;
height:30px;
width:100%;
}
そしてｈｔｍｌ側
<div id="container">
<div id="main">
<h1>CSSでフッターを常に下に配置</h1>
<p>本文はここに</p>
</div>
<div id="footer">フッターの内容をここに記述</div>
</div>
よく使う割にコピペで済ますからわすれちゃうんだよねぇ。
ソース見れば思い出すんだけどさ。
Tags: css
ＣＳＳを使った縦中央横並び
Posted by admin | Filed under css
結構頻度高いのにわすれちゃってめんどくせとか思っちゃうからメモ。
※IE5.5,6,7 firefox3確認済み
まずtableでつくるとこんな感じ
 |
ＧＫ乙！ |
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img title="mario" src="http://sopeo.pocotan.com/wp-content/uploads/2008/10/mario.gif" alt="" width="144" height="192" /></td>
<td>ＧＫ乙！</td>
</tr>
</table>
んで見た目一緒だけどＣＳＳ配置した場合がこれ
cssの部分
.centerItem {
display: table-cell;
vertical-align: middle;
/*IE用*/
>display: inline;
>zoom: 1;
}
htmlの部分
<div>
<div class="centerItem"><img title="mario" src="http://sopeo.pocotan.com/wp-content/uploads/2008/10/mario.gif" alt="" width="144" height="192" /></div>
<div class="centerItem">ＧＫ乙！</div>
</div>
これだけ。
簡単なのになぜかめんどくさーとかおもっちゃうんだよね。
※IE用の部分は「IEだけにCSSを適応させる方法」の記事を参照してね。
IEだけにCSSを適応させる方法
Posted by admin | Filed under css
1枚のCSSファイルでIEとそれ以外のブラウザ別々に対応して欲しい場合
この2つを覚えておいて損はないでしょう！
続きを読む »
