DESIRERY

Development

フルフラではoutlineを

fullfla

FF13発売だったんですねー。PS3ないけど。外観のデザインがまた変わったら考えよう。

で、ここフルフラッシュのサイトなんですが画面をクリックでスクロールバーが出ます。たまにこういったサイトがあるんだけどFirefoxではoutlineを消さないとこういった残念なサイトになります。Firefoxは対象外ですと言われたらそれまでだけど。回避方法は下記CSSを加えるだけ。

  1. Element {
  2. outline:none;
  3. }

こんな簡単なのでFlashだからと言って動作確認の手を抜きすぎだろ。といった感じが拭えない。その他HTMLではナビゲーションなどfloatで横並びした際マウスダウンで落ちるとかあったりするけどそれもこれが原因。かといってリンクでoutlineを消すのは場合によって微妙なのでoverflow:hiddenではみ出したoutlineは切れる用にしておけば問題ないです。

jQuery Twitterプラグイン

tweenelalpha

tweenelをブログに貼りつけてみた。これはTwitterのAPIを使ってタイムラインを表示するもの。今のところ任意の1ユーザーだけを取得。Twitter自体軽いコンテンツなのでわざわざエリアを作って貼り付ける程でもないかなーということでレイヤー化して今のスペースを壊さない仕様。

今のところアルファ版な位置づけなのでIE対応もしていないです。対応したとしても他のブラウザとは分けると思います。アルファなし、アニメーションもなし。PNGおかしい上に遅いんで多分いろいろ無理。

ベータ版は今年できたらいいなーな感じでゆっくりゆっくり。

Twitter JSONデータ

TwitterのAPIへユーザタイムラインを要求した場合の戻り。ブラウザでアクセスすると改行がなく見にくかったんで載せときます。JSONは非常にシンプルでXMLより好感が持てますね。

フォーマットJSON、パラメータはscreen_name(Optional)指定とcount(Optional)を1にした場合。

  1. [
  2. {
  3. "favorited":false,
  4. "geo":null,
  5. "in_reply_to_user_id":null,
  6. "in_reply_to_status_id":null,
  7. "in_reply_to_screen_name":null,
  8. "source":"<a href=\"http://www.tweetdeck.com/\" rel=\"nofollow\">TweetDeck</a>",
  9. "user":
  10. {
  11. "profile_background_tile":false,
  12. "description":"= [ me:'Designer',
  13. career:'Geek',
  14. tweet:'Banzaaaaai!' ]",
  15. "statuses_count":87,
  16. "profile_background_color":"DBE9ED",
  17. "followers_count":19,
  18. "geo_enabled":true,
  19. "profile_sidebar_fill_color":"E6F6F9",
  20. "following":false,
  21. "friends_count":11,
  22. "time_zone":"Tokyo",
  23. "profile_sidebar_border_color":"DBE9ED",
  24. "notifications":false,
  25. "favourites_count":0,
  26. "protected":false,
  27. "url":"http://www.t2-designing.com/",
  28. "verified":false,
  29. "profile_text_color":"333333",
  30. "profile_image_url":"http://a3.twimg.com/profile_images/557330395/tw_normal.jpg",
  31. "location":"Tokyo,
  32. Japan",
  33. "name":"Toyotter",
  34. "profile_background_image_url":"http://s.twimg.com/a/1260393960/images/themes/theme17/bg.gif",
  35. "id":4977961,
  36. "utc_offset":32400,
  37. "created_at":"Tue Apr 17 09:58:14 +0000 2007",
  38. "profile_link_color":"CC3366",
  39. "screen_name":"Toyotter"
  40. },
  41. "truncated":false,
  42. "id":6627064652,
  43. "text":"\u304d\u3063\u3061\u308a\u30b0\u30ea\u30c3\u30c9\u3002effect\u306e\u4e92\u63db\u6027\u3092\u6301\u305f\u305b\u3066\u307b\u3057\u3044\u306a\u30fc\u3002JavaScript\u306e\u77e5\u8b58\u304c\u5f31\u3044\u30c7\u30b6\u30a4\u30ca\u306f\u3053\u306e\u8fba\u4e00\u756a\u89e6\u308b\u3060\u308d\u3046\u3057\u3002 http://tweetphoto.com/6356109",
  44. "created_at":"Sun Dec 13 11:43:47 +0000 2009"
  45. }
  46. ]

リンクは勝手にやってねってことっすね。リンクは実装する人がやらないといけないのでURLをPOSTする際は半角スペースなどを入れ区切るのが無難です。それと時間はローカル時間に変換が無難そう。それぞれの時間と見る人のローカル時間並べたいなーってのはアプリ使ってて思うんだけどネタはtime_zoneしかなさそう。

Popular Posts

  1. CSSによる3Dアニメーション
  2. Multiple background
  3. ヒラギノとメイリオ
  4. Canvas
  5. addEventListener