DRYな備忘録

Don't Repeat Yourself.

CSS

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

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

CSS書きたくなさすぎ問題2017

CSS

css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。 参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワ…

display:box;を使うな

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

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

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