ゆたんぶろぐ

気が向いたら書いてます

2013-12-05から1日間の記事一覧

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 =…