javascriptの最近のブログ記事

Japanese-old-tale.jpg

いつも参考にさせてもらっているcodropsで昨年末に、絵本のようにページがめくれるJQueryのデモを見つけました。
これを使って、絵本を作りたいなーとずっと考えていて、今回挑戦してみました。

中身のjsを隅々まで理解することはできないのですが、フレームワークを利用してHTMLを書き換えるだけで、PCでもスマホでも見られるレスポンシブの絵本ができあがりました!

ここから見られます

デモを見る



I had let appear in the sidebar of WordPress timeline twitter, had not been displayed suddenly in October.
You seem to have no longer able to by changing the Twitter API, to display a tweet using jQuery apparently.
Here's how I fixed.

I tried to find out a little, in March of 2013, also seems to be stopped (version 1 of TwitterAPI) current methods.
In the Web world, because it is often such changes, after you create a site, to mean that, you still do not put anything does not go.

How to resolve the following.
At the [USERNAME], please put your Twitter user name.

The original source

<ul id="twitter_update_list"></ul><!- Twitter posts will be shown here -> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=5"></script>

How does this fix ...

↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

The modified source

<ul id="twitter_update_list"></ul><!- Twitter posts will be shown here -> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=5"></script>

I think about the twitter and facebook, there are many changes to the specification.
Because technology has advanced rapidly, in each case, we are not only going to chase after.

規約に「同意する」ボタンを押すまでは、「決定」ボタンがグレーで押せない状態になっている。
・・・というサイトをよく見かけますが、これはjacascriptでわりと簡単にできるようです。

http://artown.jp/e_javascript/limit/4-5.html

化粧品のショッピングサイトでこの機能を使うことになり、
今日実装してみました。
動きはまずまず。

CGIと連携させてもきちんと動作するか確認中です。