CSSで実装するハンバーガーメニュークリック時のエフェクト 10＋ | NxWorld

2015/06/19 525 users NxWorld エフェクト CSS 矢印 ハンバーガーメニュー

自分用に一覧化したのでシェアします。ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開している時などのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。よく見る「×」のようなクローズボタンに変化するものから矢印に変... 続きを読む

[CSS]CSS3非対応も配慮、通知パネルをブラウザの上部に配置するチュートリアル | コリス

2011/08/28 63 users コリス チュートリアル CSS 上部 スタティック

下記は各ポイントを意訳したものです。 デモ デモページでは、CSS3アニメーションをサポートするブラウザと非サポートブラウザでの挙動の違いを確認できます。 デモページ ※上部のイエローのパネルです。 CSS3アニメーション サポート アニメーションでパネルがスライド表示され、アニメーションで隠れます。 CSS3アニメーション 非サポート スタティックにパネルが表示され、クローズボタンのクリックで隠... 続きを読む

[JS]超軽量だけど、高性能なモーダルウインドウを実装するスクリプト -TinyBox2 | コリス

2011/03/30 191 users コリス モーダルウインドウ スクリプト jQuery 超軽量

jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量（5KB）のスクリプトを紹介します。TinyBox2のデモデモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応してい... 続きを読む

Firefox 2 のタブのクローズボタン - えむもじら

2006/10/29 47 users クロース タブ タブ毎 モジラ 正式リリース

CNET Japan の Firefox 2 リリースを報じる記事に興味深い内容が含まれていました。 モジラ、「Firefox 2」を正式リリース - CNET Japan 　また、タブ毎の「クローズ」ボタン配置を推奨するグループが、それに反対する大多数を押し切ったと、Beltzner氏は語っている。これまでは、バーの右側に「クローズ」ボタンが1つあるだけだった。これをクリックすると、最後に表示し... 続きを読む