hedeyoshiのブックマーク / 2015年7月13日

hedeyoshi id:hedeyoshi

2015年7月13日のブックマーク (2件)

JavaScriptでSNSのカウンターを取得する | バシャログ。
どうもfujiharaです。連日の雨・雨・雨。人生で今年が一番梅雨を感じれる年かなと。本日は先日弊社 Latin から紹介がありましたバシャログリニューアルのポイント3 めっちゃ重かったソーシャル周りのスクリプトを非同期かつ、カウント数のみをJSONで取得する仕様に変更　についての実装方法を説明します。流れたいした流れではないのですが、各SNSのAPI用URLに取得したい記事のパラメータを付随し、問い合わせをするとjson形式で値が取得できます。はてブ数の取得はてブ数の取得方法です。 // 問い合わせURL は "http://api.b.st-hatena.com/entry.count" // クエリーは url となります。 <script> $.ajax({ url:'http://api.b.st-hatena.com/entry.count' + '?url='
hedeyoshi 2015/07/13
今はまだよくわからないけど、こうやって他所のサイトから数を取ってこれたりするの面白いよね。
リンク
[JS]コンテンツの区切り線を水面に見立てて、ぽちゃんたぷんっと波立たせる癒やし系スクリプト -Raindrops.js
コンテンツの区切りなどの線を水面に見立てて、滴を落としたように波立たせる素敵なアニメーションを簡単に実装できるスクリプトを紹介します。 ↓区切り線がぽちゃんたぷんっと波立ちます。 Raindrop.js ヘッダやフッタあたりに少し適用するのはいい感じですね。 Raindrops.jsの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="js/jquery-1.9.1.min.js"></script> <script src="js/raindrops.js"></script> </body> Step 2: HTML 水面のアニメーションを適用する要素を用意します。 <div id="example1"></div> Step 3: JavaScript 適用する要素
hedeyoshi 2015/07/13
円形とかsvgに作用できないかなこれ。おっぱいの揺れとかそういうのを俺は望んでいるんだ。
リンク
- 2015年7月14日
- 2015年7月13日
- 2015年7月10日