Stylusっぽく書けるPostCSSパーサーのSugarSSが良い感じなので最近使ってる。
でもDocument全然ないしDEMOページすらないので辛酸なめまくってて厳しい。
そこでSugarSSを入力するとtransformしてくれるDEMOページを作ってみた。
https://do7be.github.io/sugarss-demo/
コードは↓
まとめ
Stylusっぽく書けるPostCSSパーサーのSugarSSが良い感じなので最近使ってる。
でもDocument全然ないしDEMOページすらないので辛酸なめまくってて厳しい。
そこでSugarSSを入力するとtransformしてくれるDEMOページを作ってみた。
https://do7be.github.io/sugarss-demo/
コードは↓
以前書いたとおりアクアリウムをやっており、夏場の心配事の一つに水温がありました。
家を出ている間にでも室温が30℃を超えてしまうと…なんと水温も30℃を超えてしまい帰宅したら全滅…なんてこともあるわけです。
そこで、家にいる間も出ている間も寝ている間も常にクーラーをつけてみました。
先日、ついにドキドキの請求書が届いていました…
まずは参考までにクーラーを使っていない5月分の料金
3,050円
つづいて7月中旬~8月中旬の電気代
4,096円
なんと、1,000円程度しか増していませんでした!
ついでにちょっと寒くて何回かエアコンをつけただけの3月分
4,315円
なんと暖房とはいえほとんどつけた覚えのない月よりも安くあがりました!
まずは前提として部屋とエアコンのスペックですが、
そして以下のルールを守りました。
これだけです。ちなみに一度も電源を消していません。
今までエアコンつけっぱだと電気代で殺されると思っていましたが、やってみると意外と安くて逆に驚いてしまいました。
夜も熱帯夜…なんて思いはしなくていいですが、28℃だと若干暑いため寝間着や掛け布団にはそれなりに気をつける必要がありました。
まあデメリットなんてこれくらいなんで、たかが1000円で夏場を快適に過ごせるのでオススメな感じです。
※部屋にもよると思うので自己責任でお願いしますw
IE10, 11, Edgeではinput:[type="text"]等の要素に文字を入力していると右端に勝手に☓ボタンが表示されてしまうようだ。
input::-ms-clear { display: none; }
で消せた。
うまく撮れなかったけど、食いっぷりがよくてよかったです。
画像のロードが既に終わっていて、再度同じ画像を含むDOMをappendしてloadイベントやerrorイベントハンドラを貼りたい場合、ブラウザでキャッシュされた画像が返されるとloadイベントが発火されない。
// 何度も下記処理が走る場合 const url = httpRequestHoge() // 何度も同じ画像が返ってくる可能性あり imgTag = $(`<img src="#{url}">`) $('body').append(imgTag) imgTag .on('load', function () { $(this).css('height', 0) })
だとloadイベントが発火されない場合がある。
const url = httpRequestHoge() imgTag = $('<img>') // ここではsrcに入れない $('body').append(imgTag) imgTag .on('load', function () { $(this).css('height', 0) }) .attr('src', url) // イベントハンドラを貼ってからsrc指定
loadはdocumentに存在しないDOMにはハンドラが貼れないらしいのでめんどい。
実は5月中旬から人生初のアクアリウムを始めていました。
さっき模様替えとかが終わったので写真に収めておきましたぞ。
初めてだったのでいろいろ手間取りましたが、なんとか水槽台と水槽を立ち上げ。
以下スペック。
ソイルこぼれてたりウィローモストリミングできてなかったりでよくないですねー。
生体は
来週辺りコリドラス パンダも入れようかと。
赤虫あげてコリドラス軍団のモフモフを堪能したいですなあ。