padding-topやpadding-bottomをパーセントで指定して、ブラウザが拡縮しても縦横比を崩さないというテクニックが便利でよくつかうんだけど、タイトルの通り'display: flex;'した要素の子要素 、いわゆるflex itemにはこの%で高さを指定した場合Firefoxでこれ…

iikone.bigcartel.com 見た目がキモかっこいい。普通のドリッパーっていうのはフィルターがドリッパーに接するけど、これは一切接しない。そうすることで、抽出したコーヒーとドリッパーの間の表面張力に邪魔されず、均一にフィルターの表面を活かした抽出が…

前はコピペとかで作ってたけど、最近はだいたいのブラウザでmp4で動画見れるからvideoタグはずっとシンプルに使える。 だからコピペせず自分で書いて気づいたことをつらつらと。 width指定 htmlタグに幅指定しないと再描画されるのがけっこうはっきり見える…

今日日(きょうび、って漢字にするとめちゃ読みずらい)、ハンバーガーボタンは動いて当然だよね、って気風だし、毎回つくるの面倒なのでさくっとコピペできるボタン用意した。 See the Pen animated hamburger button by ruemui (@ruemui) on CodePen. ポイン…

sshの設定うまくいってないとよく言われる。うまくいってても再起動するとまた言われたりする。 うざい。 とりあえず公式を参照する。 Generating SSH keys - User Documentation 以下自分のためのメモ。 ssh -T git@github.com で接続チェック。 ssh-add ~/…

「神々のたそがれ」見てきた。本当に不快で正直途中で出たかった。我慢して最後まで見た自分を褒めたい。ネタバレはせずに、（というかする必要がない）つらつらと思ったこと。 『神々のたそがれ』予告編 - YouTube

映画ゴーンガール観てきた。素晴らしい映画だった。観て損なし。少しだけネタバレしながら、感想など。 映画「ゴーン・ガール」予告編 - YouTube あらすじ 5年目の結婚記念日に妻が失踪。争った形跡、残った血痕などから事件とみなされるが、妻は毎年結婚記…

illustratorの段組設定なる機能があることを知った。簡単にグリッドを作成したり、任意の値で分割することができる。 矩形をつくって、 オブジェクト > パス > 段組設定 から設定すると、行、列、サイズ、間隔など指定できる。さらにガイドなんかも追加でき…