はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ アコーディオンメニュー

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 11 / 11件)
 

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

2019/02/23 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip UIデザイン Web担当者Forum メリット

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

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

2018/09/17 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip インデックス タブ タブ形式 ファースト 上級

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

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

2018/06/17 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery ジャングルオーシャン プログラミング

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

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

2017/07/03 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip RWD パソコ クロノドライブ 古川 解像度

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

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

2015/07/16 このエントリーをはてなブックマークに追加 105 users Instapaper Pocket Tweet Facebook Share Evernote Clip 作り方 初心者 jQuery Splatoon table

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

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

2014/07/09 このエントリーをはてなブックマークに追加 73 users Instapaper Pocket Tweet Facebook Share Evernote Clip 見出し 垂直方向 アコーディオン ユーザー U-Site

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

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

2013/06/11 このエントリーをはてなブックマークに追加 340 users Instapaper Pocket Tweet Facebook Share Evernote Clip タブ 株式会社LIG 方法

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

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

2013/01/23 このエントリーをはてなブックマークに追加 249 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark jQueryとCSS マウス HTML コード

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

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

2012/04/10 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip アコーディオン ブレークポイント ドロップダウン net 特定

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

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

2011/03/10 このエントリーをはてなブックマークに追加 100 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery アコーディオン title スクリプト

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

jQueryのサンプルTOP10 | CREAMU

2009/04/22 このエントリーをはてなブックマークに追加 274 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery CREAMU キャプション ズーム タブ

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

 
(1 - 11 / 11件)