【OGP対応】 og:image で画像を指定しても表示されない… →画像サイズを確認しよう！
【OGP対応】 og:image で画像を指定しても表示されない… →画像サイズを確認しよう！ Posted by localpocky on 30.2011 ブログ作成 0 comments 0 trackback Tag :FacebookOGP Tweet Pocket 先日、 「Facebookの「いいね！」ボタンの盲点。ボタンを設置するだけでは、押しても情報は広まらない。→OGPに対応しよう！」 という記事を書きました。 OGP というのは、ブログなどの記事を「いいね！」ボタンなどを使って Facebook でシェアするときに、どのようにニュースフィードに表示させるかを制御する仕組みのことです。(詳しくはこちら) 以下のようなタグで指定します。 <meta property="og:title" content="記事のタイトル" /> <meta property="og:ty
50 Free Social Media Icon Packs | The Jotform Blog
Social media icons are integrated into every major website design today. They are frequently displayed prominently in sidebars and headers in order to promote such things as RSS feeds, Facebook fan pages and Twitter profiles. They are cropping up all over, creating a near endless demand for these resources. Whilst you can link to your social media accounts with basic text links, it is far more com
「もし○○が本当だったら許せない」メソッドのリテラシー不足：沖縄防衛局長「犯す」発言問題［絵文録ことのは］2011/11/30
防衛省の田中聡沖縄防衛局長が「（女性を）犯すときに『これから犯しますよ』と言うか」という趣旨の発言をしたとして更迭される事態になった。 しかし、この報道を見ていてわたしはこわいと思った。なぜなら、この発言は「報道陣との酒席での、報道を前提としない非公式発言」と報じられている。つまり、マスメディア関係者しかいない密室での発言である。このような難しい状況での発言について、テレビのニュースなどでも「本当にその発言はあったのか」「あったとして、その正確な表現は何だったのか」「前後のやりとりはどういうものだったのか」「誘導はなかったか」というような検証がまったく抜け落ちている。 それどころか「こういう発言があったということなんですが、どう思われますか」「許せませんね」という街頭インタビューを行なっている。「もし○○が本当だったら許せない」という先取り批判メソッドは、リテラシーの観点からいっても決して
M-1で最高だったネタランキング - まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/11/29(火) 23:52:37.43ID:ZS0nVxWj0 1位 チリンチリン （チュートリアル） 2位 歴史民俗博物館 （笑い飯） 3位 鳥人 （笑い飯） 4位 娘さんを僕に下さい （アンタッチャブル） 5位 バーベキュー （チュートリアル） 異論は認める。 16：以下、名無しにかわりましてVIPがお送りします：2011/11/29(火) 23:56:53.16ID:vJJjtRZH0 煽ってやろうと思ったが案外俺の好みと似てたｗ 20：以下、名無しにかわりましてVIPがお送りします：2011/11/29(火) 23:58:27.22ID:8djQts6kO 鳥人はなぁ…… なんか笑い飯の漫才は最初に置いてかれるともうついて行けない 30：以下、名無しにかわりましてVIPがお送りします：2011/11/30(水) 00:
CSS仕様における行高とオーバーフロー - WebStudio
もずはっく日記(2011年11月) 2011年11月30日 CSS仕様における行高とオーバーフロー 初回投稿日時: 2011年11月30日17時04分56秒 最終更新日時: 2011年11月30日19時18分43秒 カテゴリ: CSS Mozilla Core SNS: Tweet (list) 最近、いくつか似た様な話を見かけたので、久々にCSSの基本的な部分を解説しておきます。 p { font-size: 16px; line-height: 16px; } このようなスタイルを指定した場合、p要素の行高は何ピクセルになるでしょうか? 16ピクセルと思った人はCSSのレイアウト仕様をもう一度読んだ方が良いです。正解は『16ピクセル以上だけど、分からない』です。 ブロックレベルの要素に対してline-heightを指定した場合、それはそのブロックレベル要素内の行の高さを指定している
ビジネス向け Google+ で顧客との結び付きを強化
Dennis Troper Google+ ページ プロダクト マネジメント ディレクター 数か月前に Google+ を先行公開してから、これまで 4,000 万人以上のユーザーの皆様にご利用いただき、100 を超える新機能を導入してきましたが、ビジネスという重要な側面は手つかずのままでした。 Google では、オンライン ビジネスにおいても、現実世界で見られるような人間関係を築き、顧客との結び付きを持続させることができるようにしたいと考え、ビジネス向け Google+ の提供を開始しました。ビジネス向け Google+ では、顧客との結び付きを強化できるさまざまなツールやサービスをご利用いただけます。そしてこの中核となる機能は、Google+ でのビジネス プロフィールである Google+ ページです。 Google+ ページ - ユーザーを選んで直接対話する Google+ をビ
レーナード・スキナード - Wikipedia
1964年にフロリダ州ジャクソンビルで「マイ・バックヤード (My Backyard)」として結成され、その後「ノーブル・ファイブ (The Noble Five)」「ワン・パーセント (One Percent)」の名で活動、1969年に「レーナード・スキナード」と改名した。バンドはそのライブ・パフォーマンスや「スウィート・ホーム・アラバマ」「フリー・バード」と言った代表曲でその認知度を高めていった。だが、成功のピークであった1977年に飛行機事故でメンバー2人とバックアップシンガーが死亡。人気の絶頂時に活動を停止した。バンドはアメリカ合衆国で2,800万枚のレコード販売を記録した。 生き残ったメンバーは1987年に、リードボーカルにジョニー・ヴァン・ザント（バンドの創設者、ロニー・ヴァン・ザントの弟）を迎えリユニオン・ツアーを行った。バンドはその後も創設者の一人であるゲイリー・ロッシント
最近リリースされた高品質なフリーのデザインフォント -2011年11月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
冷たい牛乳の一気入れがポイント！ なめらかな「ホワイトソース」の作り方 - はてなニュース
グラタンやドリア、クリームシチューなどの味の決め手になる「ホワイトソース」。焦げたりダマになったりと、自作はなかなか大変と思っている方も多いかもしれません。でも、ポイントを押さえれば実はかんたん！ 冬のアツアツメニューに欠かせないホワイトソースの作り方を紹介します。 ■ 基本の作り方から、レンジで失敗しない作り方まで まずは、ホワイトソースの基本的な作り方をチェックしておきましょう。 ▽ http://www.simple-cooking.net/recipes/X010.htm このページで使う材料は以下の通りです。 小麦粉 バター 牛乳 塩 胡椒 最初にフライパンにバターと小麦粉を入れて弱火に掛け、粉っぽさがなくなるまで炒めます。その後、牛乳を加えよくかき混ぜながら中火から弱火で煮込み、味を整えれば完成です。1度にたくさん作り、1回分づつにわけて冷凍保存すると便利です。 ＜先混ぜ方式で
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
サーバー管理知識が無くても「さくらVPS」をレンタルサーバーのように使える方法
Server room with grass! / Tom Raftery さくらインターネットのVPSは月980円、年間だと10,780円から利用できる、かなりお得なVPSです。 VPS（仮想専用サーバー）は、ユーザーの使えるリソースの上限が設定されているため、共有のレンタルサーバーのように他のユーザーさんからの影響がほとんどありません。root権限を持てるため、普通のレンタルサーバーでは出来ないようなカスタマイズが可能です。 その反面、各種設定や管理を自分で行わないといけません。とはいえ、基本的な設定作業はそんなに難しいものではないので、多少意味がわからなくても、手順どおりに作業を進めていけば、サーバーを動かすことは可能です。 おおまかな作業の流れを知る idea×ideaさんが本当に大雑把な流れを紹介しています。わからない言葉があっても大丈夫です。まずは最初から最後までの流れを知るこ
■開業つれづれ：洗脳完了 「日本、医療の満足度１５％ ２２カ国で最低レベル」
勤務医から田舎で個人医院を開業。医療ネタ、マンガや本など思いつくまま、気の向くまま。いつも読んでくださる皆さんに感謝、感謝で頑張っています。 マスコミが叩いて叩いて叩きまくった 日本医療。 世界で一番いい医療、 と言われているのに 国民の満足度は最低。 マスコミさん、よかったですね。 洗脳達成です。 世界一素晴らしい医療を受けながら 不平不満を述べる日本。 そして 世界一高額な医療を受けながら 納得しているアメリカ。 日本、医療の満足度１５％ ２２カ国で最低レベル 2010/04/15 17:44 【共同通信】 http://www.47news.jp/CN/201004/CN2010041501000688.html 【ワシントン共同】日米中など先進、新興２２カ国を対象にした 医療制度に関する満足度調査 で、手ごろで良質な医療を受けられると答えた日本人は１５％にとどまり、 ２２カ国中最低
フリーのCSSメニューテンプレートとチュートリアル集:phpspot開発日誌
Free CSS Menu Templates & Design Tutorials | Daily Syntax フリーのCSSメニューテンプレートとチュートリアル集。 メニューを組む場合に結構迷うこともありますが、サンプルが多くあるとこんな感じにつくろうとイメージがわきやすくなりますね。 最近仕事でメニューをデザインしてるのですが、どうしようかと迷っているところで発見したのでメモがてらにご紹介です 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 ページ下部で折りたためるメニュー実装サンプル CSSのナビゲーションメニューサンプル５５
HTTPで正しくキャッチボールをするには | Lab by engineering@dwango.jp
皆さんはキャッチボールは好きですか? 私はバスケットボールの方が好きです。 キャッチボールは、自分と相手双方がボールをうまくキャッチできるように投げる必要があります。これは、サーバーとクライアントの間でも同じで、クライアントから投げられたボール(リクエスト)をサーバーは正しく投げ返す(レスポンス)必要があります。 ここで、サーバーがボールをあさっての方向に投げたり、異常なスピードで投げ返すとどうなるでしょうか。おそらくクライアントはそのボールを取ろうとしますが、追いつけずにボールを落としたり、どこかにぶつけたりしてしまうでしょう。 今回は、HTTPについて、どうして正しくレスポンスを返さないといけないのかということについて、Rackを使用して解説していきます。 対象読者 Webアプリケーション開発に興味のある方、これから開発を行おうとしている方 Rackについて まず、今回使用するツール
E-WA'S BLOG
本日ClamXav v2.8がリリースされましたが、このバージョンから有償化されることになりました。 詳細についてはTogetterでまとめましたので、ご一読を。 » 続きを読む… Tweetbot 3は、iPhone／iPod touch用（iPad互換）の高機能なTwitterクライアントアプリケーション。「iOS上で動くロボット」というコンセプトの下、細部まで凝りに凝ったUIデザインで楽しませてくれるTapbotsの製品です。 iOS 7以降向けに根底からリデザインされ、旧バージョンとは別アプリケーションとしてリリースされました。v3.5以降はさらにiOS 8向けの最適化が施されています。 リストの作成や編集、プッシュ通知機能、ミュート機能、各種連携サービスへの対応など、機能的にも充実。もちろんロボット風味のUIデザインや効果音・アニメーションなどの楽しいギミックも満載。 メインのT
[JS]Googleのようなローディングを表示するスクリプト
How to build a Google like Ajax loader: the red loading... bar デモページ Googleのように、AJAXを使用した別コンテンツのローディング時に「Loading content...」と書かれたバーを表示するには、下記のコードを使用します。 ローディングバーのCSS <textarea name="code" class="css" cols="60" rows="5"> #loading{ position: fixed; top: 0; left: 0; z-index: 5000; background-color: red; font-size: 150%; color: white; padding: 2px; } </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Earn to Die - Play it on Not Doppler
見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト
http://turi2.net/blog/783.html