タグ

2012年9月27日のブックマーク (3件)

  • iPhoneの傾きで画像を回転させられるようにする「lenticular.js」:phpspot開発日誌

    lenticular.js - tilt-controlled images iPhoneの傾きで画像を回転させられるようにする「lenticular.js」 パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はiPhoneの傾きと同時に画像が回転。 パソコンで見ればマウス位置に応じて画像を回転させることができます。 近い未来のECサイトではこういう形で商品を見ることができるようになっているのかも。 今後、他にも傾きを使って色々とWEBサイトもどんどん便利になっていくのかも 関連エントリ iPhoneアプリ作成に使えるPSD素材集10 iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート

  • phiary

    今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

    phiary
  • Twitterに登場する動物ʕ•̫͡•ʔの顔文字を構造解析する - RyoAnna

    Tweet Twitterで見かけるようになったオバケのような動物の顔文字。 Yahoo知恵袋にこの顔文字についての問い合わせがあった。 ✔ 最近ʕ•̫͡•ʔとか༼⍨༽を見かけますが、これはどんな仕組みになっているのですか? - Yahoo!知恵袋 質問の回答として当ブログの記事がリンクされているが、この顔文字は当に合成用区分符号で構成されているのだろうか。 気になったので調べることにした。 実は、先の記事でUnicoder Liteを紹介した後、アプリの作者さんからメールを頂いていた。 そこにUnicoder Pro (App Store 450円)なら顔文字を解析できると書いてあったので試した。 簡単にできた。 1)IPA発音記号拡張 0295 2)一般句読点 2022 3)合成用区分符号 0361 4)合成用区分符号 032B 5)一般句読点 2022 6)IPA発音記号拡張 02

    Twitterに登場する動物ʕ•̫͡•ʔの顔文字を構造解析する - RyoAnna