「Webmasters Stack Exchange」に「OGP（Open Graph Protocol）のメタタグを利用すると、Webページをインデックスする際の助けになるのか」との質問があり、GoogleのJohn Mueller氏は「ウェブ検索には利用していない」と回答しました。 投稿された質問の一部を抜粋します。 これ（OGPメタタグ）がFacebook上でページをシェアする際に役に立つのは知っていますが、GoogleもまたどれかをWebページのSEOに利用するのでしょうか？ これに対して、Mueller氏は次のように回答しています。 Googleはウェブ検索のインデックスにOpen Graphメタタグを利用していません。私の知っている限りでは、Google+のスニペットには利用していますが ( developers.google.com/+/web/snippet )。 そこで試

皆さんはお気に入りデザインの管理をどうやっていますか？ はじめまして！ 14新卒デザイナーとして面白法人カヤックに入社しました、トダエミです。 ソーシャルゲームチームでデザイン修行しながら、写真撮ったり絵を描いたりしています。 今回は、新卒デザイナーにとって関門の一つデザインの引き出しを増やせ！ を攻略するための方法として、 デザインスクラップツールの紹介をします！ 1.デスクトップ系ツール バナーもボタンもキャプチャも、これ一つ！「Spark Box」 >> http://www.icyblaze.com/sparkbox/ （対応：mac） UIやバナーなど単体のものをストックするのに大活躍！ 私はソーシャルゲームのバナーをストックするのに使っています。 サイトに使われている画像が一覧で表示され、一つずつまたはすべてライブラリに読み込めます。 魅力的なのはソート機能！ なんと自動でカラ

電車内を見渡せば、あらゆる人がスマホとにらめっこ ...... LINE？ゲーム？Facebook？周りの人がどのような時間の使い方をしているのか気になりませんか？ 知識の豊富なパイセン（先輩）に聞いてみると、あの人達はそーいう「ちょっとしたスキマ時間」をすんごく有効に使ってるらしいんですよね。 今回はそんないわゆる「デキる先輩」がどんなアプリ、ツール、サイトから情報を仕入れているのか、個人的なリサーチ結果をもとにご紹介します。 経済ニュースに特化した"深読み"専門アプリ『NEWS PICKS』 他のキュレ―ションサービスと異なる最大の特徴は、ニュースに対する専門家や知識人のコメントが閲覧できるという点。 最初にフォローしたい人を選んでおけば、あとはフォローした人がpick（コメント付け）したNEWSを自動で拾ってコメントとセットで届けてくれます。 例えば...A社が業績悪化で事業を売却だ

2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して

Flat Surface Shaderはポリゴンな画像を生成できるサイトです。 サイトにアクセスすると、ポリゴンがグリグリ動いています。 WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。 右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。 フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。 以下に使ってみた様子を載せておきます。 まず「Flat Surface Shader」にアクセスしましょう。 右側にメニューがあり、色やポリゴンの形を細かく調整できます。 グリグリ動いているポリゴンがリアルタイムに変化しますよ。 お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。 画像のサイズも選べるので便利！ 出力するとこんな感じになりま

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. This freebie contains 140 business- an

こんにちは。みなさま、連休はどこかにお出掛けしましたか？ 7年振りの海外旅行で張り切り、自前のデジタル一眼レフを持って行ったのに、バッテリーを忘れて結局iPhoneで撮影していたライターのemiです。 iPhoneでも充分キレイな写真が撮れるけど、最近流行りのデジタル一眼レフも使ってみたい！という方のお役に立つように、今回はよく使うカメラ用語をまとめてみました。「これ、どういう意味だっけ？」と思ったとき、ぜひ参考にしてください。 それでは、はじめます。 ア行 アウトフォーカス 絞りを調節することで、画面の中にあえてピントを外してぼかした部分を入れること。ピンぼけとは違います。 例えば、人物の撮影でバックをぼかして際立たせるなどは、LIGブログでもよく取り入れている手法だと思います。 こういうことですね。 赤目現象（あかめげんしょう） フラッシュを使って写真を撮影したとき、人物などの目が赤く

こんにちは、LIGフィリピン支社代表のせいとです。いきなりですが皆さん、コーディング中にブラウザのバグや仕様にぶつかって、解決策をググってみてもヒットせず「ヤバい、詰んだ」的な状況になったことはありませんでしょうか。 古いバージョンのIEとかAndroidならネットに蓄積された情報がけっこうあるのですが、ChromeやIE11で動作がおかしくなると、比較的情報が少ないので困ります。 今回はそんな「モダンブラウザ（PC）」に焦点を当てて、コーディングのレアケースなトラブル5つと、実際にそれをどう回避したのかをご紹介します。 <a>タグに「position:absolute」を指定してホバー時にスタイルを変えようとすると中のテキストが一瞬太字になる（Safari） 以前、「position:absolute」を使ってホバーすると動くボタンを実装したことがあったのですが、safariで見るとホバ