タグ

2012年2月19日のブックマーク (4件)

  • こんな手が!Faviconを使って通知数を表示する·Tinycon MOONGIFT

    Tinyconは未読などの通知をWebブラウザのお気に入りアイコンの上に表示するソフトウェアです。 Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモです。どんどん数字が繰り上がっていきます。 実装する際のコードです。数値を当てるだけの簡単な使い方です。 Faviconの画像に数値を重ねて表示する程度であればサーバサイドでも実装できるでしょうが、TinyconはリアルタイムにFaviconを変化させられる点が強みです。メッセージを受け取ったタイミングで変化させればユーザの気付きにも役立つことでしょう。 TinyconはJavaScript製のオープンソー

  • グループ決めに。ランダムにATNDイベント参加者をグループ化·ATND GROUPING MOONGIFT

    ATND GROUPINGはATNDのイベントに登録されている人をランダムにグループ化するソフトウェアです。 イベントを行う際に、何人かでグループを作って話し合ってもらったりすることがあります。そんな時にどうグルーピングするか、自動で決めてくれるのがATND GROUPINGです。 トップページです。まずは適当なATNDのイベントIDを入れます。 後はグループ数を入れます。終わったらシャッフルボタンを押します。 シャッフルを開始しました。 シャッフル完了です。第1〜3グループまで決定しました。 組み合わせ結果はユニークなURLで残しておけます。そのURLを参加者に連絡すれば、自分が何グループかすぐに分かります。 ATND GROUPINGはランダムでグループを作ってくれるので、人見知りの人でも安心して参加できるのではないでしょうか。グループ作業、飲み会での席決めにも使えそうです。 ATND

    グループ決めに。ランダムにATNDイベント参加者をグループ化·ATND GROUPING MOONGIFT
  • この先生きのこるには

    ちょっとずつ複雑なことをやっていっているのですが、正直まだ自分で作っていくイメージがついていません。 加速と減速=イージングタイムラインパネルのフレーム数がでてるとこの下のスライダーでワークエリアの幅を操作できるグラフエディターというのが存在する。値グラフと速度グラフ。グラフを編集するときに触るのはハンドルだけイージングの速度が早くてコマが見える時はモーションブラーをかける(13:40)モーションブラーは色々ごまかせてしまうので最後につけたほうがいい。処理が重いから最初のほうでつけるとプレビューのときにしんどいとかもある(ただプレビューのときだけオフにするとかもできる)

    この先生きのこるには
  • 等幅フォントが使われる要素の扱いがブラウザー間でまちまちな問題

    少し前にFixing browsers’ broken monospace font handlingをNice Web Type経由で読んだんだけど、「単純に初期設定が違うだけだろ……%指定すれば大丈夫じゃね?」とか高をくくってたら大間違いだった。font-size: 100%がうまく動かなかったり、pre要素はともかくcode要素辺りでの実装のずれとか、monospaceだけだとWebKitでおかしくなるバグとかも絡んできてかなりの魔窟のようだ。この記事では触れられていないけど、言語設定によって等幅フォントの初期サイズが違うこともあるので更なるカオス。 記事で最初に挙げられているコードでも良いのだけど、normalize.cssではこの問題への対処がちゃんとなされているので、細かいことは余り考えずにnormalize.css使うのが手っ取り早い。記事の最後に挙げられているコードのように

    等幅フォントが使われる要素の扱いがブラウザー間でまちまちな問題