今までWEBサイトを作る際は、スマホ向けにははPCサイトのソースをそのままレスポンシブ対応して終わりということが多かったのですが、今回スマホ向けにガッツリHTML / CSSコーディングをやってみて色々わかった事がありました。 備忘録ですが、意外とスマホ…

YouTube動画をHTMLに埋め込むと、 再生されていない状態では、おなじみのプレイヤーとサムネイルが表示されますが、 デザインとの兼ね合いなどで、サムネイルではなく別途用意した画像を表紙にしたい場合があります。 以下のようにすれば可能でした。 <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"> <img src="IMAGE_PATH_URL" style="cursor:pointer" /> </div> <…

FbタブはiFrameで外部HTMLを読み込むことができますが、 iFrameの中でスクロールする形になって、 見づらいです。 タブの高さ自体を、HTMLの高さに設定するには、 タグの直下に下のコードを書きます。 <div id="fb-root"></div> <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script> <script> (function() { var e = document.createElement('scr…