An invalid form control with name='hoge' is not focusable.ってエラーが出た時の解決する方法的なお話

formを作ってて、submitしたいときにたまにこういうエラーが出て止まってしまったりする。
これってどういうことかっていうと、name="hoge"のformパーツを見にいこうとしたけど、その要素を探すことができないよっていうエラーみたいなもの。

ってことでこれの解決的なお話をば。

CSS3の画像フィルタを使って画像文字の色を変えたりする方法的なお話

よくあるマウスオーバーすると文字の色が変わるやつ。
あれってテキスト文字であればtransitionと組み合わせると、ふわっと色が変化していい感じになるけど、
画像文字だとすごくややこしい方法でやるかどうにかしないと出来なかったりする。

でもまぁtransition使って綺麗にふわっと、さらに簡単に出来たらいいなぁっていうことで、
今回はそんな難しくない方法でやってみる的なお話をば。

inputやtextareaなどのplaceholderのCSSスタイルを変更する方法的なお話

HTML5から使えるplaceholderは中々便利だけど、たまに文字が見にくかったりしてちょっといらいらしてしまう。
そういうときに他の色に変えられたらなぁっていう事があるんだけど、
CSSでinputの要素とかにそういったものを指定するところはなかったりする。

けどまぁそういうときにベンダープレフィックスな疑似要素を使ってあげれば出来たりする。
ということで今日はその設定のお話をば。

jQueryで弄れない要素たち的なお話(:after、:beforeなど)

最近ではIE8もほとんど無くなって来ているし、
そもそも自分が作ったとかコーディングしたサイトではIEのアクセスが少なかったりもするし、
ってことでHTML5的なものをよく使っている。

その際に便利なのがbackground-imageの重ねがけがあったりするけど、
重ねがけした画像の一番上のレイヤーのものだけ弄るとかって面倒だったりするので、
そういったときに:after要素作ってそこに画像を入れるとかって荒技を使ったりする。

ただまぁjQueryでは弄れない要素がいくつかあるので今回はそのお話をば。

Music Hack Day Tokyo 2014で作ったchaos animalsの技術的な解説的なお話

先日アップしたMusic Hack Day Tokyo 2014に、エンジニアとして参加してきて賞が取れた的なお話で、
自分たちが作った「chaos animals」の技術的な解説をしようかと。
Echo NestとSoundCloudを使ったけど、SendGridやSpotifyなども使いたかったなぁーと思った。
ちなみに技術的にはそんな難しい事はしていなかったりもしたり。

ということで解説は以下から。
ちなみにソースはこちらから(githubに上げるのは面倒なので上げてません)。