2011.08.10 | 

こんにちわ
Devjamのコータローです。

さて今回はIE6での印刷対応についてです。
IE6以外のブラウザーはデフォで印刷時、縮小されるので
横幅がオーバーしていてもあまり問題はないのですが
IE6にはその機能がありません。

そこで自分は、あまりよい方法ではありませんが
IE6だけzoomで対応しています。


* html body{ zoom : 70% ; }

しかし、htmlの組み方によっては
naviなど、floatで横並びにしている要素で
最後のボタンだけ落ちてしまう場合があります。
そんな時は、全体の幅を指定している箇所の幅をちょっとだけ
広げてあげると治ります。

■通常時のCSS


#page {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    text-align: left;
    width: 907px;
}

■print.css


* html #page {
	width: 910px;
}

以上、コータローでした。

2011.08.04 | 

こんにちわ
Devjamのコータローです。

先日、IEでどうしてもheightが100%にならず
ハマっていたのですが、ただ要素に100%にしただけでは
100%にならないことをすっかり忘れていたのでメモしておきます。

IEでは親要素の高さの100%という解釈なので
親要素にも100%を入れなければなりません。
ですのでページ分の高さをとるならば
htmlタグとbodyタグにheight100%を当てなければなりません。


html, body{height:100%;}

p {
    height:100%;
}

また、上記の事を調べているときに
IEでのfloat時のmargin2倍問題の解決方法も
見つけたのでメモしておきます。

IE6では float:left;とmargin-leftを同時に
指定するとmarginが、2倍になってしまいます。
逆にfloat:right;とmargin-rightを指定しても
同じく2倍になります。
今まではmarginの代わりにpaddingを指定したり
floatとは反対側のmarginで対処していたのですが
float時にはwidthも指定するので、paddingだと幅の計算が面倒だったり
デザインによっては、反対側のmarginでは対応できない場合もあります。

理由はよくわかりませんが、floatとmarginを
指定している要素にdisplay:inline;を入れると
2倍問題も解決し、モダンブラウザでは、floatしている要素の
displayの指定を無視するので問題ないようです。


p{
    float:left;
    width:80px;
    margin-left:20px;
    display:inline;
}

以上、コータローでした。

2011.08.02 | 

こんにちは、kaminalyです。
やっとメモる時間を取れました。

案件で、JSを使って円グラフを表示してほしいという要望がありまして、
しかも、IEも対応しなければいけなかったので、
SVG/VMLで描画するRaphaëlを使うことにしました。

(続きを読む...)

2011.07.27 | 

こんにちわ
Devjamのコータローです。

今回は、Androidアプリをご紹介

『Viber』というアプリなのですが、iPhone版は先にリリースされていたもので、
待望のAndroidが遂にリリースされました。

なにがすごいって、このアプリをインストールした
人同士なら無料で通話できちゃうんです。

インストールと登録が完了すれば、自分の電話帳に登録されている
番号の中で『Viber』を使ってるひとがいれば連絡先に『Viber』マークが表示されます。
それを押せば無料通話できちゃいます。

通話だけでなく、ショートメッセージも送信可能
さっそく実験してみたところ、若干の遅延はあるもの
iPhoneとも問題無く通話できました。

iPhone、Androidユーザーはインストールしてみてはいかがでしょうか?

Androidユーザーはこちらから
QR

iPhoneユーザーはこちらから
QRi

以上、コータローでした。

2011.07.23 | 

こんばんは。ムーチョです。
このところCinderにさわれてないんですが、
そんな中UPDATEが来ました。
アップデート詳細はこちら。
http://libcinder.org/blog/posts/5_cinder-083-released/

試したい目玉機能は
■Triangulation API

塗りつぶしが簡単にできるようになった?

■Parallel Transport Frame

まったく謎な機能

その他目を引いた機能は
・折り返しのできるテキストボックスができた。(日本語はどうだか未確認・・・)
・テキストボックスにフォントを指定できるようになった。(日本語はどうだか未確認・・・)
・Path2dとShape2dを曲線に分割できるようになった。

そんなCinderのダウンロードはこちらから。
http://libcinder.org/download/

いつダウンロードできるやら・・・