DRYな備忘録

Don't Repeat Yourself.

HTML

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をイチから書いて、都度リロードしたり、画面の大きさを変えてレスポンシブのチェックをするのは、骨が折…