HTML5 × CSS3 × jQueryを真面目に勉強 – #12 Pinterest風グリッドレイアウトを作ってみた | DevelopersIO
そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い、異なる高さのグリッドが画面いっぱいに敷き詰められているレイアウトが特徴的でオサレです。（※こういったレイアウトはピンボード風と呼べば良いのでしょうか…？） Pinterest とはピンボード風の写真共有のソーシャル・ネットワーキング・サービス。特に女性に人気がある。ウェブサイトとアプリはテーマに基づいて写真のコレクションを作ることが出来る。サイトのミッションステートメントは「面白いと感じるものを通じて世界全員をつなぐ」。アメリカ Palo Alto にある Cold Brew Labs によって運営されている。 Wikipediaより引用(http://ja.wikipedia.org/wiki/Pinterest) そんな女子力の
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
ディレクターやデザイナーが今すぐPinterestを始めるべき理由
こんにちは、色白腹黒WPDグリーンです。 Pinterestって好きな写真を集めるだけでしょ？って思ってる人も多いかと思います。 某イベントで「デザイン系のボードをフォローするとWebデザインやパーツのギャラリーとして非常に役立ちます、表示も速いし。」って言ってた人がいますが、本当の理由はもう一つあります。それは 「顧客の好みが一目瞭然となる事」 クライアントの好みを探るのに非常に有効です。 「可愛いものが好き」って言っても人それぞれ意味が違います。 ほんわかして可愛い、グロくて可愛い、小さくて可愛いなど、同じ言葉でも全然違いますよね。 営業さんから「可愛いのが好きなんだって」って聞いて可愛いものを作っても「いや、ちょっと違う」みたいな経験は誰しもあるはず（ヒヤリングの問題はおいといて） 依頼主がPinterestやってたらぜひその人のPinしたものやLikeしたものをチェックして見ましょ
ピンタレストバナー狂想曲 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
過去1年、英語圏で最も急成長した新興ソーシャルメディアといえばピンタレストです。とはこの数か月の間にピンタレストの成長が鈍化しつつある、、、というニュースを小耳にはさんだ方も多いでしょうか。Twitterの時も同じような話があった気がしますが、さてPinterestの場合はいかにということでカリスマ・マーケッターのミッチ・ジョエルが考察します。 — SEO Japan あなたがこれを読む頃には、Pinterestは絶望的かもしれない。 あなたはこの言葉の中にある皮肉に気が付いただろうか？二日前の夜、テネシー州ノックスビルで開催されたSocial Slamで、私は、Pinterestが最もホットなこと…つまり最後の最もホットなこと（百歩譲って、Instagramと呼ぼう）なのかどうか聞かれ、その後（24時間は経っていないが）、家に帰る飛行機の中でUSA Todayを読んでいると、Moneyセ
[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト - BlocksIt.js
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type="text/javascript" src="blocksit.js"></script> Step 2: HTML HTMLは対象となる範囲をラッパーで包み、各パネルを同列に配置します。 パネルはデフォルトでdiv要素を対象にしていますが、任意の要素で実装できます。 <div id="container"> <div>パネル</div> <div>パネル</div> <div>パネル</div
JavaScriptを使わずにPinterest風レイアウトにする
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
「世界の朝」をテーマにしたPinterestキャンペーン | AdverTimes.（アドタイ） by 宣伝会議
朝型ライフスタイルを提案するポータルサイト「朝時間.jp」（運営:アイランド）は、Pinterest（ピンタレスト）を使ったキャンペーンをスタートした。 Pinterestとは、Webサイト上の好みの画像を自身のボードに「ピン（貼り付け）」する画像共有ソーシャルサイトで、ここ数カ月で急成長している。米調査会社コムスコアによると2012年3月には米国内での月間利用者数が1870万人に到達。特にここ半年で約10倍のユーザーを獲得するなど、爆発的にユーザーを伸ばした。日本では、5月17日に楽天が5000万ドルの大型出資を決めて話題となったばかりだ。 アイランドでは、2012年春よりPinterest公式アカウントを運営しており、2012年5月20日現在で展開するボードのフォロー数はのべ2500人を超えている。 5月24日から、新たな展開として「朝時間.jp」の人気コンテンツ「世界の朝」を活用した
人気SNS「Pinterest」エンジ|クラウド・コンピューティング|トピックス|Computerworld
人気SNS「Pinterest」エンジニアが明かすクラウド活用法 “最も急成長したWebサイト”を支えるスケーラビリティと地道なコスト削減策 「Pinterestの爆発的な成功は、クラウドのスケーラビリティがなければ実現しなかった」――。人気を集める写真共有SNS「Pinterest」のエンジニアが、Amazon Web Services（AWS）のクラウド・サービスを活用し、いかにして急増するトラフィックをさばいてきたのかを語った。 Joab Jackson／IDG News Serviceニューヨーク支局 Pinterestは“オンライン・ピンボード”のサービスである。ユーザーは自分が興味を持った写真（または動画）を、自らのボード（Webページ）にピンで留める（表示させる）ことができる。ファッション・センスの良い写真、かわいい動物の写真、面白おかしい写真――。自分のお気に入り写真を集
福岡市がPinterestで情報発信 国内自治体初
福岡市は4月20日から、画像ソーシャルサービスのPinterestに公式アカウント「福岡チャンネル」を開設して情報発信を始める。同市によると、日本の自治体としては初めて。 同市の魅力を紹介する動画や、高島宗一郎市長の定例記者会見の動画などを公開していく。同市は新サービスを活用した情報発信に積極的で、ニコニコ動画やGoogle+でも他の自治体に先駆けて公式に運用している。 Pinterestは好きな画像を集めて（Pinして）楽しむソーシャルサービスで、米国で急速に利用が拡大。バラク・オバマ米大統領はPinterestに自身の「ピンボード」を公開している。 関連記事 オバマ米大統領、Pinterestを開始 オバマ米大統領が、急成長中の画像ソーシャルサービスPinterestに自身の「ピンボード」を公開した。 猫好きのためのPinterest連動サービス「PinCat」 猫の画像を集めるための
Pinterest（ピンタレスト）マーケティングの全て - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ Pinterest関連の記事を多く配信しているSEO Japanですが、ついにといいますか決定版的な記事がQuick Sproutから登場したので紹介したいと思います。「究極」と挑戦的なタイトルを付けてしまいましたが、Pinterestの基本的な使い方から多種多様な事例、Pinterestをマーケティングツールとして使うべき理由、情報発信のアイデア集、コンテンツの収集方法、フォロワーの獲得方法、そしてSEOまでPinterestを活用してみたい方にこれ以上は必要ない位の様々な情報が詰まった記事になっています。 — SEO Japan hGTV、Nordstrom、West Elm、ModClot
「ソーシャルグラフとインタレストグラフ」の違いを徹底解説！ | ソーシャルリクルーティングの世界
「ソーシャルリクルーティング」 という言葉をご存知でしょうか？ ソーシャルリクルーティングとは、企業活動上、最も重要である「人材採用手法」において、SNSを活用した採用手法 を意味します。つまり、企業が人財を採用するための方法の一つです。具体的にはTwitter、Facebook、Instagram、YouTubeなどのSNSを活用して行う採用のやり方を指します。 2011年5月は、米Likedinの上場により、有象無象の新サービスがグローバル規模で生まれ、ソーシャルリクルーティングという概念が若干ながら日本国内でも話題になった1ヶ月でしたが、一体世界ではどの程度利用されているのでしょうか？ 企業の73%が、採用活動に広義のSNSを活用 この数字は、JOBVITE社が2010年春にアメリカの採用業務の関係者600人以上に対して調査した、企業におけるソーシャルリクルーティングの活用度に関する
instagramを超えた！急成長した楽しすぎるオンラインピンボードサービス『Pinterest』 - ライフハックブログKo's Style
Pinterestは、ボードにお気に入りの写真をペタペタと貼りつけていく感覚の、今最もアツいSNS。 他人のボードをフォローするなどして画像閲覧でき、その内容はファッション、ガジェット、インテリア、料理など、見ているだけでもとてもおもしろいですよ。 ユニークビジター数ではなんと既にInstagram超え。2006年当時のFacebook並の成長を見せているとも言われており、日本でもじわじわ人気が出てきそうです。 しばらく試してみたので使用感など紹介します。 Pinterestとは？ カテゴリ: ソーシャルネットワーキング, 写真／ビデオ 現在の価格: 無料（サイズ: 4.2 MB） 販売元: Cold Brew Labs - coldbrewlabs リリース日: 2011/04/28 Pinterestは、部屋にあるボードに写真を貼り付けるように、Web上のボードへお気に入りの画像をどん
なぜ女性はPinterestにハマるのか？ | The Startup
最近にわかに日本でも知名度を上げてきているPinterest。私も1〜2ヶ月前にThe Interviewsで「Pinterestの記事は書かないんですか？」と聞かれて、はじめて知りました。（実は海外ネタに疎いんですよね…orz）本ブログの読者でPinterestを知らない方はあまりいらっしゃらない気がしますが一応、Tech Crunchのリンクを貼っておきます。 サイトは見てみたものの、全くその良さがわからず、初見では？？？だったことを覚えています。しかし何度か使っていくうちにその良さがわかってきてこれは中毒性があるな。と思うようになっていきました。 何人かの女性に聞いてみたりサイトを見ていると、私の周りでもPinterestにハマっている人がいたりPinterestを知らない人にサービスを説明すると男性の反応は鈍いのですが女性の反応は概ね良好です。 女性を惹きつけるPinterestと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Comment personnaliser vos profils Facebook, Twitter, Pinterest... - Wellconnect
patersペイターズの口コミと評判。大人の関係や晒しはあるのか
HanPanAi.com is for sale | HugeDomains
ソーシャルおじさん徳本昌大の習慣化ブログ