tumblr dashbord blockquooooooooote brushup

nemoi:

petapeta:

gkojay:

plasticdreams:

domb:

taizooo:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.tumblr.com/dashboard"), 
            url-prefix("http://www.tumblr.com/show"){

ol#posts li blockquote {
margin-left: 0 !important;
border-left: 3px solid #333 !important;
padding-left: 3px !important;
}
ol#posts li blockquote blockquote {
margin-left: 0 !important;
border-left: 3px solid #666 !important;
padding-left: 3px !important;
}
ol#posts li blockquote blockquote blockquote {
margin-left: 0 !important;
border-left: 3px solid #999 !important;
padding-left: 3px !important;
}
ol#posts li blockquote blockquote blockquote blockquote {
margin-left: 0 !important;
border-left: 3px solid #bbb !important;
padding-left: 3px !important;
}
ol#posts li blockquote blockquote blockquote blockquote blockquote {
margin-left: 0 !important;
border-left: 3px solid #ddd !important;
padding-left: 3px !important;
}
ol#posts li blockquote blockquote blockquote blockquote blockquote blockquote {
margin-left: 0 !important;
border-left: 3px solid #fff !important;
padding-left: 3px !important;
}

}

dombdombdomb - blockquoooooooooteで表側ばっかキレイなのがクヤシイのでstylishのスタイルにしてみた。cssは全くわかっていないので力技!

参考にしたのは、Tumblr - dashboard blockquote fix。サンクス!!! browneyes。本当はもっと素敵な色にしたかった。でもオイラに出来たのはココまで。

ありがとう！Dashboardになじむ色にして、いじりやすいようにしてみました。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.tumblr.com") {
ol#posts li blockquote {
margin-left: 0 !important;
padding-left: 3px !important;
border-width: 3px !important;
border-color: #a8bccf !important;
}
ol#posts li blockquote blockquote {
border-color: #839aaf !important;
}
ol#posts li blockquote blockquote blockquote {
border-color: #6b7d8f !important;
}
ol#posts li blockquote blockquote blockquote blockquote {
border-color: #4c5e6f !important;
}
ol#posts li blockquote blockquote blockquote blockquote blockquote {
border-color: #36434f !important;
}
}

2008-02-24

ShareOnTumblr暫定リリース

nemoi:

gickonbattan:

gkojay:

handa:

ShareOnTumblr

- Amazon 対応
- Photo - qoob.tv (via youpy) 追加
- Photo - Snipshot 追加(編集画面からダイレクトポスト)
- Photo - blogspot 追加
- Video - Stage6 追加
- Ctrlキー押下で編集画面へ遷移
- Photoの容量制限チェック
- Photo - Flickr(large)タイトル取得バグ修正
- ダイレクトReBlog
- バックグラウンドポスト対応
- Videoオブジェクトの幅を調整

とりあえずShareOnTumblrをアップデートしました。
ずっと作り続けてて、いつリリースしたらいいか、わからなくなっちゃった。

ファイルサイズ、前回のリリース(9KB)と比べて倍に以上(19KB)になってます。
良く仕事してるわ、わたし。

どっから解説したらよいものか。
まずXHRを使ってバックグラウンドでポストする動きになってます。
今までのように一瞬ウィンドウが開くことはありません。
何にもリアクションがないため、ちょっと心配ですが(対策検討中)、ちゃんとポストできています。
ポストが終わったら、いつ元ページを閉じても大丈夫です。
ポストに失敗したら、再度元ページを開くこともできます。

ReBlogの動作も通常のポストと同じく、バックグラウンドでダイレクトに行われます。
Dashborad上でも、ページ上でも、個別エントリーページ上でも、かなりすばやく無編集のReBlogができるようになったと思います。

ポスト時、ShareOnTumblrをクリックするときに[Ctrl]キーを押していると、ポストではなく編集画面に遷移します。
細かな編集を加えてからポストしたい場合は、こちらがよいでしょう。

ビデオの幅を調整して揃える処理も追加しました。
THEME_IMAGE_WIDTHを変えて、自分のテンプレートに合わせるときれいです。
初期値は500pxです。

あと、そう、Amazon対応が大きかった。
Amazonの商品ページでのポストを調整しています。
URLが短くてきれい。
画像の上でPhotoタイプ、他の部分でLinkタイプ、何かを選択しているとQuoteタイプのポストになります。
AMAZON_AFFILEATE_IDに、アフィリエイトIDを書くと、それが追加されます。
AMAZON_IMAGE_MIN_SIZEで画像の画像の最小サイズを決めると、確認ダイアログを出さずにダイレクトにポストできます。
たとえば230と設定しておくと、縦横どちらかが230px以上なら、自動でポストされるようになります。

次は、拡張にしたい。
右クリックして、Actionsを経由して選択するのが面倒くさい。
特殊対応ページもわかりづらいし。
失敗時のページを開く処理は、元ページが開いてるかどうかをチェックする処理を追加したい。
あとAmazonの画像は、一度、見本をダイアログに出したい。
LDRからのポストは…、こっちでも書いて、GMでも書くか。

2007-06-06

たぶん会社でTumblrが公認

「SoftBankの社員はみんなTwitterやってます。ごにょごｎｙ・」とか吹き込みつつ社長に勧めたら、「面白そうだからみんなやれば」みたいな話に。

といわけで明日から仕事中にReblog。
こそこそせずに二次もエロもオープン化する。

例えば隣の席の人のがDashboadにリアルタイム流れてくると思うとなんだかちょっとした事かもしれないけどwktkが止まりません

Tumblrのこと。

kanamename:

nemoi:

do-nothing:

sakurasakuras:

eno:

久々にTumblrを覗いた。

Postはたまにしていたけれど。

Tumblrの最も素晴らしいところは

まるで時間軸を持ち込んだような設計思想である。

過去を振り返るためのインターフェイスは殆どない。

そして、人と人が繋がったりする機能も殆どない。

POSTした素材は、すべて「いま」のものとなり。

POSTした素材は、すべて「過去」のものとなる。すぐに。

コミュニケーションやコンテンツのブラウジングについて

これほどまでに、明確な意思を持ったウェブサービスを、僕はほかに知らない。

どこかに、あるのかもしれないけれど。

久々にTumblrを覗いてみた。

たった１０分くらいで、いままで知らなかったデザイナー１人と

いままで聞いたこともなかった写真家１人を、知った。

１０回くらい、笑ったか感心した。

これだけでも、すごいんだけど。