タグ アコーディオンメニュー
人気順 10 users 50 users 100 users 500 users 1000 users【UIデザイン】アコーディオンメニューのメリット・デメリット | Web担当者Forum
この記事を読むのにかかる時間: 1分弱続きを読む (205 文字) 続きを読む
Googleの説明とは異なり、タブで隠されたコンテンツはMFI後であっても評価が下がるのか? | 海外SEO情報ブログ
[レベル: 上級] タブ形式やアコーディオンメニューで隠されたコンテンツであっても、モバイル ファースト インデックスでは評価が下がることはないと Google は明言しています。 しかしながら、ある実験の結果では、従来と同じように評価を下げられていると結論付けられました。 モバイル ファースト インデックス後は、... 続きを読む
【コピペOK】jQueryのアコーディオンメニュー実装サンプル10選! │ ジャングルオーシャン
【コピペOK】jQueryのアコーディオンメニュー実装サンプル10選! 2018.06.18 プログラミング CSS , HTML , jQuery , Webデザイン , アコーディオンメニュー , プログラミング 続きを読む
RWD(レスポンシブ・ウェブ・デザイン)におけるイベント登録について|クロノドライブ
久しぶりの更新はようやく梅雨模様になってきた仙台事務所の古川がお送りします。 今回は社内チャットワークで新人さんの質問をきっかけに話題に挙がっていた「RWDにおけるイベント登録」についてのお話しです。 はじめに RWDのページではブレークポイントごとに異なる動作をすることがあります。例えばスマートフォン向けの解像度ではコンテンツ領域が狭いため、アコーディオンメニューを使用して一覧性を良くし、パソコ... 続きを読む
初心者でもすぐできるスマホ対応jQueryアコーディオンメニューの作り方 | SONICMOOV LAB
また会いましたな! スイカバー(ふつうのやつ)をこよなく愛するマークアップエンジニアのまりぞーですヽ(°ω°)ノ 先日、ついにWii UとSplatoonをゲットしました。 そろそろガチバトルでわちゃわちゃするお年頃かもしれません…ガンバルゾー!ガンバルゾー! 今回はjQueryを利用したアコーディオンメニューの作り方をご紹介します。 前回の【初心者向け】レスポンシブなtableを作ってみる同様、... 続きを読む
デスクトップの複雑なコンテンツに対するものとして、アコーディオンが常に答えになるとは限らない – U-Site
アコーディオンメニューとは見出しを垂直方向に並べたリストで、見出しをクリックすることでそれに関連したコンテンツを出したり、見えなくしたりできるもののことである。これはコンテンツをユーザーに徐々に見せる方法の1つで、広げたり、あとで見るために隠したままにすることでコンテンツをコントロールできるので、読むものと無視するものをユーザー自身で決められる。ユーザーがコントロールできるようにする、というのは、... 続きを読む
超簡単jQuery!"toggle系メソッド"を使ってアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG
こんにちは。デザイナーのせいとです。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある(主に下ネタ)」が盛り込まれていて、いい意味で大変ヒドイ内容でした。もう一回観たい。(´ω`) さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれおいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド 「slideToggle,f... 続きを読む
jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します|Webpark
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー3にマウスを乗せているところです。 それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accord... 続きを読む
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net
JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む
[JS]スムーズなアニメーションで開閉するアコーディオンのスクリプト -Accordion Image Menu | コリス
画像を使って、スムーズなアニメーションで開閉するアコーディオンメニューを実装するjQueryのプラグインを紹介します。Accordion Image Menuの実装HTML各パネルはリスト要素で実装されています。title 1 続きを読む
jQueryのサンプルTOP10 | CREAMU
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによる... 続きを読む