|記事書くのすっごい久しぶり。(時の記念日!)に、子供が生まれました。今は8月1日から31日まで育児休暇を取得して、子育てに奮闘しています。(さすがに公にバドミントンには行きにくくなった)とは言えお腹が空いたら泣くわ、オムツが気持ち悪くなったら泣くわ、眠くなったら泣くわ、うまく眠れなかったら泣くわで、忙しくも楽しい日々を過ごしております。「お前が親になるとは」とはよく言われるけど、いかんせん自分が一番驚いているのであります。Air(11inch)が大活躍しております。綺麗!今度Macについての所感とか書きたい。来週から社会復帰だ.........。ellipsisのためにtitle属性を仕込むのもバカバカしい。いった定義がある要素のクラス名を決め打ちで動的に仕込んでいくのもまたバカバカしい。Hail2u.net上記の記事を読んで、面白そうだから自分で書いてみた。ユーザー的には、ellipsisで省略されたテキストがツールチップとかで表示されると結構便利かもね!実際にはどうやって書くんだろう?という興味。以下HTMLとCSSのサンプル。<li>吾輩は猫である。nowrap;}これでli要素のテキストが5emを超えると、超えた分は省略されて三点リーダーになる。超えた時はtitle属性で中のテキストをツールチップなどで表示させて、超えてなければそのまま。超えるか超えないかはその要素の横幅やフォントサイズに依存するので、全部に最初からtitle属性を付けるのも微妙な感じ。テキストだけの横幅って多分取れない。jQueryで動的に作った文字列の幅を取得してみるの方法パクって、テキストをダミーの要素に入れてそれの横幅を取得するやり方でやってみた。ellipsis;が当たってる要素抽出して文字列取って横幅取って...とかやってたらすごいパフォーマンス落ちそう。hidden;を解除して全文を表示するという方法はどうだろうか。一応言うと@nazomikanの案。absolute;で絶対位置で表示させる。すると元の要素の高さが失われるので、hover時の兄弟要素のpaddingを若干調整してやる。Demo3元のテキストがすごい長かったりして折り返して表示したい時とか横スクロールバー発生するし、高さが1emじゃないこともあるだろうし、全然汎用的じゃない。それこそJSでhover時にボックス表示させてあげたりとかの方が良さそう。いうような感じで遊んでた。|あけましておめでとうございます。2015年中に2015年を振り返ることもあまりしなかったし、2016年の抱負もあるにはあるけどここで書くことでもないのですが、お金はいろいろ循環させていきたいと思っています。いうわけでAmazonと楽天で2015年どんだけ買い物してたのか調べてみました。楽天の使用金額を集計するbookmarklet最新版Amazon2015年は、Amazonでは81,521円分の買い物をしていました。月6,793円の買い物をAmazonでしている計算。月換算すると5,413円買い物してることに。楽天では2015年で78,931円分の買い物、月6,577円という計算に。バドミントン関連やカバンやファッション系のものが多い気がする。こちらのトータルは583,132円でAmazonより高いのと、最初の購入日が2009年1月24日だったので、月換算すると8,099円買い物してました。ネットショッピング合計まぁ個別で見てもあんまり意味ないので、それらをトータルするわけなんですが、ネットでの買い物ってヨドバシとかzozoとかいろいろあるから全部じゃないんだけど、一旦Amazonと楽天だけだと、2015年は160,452円分の買い物を、月換算で13,371円の買い物をしていました。ちなみに、トータルだと1,102,811円分の買い物をしていて、月13,371円の買い物をしてる計算で、あまり2015年と変わりませんでした。いやー買い物って楽しいなぁ(白目)今年も無理のない範囲で買い物を楽しんでいきたいです。今年もよろしくお願いいたします。Shoppingnewerolder。