DRYな備忘録

Don't Repeat Yourself.

HTML

HTMLのformタグのaction属性にqueryパラメータを設置したが、サーバ側で取得できていない

問題 クライアント(HTML)側 <form method="GET" action="/form/submit?nickname=otiai10"> <input type="submit" value="送信" /> </form> サーバ(Go)側 func HandleFormSubmit(w http.ResponseWriter, req *http.Request) { fmt.Fprintf("nickname: %s", req.URL.Query().Get("nickname")) } ブラウザで見える出力 nickname: つまり来てない。 検証方法 ブラウ…

CSSアニメーションで水面の波紋を表現

背景 某これウィジェット*1のローディングインジケータに、水面の波紋のアニメーションGIFを使ってたんですが、アニメーションGIFをインターネッツで漁ったりライセンス確認しなきゃならんうえにカスタマイズできないのがしんどくなったので、CSSで作れない…

display:box;を使うな

display: flex; を使え - display: box; + display: flex; CSS3のFlexboxを基本から理解して、使い倒そう! | 株式会社LIGliginc.co.jp なんかずっと詰まってたところがあったんだけど、一発で解決した

PSDファイルからそれっぽいHTML+CSSをいい感じにつくりたい

ウェブページをつくるにあたってデザイナーさんから上がってくるデザインカンプはPhotoshopのPSD形式だったりする。これとにらめっこしながらHTML&CSSをイチから書いて、都度リロードしたり、画面の大きさを変えてレスポンシブのチェックをするのは、骨が折…