トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」 | co-jin
トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定のメニューが実に使いやすくなってきます。 今回はそんなトップ固定のメニューでありながら、レスポンシブにも対応したナビゲーションを簡単に実装できる「Fixed Nav」をご紹介します。 「Fixed Nav」は、トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できるプラグインです。 jQueryは使用していません。 ページスクロールアニメーションに対応していて単ページもののサイトととっても相性がいいナビゲーションです。 ナビゲーションはアクティブにも対応していますので、現在、自分がいる位置がすぐにわかりますよ。 もちろん商用利用可です。 ソースはGitHubのFixed Navにありますよ。 デモをご覧になりたい方は以下からどうぞ。 DemoFixed Nav Sponsore
(K)背景色やグラデーションと背景画像を同時に反映させる場合（CSS覚え書き） | web(K)campus
今回CSS 珍百景 Advent Calendar 2014にエントリーさせていただきましたが、バグというよりCSSセレクタの対処法的な記事です。 例えば、ボタンを作成する時、CSSで背景画像を指定する時はたいていボタン全てをデザインする事がザラでしたが、スマホの横幅可変のボタンを作成する時は、できるだけCSSのみで作成したいですが、ワンポイントで画像をのせたい場合もあります。そんな時に背景色やグラデーションに背景画像を重ねる時の方法を備忘録としてまとめます。 ※今回の検証は「firefox」と「chrome」のみです。「ie」は確認してませんm(_ _)m 背景色と背景画像を表示させたい場合 一般的な角丸色付きボタンの右端に矢印を付けたい場合。 【失敗例】まず、何も考えずに組むとこんな感じ background:url(img/arrow.png) no-repeat; backgrou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
