タグ

2009年9月10日のブックマーク (3件)

  • SEOに関するきわめて重要な4つのインフォグラフィック | Moz - SEOとインバウンドマーケティングの実践情報

    インフォグラフィック(英: Inforgraphics)とは、情報、データ、知識を視覚的に表現したものである。インフォグラフィックは情報を素早く簡単に表現したい場面で用いられ、標識、地図、報道、技術文書、教育などの形で使われている。また、計算機科学や数学、統計学においても、概念的情報を分かりやすく表現するツールとしてよく用いられる。科学的情報の可視化にも広く適用される。 (Wikipediaのインフォグラフィックの解説より) 最近僕は、いろんな図を書いている。(たとえば、ホワイトボードに書いてあるこんな図みたいにね。ここに書いてある図は、8月12日に行われたHostingConカンファレンスの基調講演で、プレゼンテーション用のスライドに使った)。それで、SEO分野のインフォグラフィックをいくつか紹介したらおもしろいと考えたんだ。ユーモラスなものもあれば、まじめなものもあるよ。こんなグラフは

    SEOに関するきわめて重要な4つのインフォグラフィック | Moz - SEOとインバウンドマーケティングの実践情報
  • 【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

    こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">

    【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
  • 今すぐに使えるリアルタイム入力チェックライブラリ·Vanadium MOONGIFT

    Webフォームから飛んできた値について、入力チェックを行わないということはまずないだろう。数字のところに文字列が入ったり、必須のものが入っていなかったりすることはよくある。だからこそサーバサイドのプログラムでチェックはするのだが、ユーザビリティを考えるとクライアントサイドでも入力チェックを行いたい。 リアルタイムで行われる入力チェック 入力チェックのJavaScriptを作る、なんていうと面倒な感じがするがVanadiumを使えば開発者の方でなくともチェック機能が実装できてしまう。 今回紹介するオープンソース・ソフトウェアはVanadium、jQueryを使ったクライアントサイド入力チェックライブラリだ。 Vanadiumは入力項目のクラスでチェック内容を指定するようになっている。そのためVanadiumさえ読み込めば、HTMLを変更するだけで入力チェックが実装できるようになる。入力必須や

    今すぐに使えるリアルタイム入力チェックライブラリ·Vanadium MOONGIFT