Tumblrのポストをサイトに表示する方法

| コメント(0) | トラックバック(0)

Tumblr公式が提供してくれてるスクリプトによる一番簡単な方法を。強調部分は自分のTumblrのモノに書き換えて使う。

<script src="http://yourtumblr-id.tumblr.com/js"></script>

上記をHTML内の表示させたい箇所に記述する。olでマークアップされた10件分のポストが表示される。画像は MAX 500px のものが表示されちゃうけど、吐かれるソース内の img には幸い height / width 属性 は指定されていないので、 

.tumblr_photo_post img { width: 100%; /* 任意の絶対値でも可 */ }
などとスタイル指定すれば、ブログの狭いサイドバーなんかに放り込んでも、少なくともPCブラウザでは問題なく表示されるはず。

順序リストの番号も多くの場合は邪魔だと思うので、 

.tumblr_post {
  list-style: none;
  padding: 0px;
  margin: 0 0 1em;
  /* 余白とマージンは任意の値でOK */
}
辺りも必要かも。

下記のHTMLファイルをサーバーにアップロードして、親ページからこれをインラインフレームで読み込むのも有りかも。

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Tumblr</title>

<style>/*任意のスタイル*/</style>

</head><body>

<script src="http://yourtumblr-id.tumblr.com/js"></script>

</body></html>

但し上記のスクリプトを使う方法だと、読み込む記事の種類を限定したり、件数を増減したり出来ない。

続きを読む

Safari®5入れてみた

| コメント(2) | トラックバック(0)

、WEBブラウザ「Safari5」がリリースされた。
あまり一般的には認知されていない感もあるが、Safari3からはWindows版も用意されている。以前と同じく英語版のみからの試験的リリースかと思いきや、インストールしてみると既に日本語化されていた。

続きを読む

国民が聞く耳を持たなくなった

| コメント(0) | トラックバック(0)
ただ残念なことにそのような私たち政権与党のしっかりとした仕事が必ずしも国民の心に映っていない。国民が徐々に徐々に聞く耳を持たなくなってきてしまった。その事は残念でなりませんし、まさにそれは私の不徳の致すところと、そのように思っている。
民主党両院議員総会 loopy Japanese Prime Minister Yukio Hatoyama 退任表明

昨日辞意を表明した鳩山氏の弁。さらっと国民のせいにするその発言には、やはり耳を疑わざるを得なかった・・・。
日本語の不自由な彼が表現を誤っただけなのかもしれない。しかし氏の発言に対し党内から特に批判や意見が挙がっていないところを見ると、民主党内全てが同レベルの認識なのだと思われても仕方ないだろう。

本来自戒の為の言葉である筈の「初心に戻る」を、許しを乞う為に使い続けた鳩山氏。しかし実質的には「ふりだしに戻る」だった。沖縄・日本政府・アメリカ政府が長い期間をかけて探り続けた妥協点を否定し、もう一度最初から洗い直すポーズだけ見せて、結局、「ダメでした」。

ワシントンポスト誌はその迷走を2010年4月14日付の紙面のコラム上で "loopy"と揶揄。鳩山の不可解な言動は、自身の評価のみならず、日米関の信頼関係にも影を落とした。（参考URL : Al Kamen - Among leaders at summit, Hu's first）

先日、赤松農相の外遊中に農相代理を務めていた福島瑞穂氏を連立ごと切り落としたのも、表向きの理由とは異なり、これからじわじわと沸き起こるであろう口蹄疫に関する福島氏への責任追求を鎮火させつつ、民主党自身への飛び火を回避する為の寸劇の様に、少なくとも自分の目には映った。考えすぎだろうか。

続きを読む

すべてのものは二度つくられる

| コメント(0) | トラックバック(0)

「すべてのものは二度つくられる」

万物にはまず「第一の創造」（知的創造）があり、それから「第二の創造」（物的創造）がある。

設計図にあたる「知的創造」で、本当に欲しい姿が描けているかどうかを確認しておかなければならない。前もって考えておくのである。それが出来て初めて、セメントや木材を使って形にしていける。

『7つの習慣 名言集 』より

『七つの習慣　名言集』って本の一節。『七つの習慣』と云う名著からキーワードだけを抽出して再構築した感じの本。漠然とした不信感や、自分の無知ゆえに曲解してしまうのではないかと云う危惧から、遍く啓発本やビジネス本の類に全く手を出さない自分が初めて買ったそれ系の本。

何かを形にする時はその直前までに頭の中で既に作り進められてるって事で、ここまでは当たり前の事なんだけど。それを認識した上で、設計（知的創造）の部分をちゃんとしようぜって言ってる。「もの」も「つくられる」も平仮名で書いてあるのもポイントだわな。建築に例えてるけど、物質に限った話じゃない。

この一文をたまにでも思い出せば、設計段階を疎かにしなくなるかも。

自戒も込めて。

(・ω・)

田口賢司『メロウ』

| コメント(0) | トラックバック(0)

HTML5の本と一緒に注文してて、今日届いた。田口賢司の『メロウ』。Amazonマーケットプレイスで１円。・・・１円て。貧民としては安いのは結構だけど、何とも複雑な心境だ。

ちなみに、「Amazon １円」とかでググッてみると、１円でも商売が成り立つらしいって事がいろんな所に書いてある。ちなみに送料は固定３４０円なので、支払いは３４１円になる。）

田口賢司さんは自分が高校の頃に傾倒した小説家。彼の文章は美しい。・・・健康的な美しさじゃないかも知れないし、登場人物のセリフは下品極まりないんだけども。

これまでに読んだのは３冊。『boy's don't cry』、『sentimental education』、『ラブリィ』。これまで彼についてはその美しい文体以外何も知らなかったんだけど、Wikipediaの記述（田口賢司 - Wikipedia）を見て初めてどんな人か知った。『メロウ』が芥川賞候補作品であった事も。そして『メロウ』が最新作で、以降に作品が無い事も・・・。

この表紙は恐らく、プースカフェ（虹色カクテル）なんだろな。比重の違う数種類のリキュールをゆっくり注いで、タンブラーの中で層を作ったカクテル。一回呑んだことあるような、無いような。何れにしても、あんまり美味くなさそうな酒だよねｗ

・・・どうでもいいけど、何処かの作りかけブログデザインのヘッダーにも似ていなくもない気がするなぁ。

・・・理解してもらえないかも知れないけど、ちょっと読んじゃうのが勿体無い気もする。次回作があるなら別だけど。・・・死にそうなタイミングで読もうかな。

死にそうなタイミングって何だｗ
今かｗｗ

(。-∀-)

[FC2Blog]Sound_of_Silence_W

| コメント(0) | トラックバック(0)

FC2ブログ共有テンプレート５作目、「Sound_of_Silence_W」。「W」は「（笑）」じゃないです。ワイドです。

( ・ 　ω　 ・ )

仕様は以下のリンクに。

やっつけ感バシバシ出てますが、一応はニーズに応えてみた格好です。他のテンプレートと同様、ちょこまかとアップデートしていくつもりです。前より大きいイラストやら写真とかが貼れます。ほぼ同デザインの前作は、イラスト描きさんやキャメラマンさんのブログでよく使ってもらえてるので、今作も同じ流れを期待してたりします。前回くらいの細身の方がアート系の方には受けるのかも知れませんが・・・。はてさて。

前作は、台湾の方もちょこちょこ使ってくれたりします。日本や簡体字以上に画数の多い繁体字は、シンプルデザインとの親和性が高い様な気もします。そっちはそっちで突き詰めていくのも面白そう。

以下はマニア野郎向け。

続きを読む

『徹底解説 HTML5マークアップガイドブック』

| コメント(0) | トラックバック(0)

先日注文してたのが届いた。「徹底解説 HTML5マークアップガイドブック」。
HTML5.jpを書いてる羽多野さんの著書。先日Adobeさんに貰った金券で購入。

他の本とどちらを買おうか迷ってたんだけど、最近頻繁に見に行ってるHTML5.jpの中の人の著作であると云う点や、発売時期、著者さんの方向性等を比較してこちらに。

HTML5の概要は把握してたつもりだけど、やはり本で見るといい。まだパラパラめくっただけだけど、実際「そんなの有りましたっけ」的なモノも有った‥。

(・ω・｀；)

旧来の要素の中にも、HTML5で物理要素から意味的要素に変わったものもある。廃止された要素も有れば、新しく追加された属性 / 属性値も多数ある。「全要素・全属性完全収録」のサブタイ通りそれら全てに言及した、非常に網羅性の高い本書。

バージョン8以前のInternet Explorerや、Firefox2で発生する問題への対処方法も。また、CGIのサイトを運営されている方だけに、HTML5のウェブアプリケーション的側面への理解が感じられる内容。インパクトの強い新要素「canvas」についてはサンプルのスクリプトもある。

大まかに捲った後、最初から読みはじめて、今50頁辺り。全部覚えるまで、時折遡りながらゆっくり何回も読もうと思う。読んでて楽しい！

２色刷、575頁。装丁美麗。
是非お手元に一冊、御実家に一冊。社内に１０冊。良書也。

(。-∀-)b

1pxの線を端部に向かって徐々に細くする

| コメント(0) | トラックバック(0)
2010-05-10-20-10.png

表題通り。

1pxはモニタ上の最小単位なので正確には無理だけど、擬似的には可能だったりする。単純に色を薄くしていってるだけなんだけど、細くなっていっている様に見えん事も無いと云う小技。地味だけど、細い溝が無くなっていく感じを表現したい時等に使えば効果も高い。

本来は画像のテクニックだけど、せっかくなので、ここでは単純な背景画像ではなくCSS3を用い、gradientで500×1pxの背景を描画し、領域下部に繰り返し無しで指定する事で実現してみた。なので現段階でgradientに対応していないOperaやIEでは表示されない（※IEでも２点間のグラデーションなら「-ms-filter」で可能）。「background-size」プロパティを指定する事で、グラデーションのサイズをコントロールしている。

続きを読む

Recent Entries

Recent Comments

TAGS

Category