html

2016年お盆にLINEっぽいリアルタイムチャットをダサい技術で再現する。

ブログを書かなきゃ、ということで 映画見ながら作ったので2時間ぐらい? 最速のSqliteを永続化層に使用。 サーバーサイドはPHP リアルタイムはポーリング方式 JavaScriptのスキルここ10年ぐらい進歩していない。残念なコードができた。貼り付けていきます…

背景videoタグのページ

背景にmp4流しているサイト増えましたね。 video { left:0; top:0; position:fixed; height:100%; width:100%; z-index:-1;/*ここ*/ } 作ってみました。 背景が動画のサンプル ついでにfont埋め込みもやっています。 @font-face { font-family: 'MyFont'; sr…

jquery.mobile環境下におけるシークバーの実装

オーディオのコントロールを自分で作った。 jsfiddle.net ここが大変参考になった。 $("#seek-bar").on("mouseup", function () { var myVideo = $("#video")[0]; var currentTime = $("#seek-bar").val() / (100 / myVideo.duration); myVideo.currentTime …

もっと読むをtext/templateですっきり書く

<script> var page = 1; function getMore(){ $.ajax({ data : {"page" : page,"submit" : "more" }, dataType : "json" }).done(function(json){ var tablehtml = []; for( var i=0,l=json.length; i

reload

忘れるよねtrue。。 function reload(){ location.reload(true); }

円運動

<html lang="ja"> <head> <meta charset="UTF-8"> <link rel="icon" href="//ja.gravatar.com/userimage/14611836/d5caef2a5366cf647fc8fba3430e5854.png" type="image/png"> <title></title> </link></meta></head></html>

マトリックス変換

やばい。高校で行列習っていないwww.htmq.com www.htmq.com transform(a,b,c,d,e,f); 何も変換しないときは となり transform(1,0,0,1,0.0)ここは肝要なのでじっくり時間をかけて理解しよう

複数サブミットで処理分ける。

一つのフォームに複数のサブミットを書いてname属性付けてvalueで処理を切り替えるTIPS <form> <input type="text" name="search" value="<?php echo isset($_REQUEST['search']) ? $_REQUEST['search'] : '' ?>" /> <input type="submit" name="submit" value="search"/> <input type="submit" name="submit" value="m3u"/> こうなっていてPHP側は dispatch(); functio…</form>

テンプレートを使う

テンプレートを使うとは素晴らしい。 <script> var template = $("#template").text(); $("#hoge").append(template.replace("hoge","fuga")); </script> <script type="text/template" id="template"> <?php include "partial_html.php" ?> </script> <div id="hoge"> <p>aaaa</p> </div>

再入門

ちょっとqiita.com をみてJavaScriptに再入門した。 <html> <head> <meta charset="UTF-8"> <title>mediator</title> </head> <body> <div id="results"></div> </body></html>