タグ

ブックマーク / www.msng.info (4)

  • 素晴らしいアイデアのTwitter時報botがあった

    今回は自分のじゃなくて 人様がお作りになった bot のご紹介。 うちの時報 bot は Twitter用時報botを作ったよ – 頭ん中 時報 (jihou) on Twitter もともとは単に「いま何時か」を知らせるためのものなんだけど、 フォローしてくれてるたくさんの人から 「タイムラインを遡るときに、区切り線になって助かる」 という声もいただいている。なるほど。 その目的でつくられた、素晴らしいアイデアの bot がこちら。 切り取り線(時報) (kiri_tori) on Twitter 上掲のリンクから実物を見ていただくのがいいと思うんだけど、 時報のタイミングで切り取り線がツイートされる。 これをフォローすると タイムライン上の1時間ごとにその切り取り線が現れることになるから ここからここまでが1時間というのが視覚的にわかりやすい。 何かかわいいし。 さらにもっと細かく区切

    素晴らしいアイデアのTwitter時報botがあった
  • ハロウィン版Googleロゴに施されたいたずら

    ※ この記事は2009年のものです。 日10月31日はハロウィンということで Google のロゴもハロウィン仕様になっている。 ジャコランタンを模した飴の袋ですか。 これを何気なくクリックしてみたら 絵が変わった。ぜんぶお菓子で “Google” の文字。 面白いなあと思ったんだけど、それで終わりじゃなかった。 もう一度クリックすると 増えた。もうロゴの原型を留めてない。 さらにクリック。 べとる。 これをクリックすると、 「ハロウィン」の検索結果ページに飛んだ。 Google はよくこういういたずらをしますね。 これぐらいの罪のないいたずらは大好き。 しかもこのロゴ画像のファイル名が “Trick or Treat” ならぬ “clickortreat” になっとる。こまかいなあ。

    ハロウィン版Googleロゴに施されたいたずら
  • CSSだけでキーボードのキーを表現する方法

    タイトルがわかりにくいかな。まあいいや。 「方法」などとエラそうに言うほどのものじゃないんだけど やってみたら何かそれっぽく見える気がしてきたので一応書いときます。 要するに何がやりたいのか ブログなんかの文中で 「このキーを押すんだよ」ということを伝えようとして そのキーに刻印された文字を示すことがある。 でもそのままではキーっぽく見えないので、 それ用のスタイルを用意して 何となくキーに見えるようにしたい。 つまりこのようなことが言いたいときに Shift + ⌘ + 3 で画面をキャプチャーします。 このように表示したいということ。 Shift + ⌘ + 3 で画面をキャプチャーします。 CSS 非対応のフィードリーダーで読んでたらわからんと思うのでサイトに来てください。 あと IE6 だと ⌘ ←が出ませんねごめんなさい。”Command” と読み替えてください。 どのタグを使う

    CSSだけでキーボードのキーを表現する方法
  • HTML の label タグに必ずつけたい CSS

    CSS に1行加えるだけで ラベルまわりがとってもわかりやすくなる。 「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら 実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、 ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき 次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rememberme"> <label for="rememberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるので テキストをクリックした時も チェックボックスにチェックが入るようになりますね。 ここをクリックでチェック入れられるよ 小さいチェックボックスにマウスカーソルを

    HTML の label タグに必ずつけたい CSS
  • 1