主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

2016-01-01から1年間の記事一覧

Pure Data ことはじめ 2017

年末あたりからシンセサイザーとか電子音楽ブームが来てて、4、5年前にこの本買って1回挫折してる Pure Data をポチポチやり始めてる。 Pd Recipe Book -Pure Dataではじめるサウンドプログラミング(単行本)作者: 松村誠一郎出版社/メーカー: ビー・エヌ・エ…

svg をまとめて圧縮したいとき

SVG

svg を illustrator から書き出しただけだと、けっこう無駄なタグがはいってるので最適化しておきたい。 jpg や png とかは Webサイトで一括でできるやつとかがあって、わりと手軽やけど、 TinyPNG – Compress PNG images while preserving transparency Com…

table が border-collapse で position: relative 使ってる td にホバーで背景色つけるとかすると、ボーダーが背景色より後ろにいってしまう

CSS

Firefox と IEでもあやしかったんですが、 table が border-collapse で position: relative 使ってる td にホバーで背景色つけるとかすると、ボーダーが背景色より後ろにいってしまう、というバグがありました。 position: relative; している td に backgr…

gulp media queries まとめる系プラグインで @supports が消えてる件

かなり前に gulp-combine-media-queriesがエラーでコンパイルできなくなって、この issue から gulp-merge-media-queries に乗り換えてしばらく大丈夫だったのですが、とあるところを修正中に @supports が消えてることに気づきました。 いろいろ調べてたら…

IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出る

IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出るというのでハマったのでメモ。 こんな感じ。 translateX(-50%); してるのが勘定にはいってないのか、してない体でスクロールバーが出ち…

東京、展覧会巡り 2016・9

出張で8年ぶりぐらいに東京に行ったので、1日多めに滞在して、観光がてら展覧会巡りをしたので、感想を書いた。 杉本博司/ロスト・ヒューマン(東京都写真美術館) 杉本博司さんの作品はやたらどこか行くたびに見てる気がするけど、いつものように特に何も…

SVGシンボル化(SVGスプライト)

けっこう前ですが、GitHub のアイコンがアイコンフォントからSVGアイコンにすべて変わりました。(GitHubではここで書いてある方法ではなく個別でベタ書きですが) Delivering Octicons with SVG · GitHub そろそろアイコンファイルの主流はSVGになりつつある…

2016年に見た海外ドラマ

アンダー・ザ・ドーム ★★★☆☆ LOSTとかウォーキング・デッド的な食料と人間の生存をテーマにしてるものが好きなので、見てみたけど、最後の方、LOST的な霊的な宇宙人的な展開なって残念だった。途中のドームの中にドームとか、出たり入ったりとかあたりまでは…

position: fixed; してるのに、親要素の相対っぽい感じになる

CSS

position: fixed; って親要素に依存せずに画面内に固定できるはずやのにできなかったので、一個ずつ原因ぽいやつを消していったら親要素にこいつを指定してたからでした。 transform: translateY(0); もうちょっと調べてみると、translateY、ではなく、"Tran…

2015年に買ってよかったもの

1. IIJmio SIM with Nexus 5 詳細はこのあたりで。 nakagaw.hateblo.jp nakagaw.hateblo.jp これまで嫁と自分の合わせて16,000円以上かかってた月額料金が、(iPhone5sの残債とNexus5代があるとはいえ)2人で5,000〜6,000円になったインパクトはでかい。 2. …