タグ

ブックマーク / hyper-text.org (7)

  • 新しい Facebook ページを試してみた

    Facebook でちょっと前に導入された 「タイムライン」 が、Facebook ページの方にも適用されるっていうお話が最近話題になったりしていましたが、先ほど、Facebook の自分が管理してるページに行ったら、その新しいデザインのプレビューができますっていうお知らせが出ていたので早速試してみましたよ。 新しいFacebookページのご紹介 : Facebook ある日、この Blog の Facebook ページに行くとこんなお知らせが… 3月30日に全面切り替えみたいですが、その前にプレビューができますよという話。個人のページにタイムラインが導入されたときと同じ流れですね。「詳しくはこちら」 を押せば、新しい Facebook ページについての説明が見られます。 ページのブランドを構築 ユニークな写真を追加し、ページのタイムラインに大切なニュースやアップデートを掲載しましょう。

    新しい Facebook ページを試してみた
  • NYTimes が所蔵する膨大な量の写真を Tumblr で公開

    NYTimes が所蔵する膨大な量の写真を Tumblr を利用して定期的に公開していく試みが始まったようです。 How many? We don't know. Our best guess is five million to six million prints and contact sheets (each sheet, of course, representing many discrete images) and 300,000 sacks of negatives, ranging in format size from 35 millimeter to 5 by 7 inches -- at least 10 million frames in all. The picture archive also includes 13,500 DVDs, each storin

    NYTimes が所蔵する膨大な量の写真を Tumblr で公開
    chi-bit
    chi-bit 2012/02/28
    写真と一緒に各プリント裏面の画像も公開してくれている
  • clip プロパティで画像をトリミング

    phpspot 開発日誌さんで、「CSS の Overflow を応用して画像を綺麗にリサイズ表示するサンプル」 という記事が上がっていたのですが、この手の一部トリミングだったら clip プロパティがちゃんと用意されてるんでそっちを使ってもできるんじゃないかということで、clip プロパティを使用したサンプルを簡単に紹介してみます。 いきなりですが、サンプル。 clip プロパティで画像トリミングサンプル 通常は画像の一部のみが表示され、マウスオーバーで全体が表示されると思います。 ソースは下記。まずは XHTML ソース。 <p class="clipSample"> <a href="***"> <img src="***" width="240" height="180" alt="" /> </a> </p> CSS は下記のとおり。今回のサンプルは画像のサイズが、240px ×

    clip プロパティで画像をトリミング
  • Dropbox にファイルを置くと自動で色々な処理を実行してくれる Dropbox Automator

    Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービスです。 あけましておめでとうございます。新年初エントリーですが、TechCrunch 等で取り上げられていた、「Dropbox Automator」 を試してみたので紹介。 Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービス。例えば、画像をアップしたら自動的に Flickr にアップしてくれたり、文書ファイルをアップしたら、自動的に PDF に変換しておいてもらうといったことが可能になります。 Dropbox AutomatorはDropbox専用のIFTTTみたい Automatisiere dei

    Dropbox にファイルを置くと自動で色々な処理を実行してくれる Dropbox Automator
  • HTML5 は SEO に有効なの?

    HTML5 でコーディングしたら SEO (検索エンジン最適化) 的に有利になりますか?」 っていう質問、たまに聞かれるんですけが、それに対する答えとして私がまとめて書こうと思っていた内容をすべて言ってくれてしまっている記事が Impressive Webs で投稿されましたので、便乗して簡単に訳しつつ紹介してみようと思います。 「HTML5 でコーディングしたら SEO (検索エンジン最適化) 的に有利になりますか?」 っていう質問、たまに聞かれるんですけどね。 個人的には "SEO のために" HTML5 にするか XHTML にするかなんて悩んでる暇があったら利用者に役に立つコンテンツの 1つでも考えた方がいいよと思うわけですし、聞かれたときはそのように答えているわけですが、折角なので簡単に考えをまとめて Blog に書いておいてみようかなと思ってダラダラと書き始めていたら、自分が

    HTML5 は SEO に有効なの?
  • HTML5 でやりがちな間違い

    HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日語にしたものではあり

    HTML5 でやりがちな間違い
  • HTML5 におけるアウトラインに関して簡単解説

    HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

    HTML5 におけるアウトラインに関して簡単解説
  • 1