読者です 読者をやめる 読者になる 読者になる

ゆたんぶろぐ

気が向いたら書いてます

更新したファイルに該当するタスクだけ走らせる Gruntfile

grunt-contrib-watch って便利なんですが、監視ファイルが多くなる=走る処理が多くなるとどうしても時間がかかってしまいます。それでなんだか効率が落ちてたりするわけなんですが、grunt-este-watch が幸せということを聞いて、ぼくも幸せになりたいと思い…

Wikipedia Mobile のようなスライドメニューを簡単に作る

Wikipedia を iPhone で見ると、左上にメニューボタンがあって、それをタップすると左からメニューが表示される、まぁよくあるタイプですが、簡単に実装しましょう。開閉の制御は jQuery、アニメーションはヒマなんで CSS3 でやりましょう。 HTML <nav> <a href="#">link</a> <a href="#">link</a> <a href="#"></a></nav>…

コンテンツの高さに合わせたいサイドバー

css

要素を並べるって、普通 float させることが多いと思うんですけど、場合によっては position を使った方がいいことがあります。そのひとつが、コンテンツの高さにサイドバーの高さも合わせたいって場合です。 HTML <div id="wrapper"> <div id="content"> left<br /> left<br /> left<br /> left<br /> left<br /> left<br /> left </div> <div id="sidebar">ri</div></div>…

meta viewport を動的に切り替える際に気をつけること

pushstate 使用時など、jQuery などで meta viewport を書き換える場合、content 内の要素数が一致していないと、書き換え前の要素が引きずられてしまうので、一致させる必要があります。 一致してない例 $("meta[name='viewport']").attr('content', page =…

IE8 でも box-shadow を使う

最近、案件での IE 最低ラインが 8 になってきました。とても喜ばしいことですが、8 が良いわけではなく、7 や 6 といった不良仲間で確認しなくても良くなった、というだけです。さて、デザイン内に影がついていることはフラットデザインが流行っている今で…