フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
OGPタグ確認に便利！ブックマークレットで手早くチェック | ブログ | SINAP - 株式会社シナップ
'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0 ';if(og_image%20==%20undefined){addtext%20+='%C3%97%20og:image%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82 '}else{addtext%20+='url'+%20og_image%20+' ';if(og_image.match(/http:\/\/[^\/]*/)%20!=%20null){var%20og_image_domain%20=%20o
テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード - かちびと.net
パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボックスはクリックで緑に変わりますが、IE7以下ではz-indexのバグがあるためクリックできません。 スピードや動く範囲だけなら以下のあたりを変えればいいです。 distance = 70;//マウスに対して要素が動く距離 sensitivity = 7;//感度。というか動くスピード var distHalf = distance / 2; //親要素を指定したセレクタ var parW = $
iPhone 4Sサイトの美しいスライドを実現しているCSS3のトリック | エンタープライズ | マイコミジャーナル
iPhone 4Sの販売が開始されてから2週間ほどが経過しようとしている。すでにiPhone 4Sを入手して、その高速さやiOS 5の新機能を堪能しているユーザも多いだろう。Webデベロッパ/Webデザイナとしてはここで、iPhoneそのものではなく、iPhoneの公式サイト「iPhone 4S」の上部に用意されているスライドに注目したい。ここは次のようにスライドが順繰り移動するアニメーションになっている。 Apple - iPhone 4S - The most amazing iPhone yet. のスライド1枚目 Apple - iPhone 4S - The most amazing iPhone yet. のスライド2枚目 Apple - iPhone 4S - The most amazing iPhone yet. のスライド3枚目 Apple - iPhone 4S -
【レポート】「Dreamweaver CS5」でiPhoneサイトを作るテクニックを伝授(前編) | クリエイティブ | マイコミジャーナル
アドビの期間限定ギャラリー「station 5」にて、「Dreamweaver CS5」によるiPhoneサイト制作に関するセミナーが開催された。セミナーには、Webサイトプロデュースや執筆活動を行なっている伊藤学氏(STUDIO Freesia代表)と、Web制作プログラマーのたにぐちまこと氏(エイチツーオー・スペース 代表取締役)が登場した。 「Dreamweaver CS5」ではなにが変わった? イベントは「Dreamweaver CS5」の新機能紹介から始まった。紹介者はアドビ 製品担当 西村真理子氏。「WordPress」を使ってダイナミックコンテンツを制作するデモや、オンラインサービス「BrowserLab」でサイトの見え方をチェックする方法などが解説された。 また、アドビのサイトからダウンロードすると使えるようになる拡張機能「HTML5 Pack for Dreamweave
【レビュー】HTML5の最小構成サンプルとその説明 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにおいてA Minimal HTML Document (HTML5 Edition)のタイトルのもと、HTML5を使った場合の最小限のHTML記述の例とその意味を紹介している。同氏は以前、同じくSitePointにHTML 4.01およびXHTML 1.0の最小構成紹介を掲載しており、今回掲載された記事はその流れにつながるものとなる。掲載されているHTML5の最小構成例は次のとおり。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBディレクターの為のEXCEL術（1）作業スケジュール | designaholic -Creative Column-
株式会社バーグハンバーグバーグ
Loading...
カフカ「変身」をネット通販風に描く
IDEA * IDEA
株式会社ニューフォリア