Web input range属性の値を取得するときのイベント
何かと便利なinput type="range"ですが、 スライダー動作をさせた時の値の取得をする時、何のイベントハンドラが最適でしょうか。 大体のinputの取得はonChangeとかonKeyUp/Downとかそういうのだと思いますが、...
Web
Web Web 一部ストレージをさくらBaseStorageに移管する改修をしました。
iconDecotterで最も悩ましかったのが、ユーザーの元アイコンを保存するという性質上、 ストレージ容量がユーザーの増加に伴いひたすら増加していくところでした。 現状のVPSプランがSSDプランなこともあって、 実はストレージにあまり余...
Web CSS/input range属性のデザインをスタイルシートで指定する
近年のブラウザでは順次実装されつつあるinputタグのrange属性。基本はOS標準もしくはブラウザ独自のUIが表示されますが、これをCSSで指定することができるようです。 Chrome、Safariなどで適用されます。 残念ながら、Fir...
Web PNG画像の圧縮にOptiPNGとZopfli圧縮を導入
サーバーのストレージ節約のため、保存されているPNG画像の圧縮をしたいと思い手法を調べてみたところ、OptiPNGを使った圧縮と、Zopfliを使った圧縮のどちらかが良さそうな感じでした。Zopfliは、PHPから使えるphp-ext-zo...
Web プライベートブラウズ中はlocalStrage/sessionStrageが利用できない問題を修正
Webアプリで便利なlocalStrage/sessionStrageですが、最近色々なブラウザに搭載されているプライベートブラウズでは、これらの利用がブロックされています。 getItemでもsetItemでも、使おうとするとエラー（QU...