【UIデザイン】アコーディオンメニューのメリット・デメリット | Web担当者Forum

2019/02/23 17 users UIデザイン Web担当者Forum メリット

この記事を読むのにかかる時間： 1分弱続きを読む (205 文字) 続きを読む

Googleの説明とは異なり、タブで隠されたコンテンツはMFI後であっても評価が下がるのか？ | 海外SEO情報ブログ

2018/09/17 23 users インデックス タブ タブ形式 ファースト 上級

[レベル: 上級] タブ形式やアコーディオンメニューで隠されたコンテンツであっても、モバイル ファースト インデックスでは評価が下がることはないと Google は明言しています。 しかしながら、ある実験の結果では、従来と同じように評価を下げられていると結論付けられました。 モバイル ファースト インデックス後は、... 続きを読む

【コピペOK】jQueryのアコーディオンメニュー実装サンプル10選！ │ ジャングルオーシャン

2018/06/17 36 users jQuery ジャングルオーシャン プログラミング

【コピペOK】jQueryのアコーディオンメニュー実装サンプル10選！ 2018.06.18 プログラミング CSS , HTML , jQuery , Webデザイン , アコーディオンメニュー , プログラミング 続きを読む

RWD（レスポンシブ・ウェブ・デザイン）におけるイベント登録について｜クロノドライブ

2017/07/03 13 users RWD パソコ クロノドライブ 古川 解像度

久しぶりの更新はようやく梅雨模様になってきた仙台事務所の古川がお送りします。 今回は社内チャットワークで新人さんの質問をきっかけに話題に挙がっていた「RWDにおけるイベント登録」についてのお話しです。 はじめに RWDのページではブレークポイントごとに異なる動作をすることがあります。例えばスマートフォン向けの解像度ではコンテンツ領域が狭いため、アコーディオンメニューを使用して一覧性を良くし、パソコ... 続きを読む

初心者でもすぐできるスマホ対応jQueryアコーディオンメニューの作り方 | SONICMOOV LAB

2015/07/16 105 users 作り方 初心者 jQuery Splatoon table

また会いましたな！ スイカバー(ふつうのやつ)をこよなく愛するマークアップエンジニアのまりぞーですヽ(°ω°)ﾉ 先日、ついにWii UとSplatoonをゲットしました。 そろそろガチバトルでわちゃわちゃするお年頃かもしれません…ガンバルゾー！ガンバルゾー！ 今回はjQueryを利用したアコーディオンメニューの作り方をご紹介します。 前回の【初心者向け】レスポンシブなtableを作ってみる同様、... 続きを読む

デスクトップの複雑なコンテンツに対するものとして、アコーディオンが常に答えになるとは限らない – U-Site

2014/07/09 73 users 見出し 垂直方向 アコーディオン ユーザー U-Site

アコーディオンメニューとは見出しを垂直方向に並べたリストで、見出しをクリックすることでそれに関連したコンテンツを出したり、見えなくしたりできるもののことである。これはコンテンツをユーザーに徐々に見せる方法の1つで、広げたり、あとで見るために隠したままにすることでコンテンツをコントロールできるので、読むものと無視するものをユーザー自身で決められる。ユーザーがコントロールできるようにする、というのは、... 続きを読む

超簡単jQuery！"toggle系メソッド"を使ってアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG

2013/06/11 340 users タブ 株式会社LIG 方法

こんにちは。デザイナーのせいとです。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味で大変ヒドイ内容でした。もう一回観たい。（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれおいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド 「slideToggle,f... 続きを読む

jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します｜Webpark

2013/01/23 249 users Webpark jQueryとCSS マウス HTML コード

jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー３にマウスを乗せているところです。 それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accord... 続きを読む

CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net

2012/04/10 89 users アコーディオン ブレークポイント ドロップダウン net 特定

JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む

[JS]スムーズなアニメーションで開閉するアコーディオンのスクリプト -Accordion Image Menu | コリス

2011/03/10 100 users コリス jQuery アコーディオン title スクリプト

画像を使って、スムーズなアニメーションで開閉するアコーディオンメニューを実装するjQueryのプラグインを紹介します。Accordion Image Menuの実装HTML各パネルはリスト要素で実装されています。title 1 続きを読む

jQueryのサンプルTOP10 | CREAMU

2009/04/22 274 users jQuery CREAMU キャプション ズーム タブ

MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによる... 続きを読む