https://developer.mozilla.org/ja/docs/Web/CSS/@keyframes
http://www.htmq.com/css3/transition-timing-function.shtml
UP TO YOU!
2015年12月11日金曜日
2015年10月1日木曜日
SNSボタン2015
※ウェブサイトのシェアの場合
PC
①OGPを設置<head>内に書く
<meta property="og:title" content="タイトル" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="URL"/>
<meta property="og:image" content="画像"/>
<meta property="og:description" content="内容"/>
②それぞれすきな場所に設置
■FB
<div id="fb-root" style="display:inline-block;"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=FBアプリのID(なくてもいい)";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="URL" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
■TWITTER
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントID" data-url="URL" data-lang="ja" data-related="紹介したいアカウントID" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■GOOGLE+
<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script>
<div class="g-plusone" data-size="medium" data-href="URL"></div>
サイトのセキュリティの問題でTWITTERだけOGP読んでくれないそうです、、、
SP
SPはいいねよりシェア優先の為、FBとG+はシェアボタンになってます。
①PC同じくOGPを設置<head>内に書く
略
②それぞれすきな場所に設置
■FB
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=1553815201528339";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="URL" data-layout="button_count"></div>
■TWITTER
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントID" data-url="URL" data-lang="ja" data-related="紹介したいアカウントID" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■GOOGLE+
<div class="g-plus" data-action="share" data-annotation="bubble" data-href="URL">
</div>
<script type="text/javascript">
var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = "https://apis.google.com/js/platform.js";
scriptTag.async = true;
document.getElementsByTagName("head")[0].appendChild(scriptTag);
</script>
PC
①OGPを設置<head>内に書く
<meta property="og:title" content="タイトル" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="URL"/>
<meta property="og:image" content="画像"/>
<meta property="og:description" content="内容"/>
②それぞれすきな場所に設置
■FB
<div id="fb-root" style="display:inline-block;"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=FBアプリのID(なくてもいい)";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="URL" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
■TWITTER
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントID" data-url="URL" data-lang="ja" data-related="紹介したいアカウントID" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■GOOGLE+
<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script>
<div class="g-plusone" data-size="medium" data-href="URL"></div>
サイトのセキュリティの問題でTWITTERだけOGP読んでくれないそうです、、、
SP
SPはいいねよりシェア優先の為、FBとG+はシェアボタンになってます。
①PC同じくOGPを設置<head>内に書く
略
②それぞれすきな場所に設置
■FB
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=1553815201528339";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="URL" data-layout="button_count"></div>
■TWITTER
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントID" data-url="URL" data-lang="ja" data-related="紹介したいアカウントID" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■GOOGLE+
<div class="g-plus" data-action="share" data-annotation="bubble" data-href="URL">
</div>
<script type="text/javascript">
var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = "https://apis.google.com/js/platform.js";
scriptTag.async = true;
document.getElementsByTagName("head")[0].appendChild(scriptTag);
</script>
2015年9月28日月曜日
fbボタン
http://www.tecblo.com/javascript/807.html
http://sk-create.biz/post/fb_like/
http://www.nandani.sakura.ne.jp/web_all/app/4190/
http://www.coprosystem.co.jp/tipsblog/2015/04/16.html
http://ashinoyoshi.tumblr.com/post/65525291472/fb-comment
http://hublog.biz/facebook-sdk-version-2_3-settled/
http://www.skuare.net/2013/05/facebookshare.html#
https://ferret-plus.com/610
http://millkeyweb.com/facebook-ogp/
https://developers.facebook.com/tools/debug/og/object/
色々ためしたけれど、シェアの中身が変わらない原因は
シェアボタン→海外FB→注意喚起のサイトのメタタグをみる
で海外からのアクセスなので、ブロックしてそこのインフォメーションのメタタグがでてるっていう原因でした、、、
http://sk-create.biz/post/fb_like/
http://www.nandani.sakura.ne.jp/web_all/app/4190/
http://www.coprosystem.co.jp/tipsblog/2015/04/16.html
http://ashinoyoshi.tumblr.com/post/65525291472/fb-comment
http://hublog.biz/facebook-sdk-version-2_3-settled/
http://www.skuare.net/2013/05/facebookshare.html#
https://ferret-plus.com/610
http://millkeyweb.com/facebook-ogp/
https://developers.facebook.com/tools/debug/og/object/
色々ためしたけれど、シェアの中身が変わらない原因は
シェアボタン→海外FB→注意喚起のサイトのメタタグをみる
で海外からのアクセスなので、ブロックしてそこのインフォメーションのメタタグがでてるっていう原因でした、、、
2015年9月16日水曜日
Brackertsをためしてみた。
SASSをためしてみる為にBrackertsをためしてみた。
http://9-bb.com/brackets-sass/
シフトジスに対応してなくて、
使うのを断念、、、、
http://qiita.com/assialiholic/items/c7962f804cdb21a49327
これをみてプラグインをセットした。
http://qiita.com/assialiholic/items/c7962f804cdb21a49327
これをみてプラグインをセットした。
登録:
投稿 (Atom)