こいつは便利！FacebookやTwitterの最新のレイアウト用のPSD素材がすぐに利用できるPhotoshopの機能拡張 -Social Kit
Facebook, Twitter, Google+など、主要なソーシャルサービスの各ページ用のPSD素材が1クリックで利用できるPhotoshop用の機能拡張を紹介します。 アップデート機能も備えているので、常に最新のものが利用できるのは便利ですね。 機能拡張もPSD素材も無料で利用できます。 Social Kit Social Kitのインストール・使い方 各ソーシャルサービスのテンプレート Social Kitのインストール・使い方 Photoshop CS6 for OS Xの日本語環境に入れてみましたが、問題無く使用できているので、簡単にインストール方法を紹介します。 まずは、Social Kitのインストーラーをダウンロードします。 ページの中央「Download from source」ボタンをクリックします。 Social Kit ダウンロードする際は、Twitter, F
[SEOの問題ではないSEOの質問] [2] SEOを強化したい。TwitterとFacebookどちらが効果的か ::SEM R (#SEMR)
[SEOの問題ではないSEOの質問] [2] SEOを強化したい。TwitterとFacebookどちらが効果的か SEOの観点で考える問題じゃないのにSEOの観点でよく質問を受ける項目シリーズその2。「ソーシャルメディアの活用 - SEOに効果的なのはFacebook? それとも Twitter?」 公開日時：2013年12月22日 10:45 これは外部イベントで講演など行った時によく尋ねられる質問なのですが… SEOのために FacebookやTwitterというプラットフォームを利用するという発想自体が間違いですよね。SEO抜きにして「Facebook や Twitter を通じて、いったい何をしたいのですか？」という問いに答えられないのであれば、100%無駄になるか、単にスパムするための公式アカウントに成り下がってしまいますのでやめた方が良いでしょう。 実際、FacebookやT
![[SEOの問題ではないSEOの質問] [2] SEOを強化したい。TwitterとFacebookどちらが効果的か ::SEM R (#SEMR)](https://cdn-ak-scissors.b.st-hatena.com/image/square/571c1fec2fe73c3a13b702681e7a8d32f18a18c2/height=288;version=1;width=512/http%3A%2F%2Fwww.sem-r.com%2Fimages%2Fse%2Fsemr-logo-fb-150x210.jpg){kind=logo}
スマートフォンサイト制作時の自動リンク無効化と電話番号等をアプリを使って立ち上げる方法
スマートフォンサイトを制作する際にメールや電話、Googlemapなどのリンクをそれぞれのアプリで立ち上げる事ができます。その際の記入方法のメモです。 また、Mobile Safari や AndroidのWebView では場合連続した数字列や文字列を自動的に電話番号やメールアドレス等と認識してリンクを貼ってしまいます。以下のようにmetaタグで自動リンクを無効化することが可能です。 自動リンクをmetaタグで無効化する 電話番号、メールアドレスを自動リンクしないようにするには以下のようにヘッド内へ記入します。 <meta name="format-detection" content="telephone=no,email=no"> リンク先をアプリケーションを使って立ち上げる 電話を起動する <a href="tel:電話番号"> 電話が立ち上がりポップアップで確認後そのまますぐ電話
TwitterやFacebookのアカウントがハッキングされた際にとるべき対処法とハッキングされないための簡単な予防法 - GIGAZINE
ソーシャル・ネットワーキング・サービス(以下、SNS)はネットを介して人と人がコミュニケーションをとるためのサービスで、Twitter、Facebook、Google+、mixi、GREE、Mobage、Ameba、LinkedInなどそれぞれに違う特徴を持ったサービスが存在します。これらのSNSがハッキングされているかどうやって調べればいいのか、万が一ハッキングされたときにどのような対策をとればよいのかを、The Next Webがまとめています。 What to do if your social media account has been hacked or hijacked - The Next Web http://thenextweb.com/socialmedia/2013/10/27/social-media-account-hacked/ ◆危険にさらされているアカウン
記事がTwitterやFacebookなどでどれくらい共有されているか一発で分かる「BuzzWatcher」
ブログで記事を書いたあとは、どのくらいの人が記事を見てツイートしたり、いいねを押したり、はてなブックマークに追加したりしたのか、といったその記事への反響が気になるもの。こういったブログに対する反響の指標になるSNSでの共有数を、URLを入力するだけで一発で見られるようにしてくれるのが「BuzzWatcher」です。 ブログの反響を一発で確認するウェブアプリ「BuzzWatcher」をリリースしました。 - あのねノート。 http://ottati.hatenablog.com/entry/2013/08/27/192011 BuzzWatcherを利用する際は、以下のサイトにアクセス。 BuzzWatcher あなたのブログの反響を一目で確認 http://lab.otat.in/buzzwatcher/ 赤枠部分にSNSでどれくらい共有されているのか知りたいページのURLを入力します。
全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント（.ttf, .woff, .eot） ベクター（.svg） 透過PNG（.png） Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類！ アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
各ソーシャルボタンの作成ページ(Twitter/Facebook/Google+/Pocket/はてなブックマーク/YouTube) | TechMemo
シェアしてね♪ Tweet 企業のエンジニアが直接スカウト！～1万人が挑戦済み CodeIQ Tweet 最近はブログや WEB サイトにソーシャルメディアのボタンを設置するのは当たり前な感じになっていますね。設置されていないページの方が少ないようにも感じます。 私も新しい WEB サイトを作成したら、結構な確率でソーシャルボタンを設置するのですが、サイトによってボタンのサイズを変えたりしています。 ボタンは各ソーシャルメディアの作成ページで作るのですが、毎回検索してアクセスするのも面倒です。ブックマークしたり、ボタンのコードをどこかにメモしておけばいい話なんですが、備忘録として記事に残しておきたいと思います。コードをコピーしておくと、仕様が変わって使えなくなる可能性もありますしね。 ソーシャルボタンを設置する機会がある方は、ぜひこの記事をブックマーク代わりに活用していただければと思います
インフルエンサーの評判を調べる方法～ブックマークレット
バズ調べとは 自分のサイトがどう評価されてるかって、気になりますよね。 そんなご要望に応えるのが、ブックマークレット「バズ調べ」です。 使い方は簡単。以下をブックマークし、気になった記事を表示させているときにクリック。 これだけで、タイムライン上で、TOP画像のように、インフルエンサーにどう評価されているのかわかります。 バズ調べのブックマークレットを登録 以下のリンクを、ドラッグアンドドロップで、ブックマークボタンのエリアに、ドロップして下さい。もしくは、このリンクを右クリックでブックマークに追加、して下さい。 バズ調べ もしくは、何か適当にブックマークをしていただき、それを編集状態にし、URL欄に以下をコピペして下さい。 javascript:(function (){var d = location.href;location.href=’http://topsy.com/’+d+’
個人的に常用中のオススメ IFTTT レシピ 10個
最近、iPhone アプリがリリースされたこともあって話題に挙がることの多い IFTTT ですが、個人的に気に入ってるレシピ （IFTTT ではユーザーが設定した自動処理を 「レシピ」 と呼んでいます） を 10個ほど共有。 レシピ紹介してる Blog とかたくさんあると思いますので、なるべくかぶってない感じのやつをと思ったのですが、定番なのもいくつか混ざってます。 Blog を書く人向け、「Blog を更新したら○○に投稿」 系 Blog を運営している人なら、Blog に新しい記事を投稿したとき、同時に SNS などに更新通知を送るってことはよくやると思いますが、それ系で 5つほど。 1. Blog を更新したら Twitter に投稿 これはもう、定番過ぎる感じではありますが、Blog に新しい記事を投稿したら、その通知を Twitter に流すやつ。 WordPress をはじめ、
「Facebookの写真をDropboxに保存」のようなウェブサービス間データ移行が簡単に行える「Pi.pe」
FacebookやInstagramに画像をアップしたり、DropboxやGoogle Driveなどのクラウドストレージにデータを保存したりと、クラウド上にデータを保存しておくことはスマートフォンやパソコンを使うユーザーにとっては当たり前のことになってきましたが、いろいろなサービスがあるのでネット上のいたるところにデータが保存されることにもなります。そんなさまざまなウェブサービス上に保存されているデータを、簡単に他のウェブサービスに移行させられるのが「Pi.pe」です。アカウント情報を入力して、移行させたいデータを選択すれば自動でデータの移行を行ってくれます。 Pi.pe http://www.pi.pe/ まずはPi.peのトップページにあるサインイン方法のいずれかでPi.peにサインインします。今回はGoogleアカウントでサインインしてみました。 Googleのアカウント情報を入力
Socialicious - A social media icons library in font form
A social media icons library in font form. Version 1.3 • Created and maintained by Shali Nguyen Download .zip Download .tar.gz View on GitHub A social media icons library in font form made to extend Twitter Bootstrap and Font Awesome (can also be used as a stand-alone). .icon-aboutme .icon-aboutme-sign .icon-angellist .icon-angellist-sign .icon-bebo .icon-bebo-sign .icon-behance .icon-behance-sign
Pocketボタンの設置方法
にわかに「Pocketが流行っている」ということで、当ブログにもPocketボタンを設置してみました。 １．Pocketとは 「Pocket」はクラウドブックマーキングサービスです。分かりやすくいえば「あとで読むサービス」で、Pocketのアカウントを取得してURLをクラウド上に保存することで別のPCやタブレット端末などで読むことができます。 Pocket 「Pocket」は老舗サービス「Read It Later」が改名したものです。 ということでPocketボタンの設置方法を紹介します。Pocketのアカウントと取得しなくても設置可能です。 Pocketボタンを設置することで、Pocketユーザーが簡単にブックマークできるようになります。それと同時に自分のブログがどの程度読まれているか知ることができるようになります。 冒頭のスクリーンショットは、当ブログで一番ブックマークが多いと思われ
Create 3D Social Media Buttons with CSS3 « Flashuser
Social media buttons are presented today on every website design. They are used to promote your business on social networks and get in return potential customers. There are plenty of free social media icons sets out there but in this tutorial I like to show you how to create custom ones with CSS3 help. Feel free to use these buttons into your projects and create new ones having as starting point t
[JS]ブログの記事を読み終えたユーザーに、シェアなど次のアクションを促すスクリプト -jQuery Engage
WordPressで作られたブログなどでスクロールして記事を読み終えた時に、その記事をシェアするボタン、記事へのコメント入力フォーム、メールニュースなどの告知を配置したパネルを下からアニメーションで表示するjQueryのプラグイン、いやWordPressのプラグインと言った方がいいのか、を紹介します。 デモページ：記事を読み終えたとこ パネルには左から、コメント、ソーシャルメディア、メールニュースが配置されており、これはカスタマイズできます。 jQuery Engageの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※WordPressなのでjquery.jsは既に利用していると思いますが、無ければ追加してください。 <script src="js/dist/jquery.engage.min.js" type="text/javasc
[CSS]残像アニメーションが気持ちいいシェア用のボタンを実装するスタイルシート
ボタンをホバーすると、サークル状のフラットなアイコンを使ったソーシャルメディアへのシェア用のボタンがアニメーションで表示されるスタイルシートを紹介します。 Animacion CSS ※デモは最新のモダンブラウザでご覧ください。 デモ自体は上記のアニメーションに比べてちょっと遅い動きですが、スタイルシートで調整すれば好みのスピードに変更できます。 実装は、下記のようになっています。 HTML 各シェアボタンはa要素で配置し、div要素で内包します。 <div id="redessociales"> <a class="smedia facebook" href="https://www.facebook.com/josernitos">Uno</a> <a class="smedia twitter" href="http://www.twitter.com/josernitos">Dos
「Facebook Home」で一体何ができるようになるのかまとめ
10億を超えるFacebookユーザーに対し、Android用アプリという形で作られたのが「Facebook Home」です。スマホのロックを解除したら速攻で友達の写真や投稿を見ることができ、前面に配置されるお知らせなどによって親しい人からの情報などを見逃すことがないようにし、なおかつ他のアプリを利用している間もチャットを続けることができるようになっています。 Facebook Home | Facebook https://ja-jp.facebook.com/home まず特徴的なのがこの「カバーフィード」、Androidのホーム画面全体を覆うような感じになっており、友達の最新の投稿、要するにニュースフィードが流れる仕組み。データ通信量は設定から変更可能となっており、「低」を選べばバッテリーにも優しい感じに変更できます。前後にスワイプすることでチェックでき、写真や近況を2度続けてタップ
画像をFacebookやTwitter等のソーシャルサービスに投稿できる様にするjQueryプラグイン・Slingpic - かちびと.net
画像のみをシェア出来るようにするjQueryのプラグイン、というかWebサービスのご紹介です。プラグインではあるんですけどCDNで提供している、みたいなやつ。 画像を様々なソーシャルサイトで共有出来る様にするためのjQueryのプラグインです。ファイルをDLするのではなく、CDNを使って導入するのでタイトルは語弊があるかもしれませんけど、語彙に欠けるせいか上手い言葉が見つかりませんでした。御免なさい。 上図を見ればどんなものかはおおよそ把握出来るかと思いますが、マウスホバーでシェアボタンが表示されるようにする、というスクリプトです。 Sample 動作サンプルです。 コード 上記のようにCDNをコピペさせるページがあるのでそのまま使います。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.
noupeで紹介されてた、SNS用写真が手軽加工できるWebサービス「Social Media Image Maker」 / Maka-Veli .com
なんかアレだったのでタイトルにも入れましたが、海外ブログnoupeさんで紹介されてた「Social Media Image Maker」が凄く簡単で良かったので、日本語で僕なりにご紹介。 簡単に説明すると、各SNSで使用するアイコン、カバー写真などのサイズに合わせて加工でき、かつInstagramのようなエフェクトもブラウザ上で出来ちゃうよーってサイトです。 対応しているSNSは Facebook Twitter Youtube Google + Flickr Vimeo Pinterest Skype Tumblr Linkedin Gravatar Xing Viadeo Slideshares Foursquare About.me 使い方 メニュー。左から「トリミング」「フィルター」「画像調整」「ファイル名設定」「ダウンロード」。基本的に順に沿って進む動線です。 トップペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flat Icons EPS
IDEA * IDEA
