Rails: jQueryUIのinstallの際のエラー
jQueryUIをgem installしたときにapplication.jsとcssにrequireを書いていたらcouldn't find file 'jquery.ui.all'というエラーが出ていたのですが、
//= require jquery-ui
/* *= require jquery-ui */
という表記に直したら大丈夫でした。Rails4.2です。
https://github.com/joliss/jquery-ui-rails
ドキュメント見たら最初からそう書いてありましたね。
CSS: サイズを中の要素の大きさに合わせる
どういう条件下かわからないのですが、divのwidthが親要素の大きさに引っ張られてしまうときがあります。
display: inline-block
sassだとこんな感じで子要素の大きさに応じてサイズが変わるようになります。
問題はこれだとinline扱いでblockの改行がなくなるので更にそれをwrapするなりbr付けるなりする必要があるかと思います。
inline-blockとかblockとか作法を知らないのでちょっと気持ち悪い気はしますがとりあえず。
jQuery: 直前の兄弟要素をセレクタで絞り込む
なんだかググり方がわからなくて結構はまりました。
結論は
$("#hoge").prevAll("fuga:first")
でした。
hogeから見て、直前がfirstなんですね。ずっと:lastとしていてはまってました。
ちなみに
$("#hoge").prev()
でも大抵の場合大丈夫なんですけど、直前の兄弟は違う要素だったり、動的でどこらへんにfugaがいるかわからなかったりするときは上記の方法が必要かと思います。
CSS: inputのfocus時のハイライトを消す
inputはデフォルトだとfocusしたときに青いシャドウかかりますが
input &:focus outline: 0
これで消せます。sassで書いてみました。