Androidで使われるpxはピクセル、dpは密度に依存しない仮想単位で、変換はdp×getDisplayMetrics().density＝px。これを公式的に覚えておけば、実用的にはこと足ります。 しかし、もう一歩掘り下げて、解像度と密度の関係、物理サイズとdpiの関係、ピクセルとポイントの関係などをもう一度整理しなおしたいという人は続きを読んでみてください。 pxとdpについておさらい pxはピクセルの意味です。プログラマにとっては一番馴染みがある単位でしょう。 dpはdipとも言い、Density Independent Pixelの略です。そのまま日本語にすると「密度に依存しないピクセル」となります。 dpはpxに対する比率として定義されていて、DisplayMetricsクラスのdensityというフィールドで参照できます。 依存しない、と言われれば、まーなんとなくデバイスや解

Webブラウザー内に独自のファイルやディレクトリを保存できる「File system API」の使い方ついて、前回の記事に続き解説します。ファイルの作成／削除やディレクトリの作成／削除方法については前回紹介しましたので、今回は一覧の取得やファイルへの書き込み／読み込み方法を学び、簡易ファイラーを完成させましょう。 ディレクトリ内のファイル／ディレクトリ一覧を取得する ディレクトリ内のファイル／ディレクトリ一覧を取得します。 ファイル／ディレクトリ一覧を取得するには、ディレクトリエントリーオブジェクトのcreateReader()メソッドを使ってディレクトリリーダーオブジェクトを生成します。 readEntries()メソッドは、第1引数に指定した関数に、ファイル／ディレクトリの一覧情報を渡します。関数にはファイルエントリーオブジェクト／ディレクトリエントリーオブジェクトを格納した配列が渡さ

なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを

ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。 以前ちょっと話題になったimpress.jsを使ったプレゼンをWSIWYGライクなツールで作れるWebサービスです。 テキスト書いたり画像張ったり、それらを変形させたり拡大させたり、というのをマウスのみで生成出来る、みたいなやつ。勿論作ったプレゼンはダウンロードできます。 impress.jsを使ったプレゼンのサンプルは以下をご確認下さい。※矢印キーで進めます。 impress.js動作サンプル こういうのをオンラインで生成出来る、というのがImpressionistです。 一応簡単に使い方を。 使い方 この画面がスタート画面です。スライドのページ毎にテキストや画像

Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

twitter facebook hatena google pocket 最近海外系のサイトだと背景に若干ノイズをかけているデザインが多いです。 ノイズをかけることで、text-shadowもいきてくるっていうのもあるんでしょうか。 「Noise Texture Generator」はこのような背景画像を簡単に作成でき、どこかで使えそうなので、取り上げてみました。 sponsors 紹介サイト ■URL：Noise Texture Generator v2.1 利用方法 直感的なインターフェースなので、特に説明の必要もありませんが・・。 「Noise opacity」：ノイズ自体の透明度 「Noise density」：ノイズの分布 「Background Color」：背景色 「Transparent noise?」：透過させるか？ 「Dimensions of the pattern

自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね！ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)！ 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、本当に動くのか心配だったんですが、きちんと動いてくれました！このテ

マニアックではあるが、なかなか良さそうなのでメモ的にご紹介。 RedactorはjQueryベースのWYSIWYG（What You See Is What You Get）エディターである。 ユーザーにリッチな文書を入力してもらえる際に便利だ。 もちろん他にも似たようなツールはあるが、ツールバーの見た目が今風＆カスタマイズが容易なのでデザインを損なわずに使うことができるだろう。 ウェブ制作者向けではあるが、覚えておいても良さそうですな。