タグ

2010年1月4日のブックマーク (6件)

  • CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 - builder by ZDNet Japan

    CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。そこで今回は、アニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 なお、現在のところアニメーションの機能に対応しているのはSafari 4とGoogle Chrome 2以上となっているので、これらのブラウザでサンプルの表示を確認してみてほしい。また、アニメーションの基的な仕組みについては前回までの記事にまとめている。 アニメーションの基機能について: CSS 3のアニメーション機能「Transitions」 CSS 3のアニメーション機能「Animations」 画像が少しずつ表示されるロールオーバーボタン まずは、カーソルを重ねると

    CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 - builder by ZDNet Japan
  • 複数カラムレイアウトをどう活かすか (ユーザビリティ実践メモ)

    実践メモでも以前に取り上げたように、ここ数年、横幅900px以上を採用するサイトが増えてきています。 画面横幅を900px以上にするメリットとデメリット。右端が欠けることに注意 横幅の拡大によって、情報を掲載できるスペースは拡大し、実現できる表現の幅も広がります。 もちろんそれらは喜ばしいことですが、自由度が増すからこそ、効果的なスペースの使い方をきちんと考えることがますます重要になります。今回はカラムを複数に切ったレイアウトについて、スペースをどのように活かすべきかを考えてみたいと思います。 複数カラムの使用は、メッセージを分散させる カラムを複数に切って情報を提供することは、1つのページに複数の役割を与えることを意味します。 もちろん、ナビゲーションなどページにとって必要な機能もありますが、より多くのエリアを 定義することはそのページが持つメッセージをぶらしてしまう危険性があることを

  • ubuntuでファイルコピーでベリファイする

    ubuntuで大きいファイルや沢山のファイルをコピーする場合は、nautilusでコピーするのではなく、cp コマンドを使うと便利です。リソースもわず、バックグラウンドで放っておけますし、なにより基中の基コマンドなので安心感が違います。 とはいえ、ネットワーク越しのコピーだと外乱要素が多いので、ちゃんとコピーできたかどうか確認した方がいい場合もあります。大事なデータの引越しとかですね。 そこで正しくコピー出来たかどうか確認するためにベリファイをします。各ファイルのハッシュ値を出して比較して正しくコピー出来たか確認します。 標準で md5sum コマンドがありますが、今回は確認作業をもっと楽にしてくれる md5deep コマンドを使います。 インストールsudo apt-get install md5deep 使い方 元ファイルのハッシュ値リストを作成する。 まず最初に元となるファイル

  • 企業が通貨を発行する時代 通貨という「プラットフォーム」 - モジログ

    創業記 - 企業通貨の未来(2009/11/11) http://yy.dsigr.com/?eid=805377 <私達は、普段気楽にJALのマイレージや家電量販店のポイントを貯めています。しかしこのポイントは、実は、ものすごい破壊力と可能性を秘めています。ポイントというと可愛らしく聞こえますが、実際には2005年の時点で、4500億円、しかし実は10兆円を超えて発行されていると予測されます。 私達が貯めているポイントカードは、実は立派な企業通貨です>。 <今後、母体の信用をベースに発行されたマイレージやポイントが、流通され、他のポイントとくっつく(ペックされる)ことによって、独自の企業通貨経済圏が出来てくると思います。 企業は、国に縛られず、世界中に展開することができるので、そのうち国が発行する通貨よりも強い企業通貨が現われるかもしれません。 実際、アフリカの小国が発行する通貨よりも、

  • ソフトウェアキーボードを実装するjQueryプラグイン – creamu

    フォームのinputやtextarea要素にキーボード機能をつけたい。 そんなときにおすすめなのが、『jQuery Keypad』。ソフトウェアキーボードを実装するjQueryプラグインです。 ↑の例は、inputにフォーカスすると、キーボードが現れるタイプです。キーボードには、「閉じる」「クリア」「一文字削除」機能がついていて、「View」ボタンを押すと、入力した値を確認できますね。 ライセンスはGPL and MITになっているので、自由に使えそうです。 一度見てみてください。 jQuery Keypad LADでいろいろと購入。パーカとボーダーT、ジャケット、ニット帽など。全部かなり気に入りました。09 A/WのBLACK PAINTINGのものが30%OFF〜になっていたので、いいのが揃っていましたね。 パーカはほしかったやつだからめちゃうれしい。

  • Google vs Apple vs Microsoft ~ ひと目でわかるモバイルOS戦争の構図:In the looop:オルタナティブ・ブログ

    今朝,面白いニュースが入ってきた。Nexus OneでGoogleと深い関係を持つHTCが,やはりGoogleの協力を得てAppleタブレット対抗製品を開発しているとの内容だ。報じたのはGIZMODEやSiliconAlleyInsiderだが,ニュースソースとなっているのはオーストラリア発ウェブ記事だ。 ・ HTC To Launch Apple iSlate Competitor (SMART HOUSE, 2009/12/31) この記事の信憑性は不明だが,興味深いのは Androidではなく Chrome OSでタブレット開発をすすめているという点だ。 ■ GoogleApple,タブレット開発に見る設計思想の違い Googleは現時点ではAndroidChrome OSをクールに切り分けている。公式ブログでの見解は次の通りだ。 Google Chrome OS は、Andro

    Google vs Apple vs Microsoft ~ ひと目でわかるモバイルOS戦争の構図:In the looop:オルタナティブ・ブログ