UP TO YOU!: 2015

2015年12月11日金曜日

ｃｓｓ3　アニメーション

https://developer.mozilla.org/ja/docs/Web/CSS/@keyframes

http://www.htmq.com/css3/transition-timing-function.shtml

シングルページのカレント機能

http://www.tam-tam.co.jp/tipsnote/javascript/post4996.html

2015年10月1日木曜日

※ウェブサイトのシェアの場合

ＰＣ

①ＯＧＰを設置<head>内に書く

<meta property="og:title" content="タイトル" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="ＵＲＬ"/>
<meta property="og:image" content="画像"/>
<meta property="og:description" content="内容"/>

②それぞれすきな場所に設置

■ＦＢ
<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=ＦＢアプリのＩＤ(なくてもいい)";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="ＵＲＬ" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

■ＴＷＩＴＴＥＲ
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントＩＤ" data-url="ＵＲＬ" data-lang="ja" data-related="紹介したいアカウントＩＤ" 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>

■ＧＯＯＧＬＥ+
<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script>
<div class="g-plusone" data-size="medium" data-href="ＵＲＬ"></div>

サイトのセキュリティの問題でTWITTERだけＯＧＰ読んでくれないそうです、、、

ＳＰ

ＳＰはいいねよりシェア優先の為、ＦＢとＧ+はシェアボタンになってます。

①ＰＣ同じくＯＧＰを設置<head>内に書く

略

②それぞれすきな場所に設置

■ＦＢ
<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="ＵＲＬ" data-layout="button_count"></div>

■ＴＷＩＴＴＥＲ
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントＩＤ" data-url="ＵＲＬ" data-lang="ja" data-related="紹介したいアカウントＩＤ" 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>

■ＧＯＯＧＬＥ+
<div class="g-plus" data-action="share" data-annotation="bubble" data-href="ＵＲＬ">
</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/

色々ためしたけれど、シェアの中身が変わらない原因は

シェアボタン→海外ＦＢ→注意喚起のサイトのメタタグをみる

で海外からのアクセスなので、ブロックしてそこのインフォメーションのメタタグがでてるっていう原因でした、、、

2015年9月16日水曜日

Brackertsをためしてみた。

SASSをためしてみる為にBrackertsをためしてみた。

http://9-bb.com/brackets-sass/

シフトジスに対応してなくて、

使うのを断念、、、、

http://qiita.com/assialiholic/items/c7962f804cdb21a49327

これをみてプラグインをセットした。

2015年9月15日火曜日

勉強するやつ

スケッチ
http://bohemiancoding.com/sketch/
MACのみでwindous版がない！！

ＳＡＳＳ
http://liginc.co.jp/web/html-css/css/56599

Brackets

sassを試すために、Bracketsをいれてみます。

http://www.atmarkit.co.jp/ait/articles/1411/17/news118_2.html

2015年9月7日月曜日

ｈｔｍｌ5のフォーム　バリデーション

ＩＥの9以下はきかない、、、
あと、アイフォンきかない

html5

ｈｔｍｌ5のmainはＩＥでは認識されない。
スクリプトいれても対象外でした。

※後からみつけたけれども、リンク先の方法を試したらもしかしたらできたかも、、、
http://qiita.com/koichi_amami/items/b70f0015ccb4b4c4eae9

2015年9月6日日曜日

身に付けたいスキル

・英語
・HTML５
・CSS3
・jquery

あと３０代ですが、以下の項目の中で気になるところ

http://paiza.hatenablog.com/entry/2015/08/05/%E3%80%90%E7%94%9F%E5%AD%98%E6%88%A6%E7%95%A5%E3%80%9120%E4%BB%A3%E3%81%AEWeb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%91%E3%82%8B%E3%81%B9%E3%81%8D15

Backbone.JSやAngularなどJSフレームワーク利用経験

SCSS、SASS、LESS、HAML、Grunt、gulpなどの経験
Bootstrapの改修

↑ここもできるようになりたい！

今現在は

・HTML５
・CSS3
・jquery
の基礎は一応勉強しました。

2015年2月27日金曜日

スマホのフォーム構成

フォームのボタン制作はこちらをいれると
CSSで作ったデザインが反映される↓

input[type=submit] {
-webkit-appearance: none;
}

アンドロイドのキャッシュ

先日、アンドロイドのゲームをリニューアルしたのに、

なんどリロードしても古いゲームが表示されるという事があり、

調べたら4.2以前は自分でキャッシュ消さないといけないらしい！！！

会社でも詳しい人がいないので、そんな事ですごい時間かかってしまった…

http://juggly.cn/archives/75265.html

iphoneのcolorbox使った時のifream

スクロールバーが表示されない！

みつけたのでこれでやってみる。

http://ameblo.jp/bofb/entry-10631465099.html

UP TO YOU!