パンくずでよく見かける三角形の実装方法に注目です。 今までの三角形の作り方は、要素のwidthとheightを0にし、太いborderの一辺を利用していました。しかし、この実装だとリンクは三角形ではなく、矩形になってしまいます。 リンク可能なエリアが、三角形の見た目と同じにする実装方法を紹介します。 Breadcrumb with arrow shaped links 三角形をborderで実装 三角形をtransformで生成 三角形をclip-pathで生成 三角形をborderで実装 まずは、今までの古典的な実装方法です。 リスト要素で実装した各アイテムをFlexboxで横並びに配置し、矢印の三角形をborderで実装します。 三角形をborderで実装 この実装方法は簡単ですが、リンク可能なエリアが矩形になります。そのため、2番目のおしりの三角形は1番目のリンク可能なエリアになって

妻の水の使い方が、見ていると本当にイライラする。 皿を洗う時も、髪を洗う時も、常に水道を「ジャーーーーー」とフルオープンするからだ。 その半分くらいの水流でなにも問題がないはずなのに、常にフルオープンだ。 何回か指摘したんだけど、何が問題なのかよく分かっていないようだ。 1994年の水不足では小学生だったんだけど、水道が全部止まった。 近所に給水車が来て、ポリタンクに水を汲んでもらって、ちょっとずつ、ちょっとずつ使った。 水は本当に貴重なもので、無駄使いをしてはいけないものだと学んだ。 子どもの頃に水が貴重だという経験をしているので、水の無駄使いをしている妻を見ていると腹がたつ。 一回、水不足を経験して、水がいかに貴重なものかというのを学んでほしいと思う。 追記 皿洗いはおれ週の半分やってる。片方が夕食を作り、片方が片付けをするという役割分担。

70歳過ぎの高齢者にフリーWiFiの接続方法について尋ねられた。 ここはショッピングモールのカフェ、「WiFi接続無料」を売りにしている。 自分も、通信容量節約のためによく使っている。 いつも通りradikoを聴きつつ、増田ブラウジングをしていたら、あるご老人から話しかけられた。 「このへんってWiFiつながるんですか？」 しかし、カフェでいきなりこの質問をされたら大抵の人は戸惑うんじゃないか？ 今オレが、この話の前提とこれから起こることを先に提示したから「この老人はフリーWiFiにつなぎたいんだな」と分かるだろう。 だが、何の前提もなくこの質問をされたら一体何のことかと思うだろう。 （WiFiって、どのWiFi？） （つながるって、電波強度の話？） 先読みエスパーならシチュエーションと文脈から分かるのかもしれない。 人工知能ならフレーム問題で機能停止を起こすところだ。 （ためしにSiri