タグ

2011年3月10日のブックマーク (5件)

  • プログラマのためのUXチートシート — ありえるえりあ

    はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ

  • overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス

    フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ:1 フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか? これは

    littlefield
    littlefield 2011/03/10
    最初に"overflowで高さ算出"を覚えてしまうとトラブル回避や解決が難しくなりそうなので、clearがなにをするのかと、clearfixがなにをしているかも併せて理解しておくとハマりにくい
  • 日本マイクロソフト株式会社 に行ってきた! - 941::blog

    始めて買ってもらったPCWindows95が載ったCanBeでした!オッス!941です!4倍速CD-ROMドライブが4連装だったなー、なぜか。1つでよかったねあれ。 「インターネット企業を少しでも多くの人に知ってもらいたい」という気持ちで様々な会社さんを紹介させてもらっている、この行ってきたシリーズですが、ついに!来ましたよ!超大御所。日マイクロソフト株式会社です!マイクロソフトさんと言えばインターネットの普及を語るにあたり無くてはならない存在ですな。 ではでは、2月にお引越しが完了されたばかりの品川の新オフィスをご紹介。なんか、もう、未来だった。そして今回はどうしてもカット出来なくて最多枚数。スマホな人はごめんなさいね!PCで見てください。 どばーん!とビルの入り口にある Microsoftロゴ。カッチョいい。こちらの新社には約2000人の社員の方がいるらしい。 ==== エントラ

    日本マイクロソフト株式会社 に行ってきた! - 941::blog
    littlefield
    littlefield 2011/03/10
    すごー往訪したら萎縮しっぱなしになりそ
  • HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」:phpspot開発日誌

    HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 2011年03月10日- Popcorn.js | The HTML5 Video Framework HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 例えば、ビデオ映像の位置を別のブロック要素でGoogle地図で表せたり、ビデオの内容にあわせてTwitterのタイムラインを流したりと、将来的に色々なところでこういった見せ方が見られるのでは?というもので一見の価値はあります。 独自のブラウザベースのオーサリングツールによって、映像と連動要素の組み立ても簡単。 TwitterFlickrGoogle地図に既に対応していますが、プラグインベースなので今後も拡張していくみたい。 映像の位置を地図で別ブロックに表示する例 ビデオ

  • GoogleカレンダーからJSONPで日本の祝日一覧を取得

    コメントと更新履歴の参照はゼロと無限の間のログ » GCalendar Holidaysでどうぞ。 Google Calendar API V3から、日の祝日データを取得して表示するJavaScriptです。 Googleカレンダーに登録されている祝日なので、ハッピーマンデーの時のように休日の制度が変わっても柔軟に対応できます。 ただしGoogleカレンダーに登録されている祝日が間違っている(あるいは最新でない)場合もそのまま表示されます。 Yahho CalendarまたはjQuery UI Datepickerと合わせて使うと便利です。 バージョン0.5.xまではGoogle Calendar API V2から取得していましたが、Google Calendar API V2の廃止にともない、バージョン0.6.0からはGoogle Calendar API V3から取得するようにしまし