タグ

2010年9月6日のブックマーク (5件)

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応

    Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応 ネタ元:Google、パンくずリストでのURL表示にマークアップを利用可能に | 海外SEO情報ブログ・メルマガ これまでWEBサイト所有者が制御できなかったGoogle の検索結果に表示されるパンくずリストがmicrodataとRDFaで制御が可能になったようです。 パンくずリストは次のように検索結果のURL中に表示されます。 microdataでの記述 HTML5 で策定されているmicrodataは、特定の種類の情報(レビュー、人物、イベントなど)をラベル付けする方法の 1 つです。 <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/dresses" ite

    Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応
  • 今作ってるやつ

    jQueryのアニメーション重すぎて使えない タッチイベントをハンドリングしないといけない ネイティブのスクロールの仕組みは overflow:scrollとかでできない ↓ transitionベースのアニメーション タッチイベントのラッパー ネイティブまねっこスクロール これができれば普通に書ける(ハズ) $.ui.swipable http://dl.dropbox.com/u/268240/scriptsInDev/ui.swipable/index.html スワイプイベント $(element).bind('swipe.right', function(){ alert('right swipe occured'); }); $(element).bind('swipe.left', function(){ alert('left swipe occured'); }); $.

  • Google、パンくずリストでのURL表示にマークアップを利用可能に

    Googleは、検索結果に出たウェブページのURLの代わりにパンくずリストを表示する機能を昨年の11月に導入しました。 今ではSERPでのパンくずリスト表示を目にする機会が増えてきました。 URLの代わりにパンくずリストを表示するかどうかや表示する場合の階層はGoogleのアルゴリズムで自動化されていて、サイト管理者は設定できません。 そんななか、リッチスニペットのためのマークアップでパンくずリストの情報を適切にGoogleに知らせることができるようになりました。 microdataかRDFaのいずれかのマークアップで記述されたパンくずリスト情報をGoogleは認識できます。 詳しいことがヘルプで説明されています。 すでにパンくずリストが表示されているサイトは何もする必要はありません。 またパンくずリスト情報をマークアップしたからといって、リッチスニペットの一部としてパンくずリストが必ず表

    Google、パンくずリストでのURL表示にマークアップを利用可能に
  • パンくずリスト(BreadcrumbList)のマークアップを追加する方法 | Google 検索セントラル  |  ドキュメント  |  Google for Developers

    フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 パンくずリスト(BreadcrumbList)の構造化データ ページに表示されるパンくずリストは、そのページがサイト階層内のどこに位置するかを示しており、ユーザーはサイトを効果的に理解し、移動できます。ユーザーは、パンくずリスト内の最後のパンくずから順番にさかのぼることで、サイトの階層内を 1 レベルずつ上に移動できます。 構造化データを追加する方法 構造化データは、ページに関する情報を提供し、ページ コンテンツを分類するための標準化されたデータ形式です。構造化データを初めて使用する場合は、構造化データの仕組みについてをご覧ください。 構造化データの作成、テスト、リリースの概要は次のとおりです。ウェブページに構造化データを追加するための手順ガイドについては、構造化データの Codelab

    パンくずリスト(BreadcrumbList)のマークアップを追加する方法 | Google 検索セントラル  |  ドキュメント  |  Google for Developers