並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 218件

新着順 人気順

Navigationの検索結果161 - 200 件 / 218件

  • 「上級者すぎる」「訓練されてる」 サイゼのメニューを“番号”で覚えている人が強いと話題に

    サイゼリヤのメニューを「AA01」といった“メニュー番号”で覚えている人がTwitterで「上級者すぎる」と話題になっています。LINEでの会話がまるで暗号だ……。 あまりにも上級者な返し(画像提供:中野/@pisiinuさん) 画像は公式サイトより 投稿したのは、Twitterユーザーの中野(@pisiinu)さん。先にサイゼリヤに着いた友達に「なんか頼んどく?」とLINEで聞かれ、以下のように返信しています。 「AA01.AA02.MT02.RP02.DB01」 これらは各料理に表記されたメニュー番号で、現在ではこの番号を注文用紙に記入して注文するようになっています。そのためサイゼリヤによく行く人なら見たことがある番号ですが、どの料理が何の番号かを覚えているのは驚きです。確かにそのまま注文用紙に書けるから便利だけども……! コメントでは「なにこれ?」や「なんで分かるんだよ」とツッコミが

      「上級者すぎる」「訓練されてる」 サイゼのメニューを“番号”で覚えている人が強いと話題に
    • detailsタグを使った開閉コンテンツのスタイルサンプルいろいろ

      Result detailsタグを使った開閉コンテンツのスタイリングサンプル集です。 JSは開閉時のアニメーションに使用されているので、無くても開閉やアイコンのアニメーションに影響はありません。 css[data-css-icon] { --animdur: .3s; --loading-animdur: 0.8s; --animtf: ease-in; --bdw: 2px; --bdrs: 50%; --bgc: transparent; --c: currentcolor; --dots-bgc: silver; --dots-size: 0.5rem; --icon-size: 1rem; --size: 2.5rem; align-items: center; cursor: pointer; display: flex; justify-content: space-betwe

        detailsタグを使った開閉コンテンツのスタイルサンプルいろいろ
      • スクロール追従するページ内ナビゲーション

        Result 少しのVanillaなJSで作るページ内スクロールと追従するナビゲーション。よくドキュメントページとかナレッジ共有系のWebサイトで見かけますね。 今更感なネタですが、ボーっとCodePenの2020年ベストPenみたいな記事を眺めてたら見かけたので割と需要あるネタですしメモ的にと思って書いてます。 javascriptwindow.addEventListener('DOMContentLoaded', () => { const observer = new IntersectionObserver(entries => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); if (entry.intersectionRatio > 0) { document.querySelec

          スクロール追従するページ内ナビゲーション
        • プラグインで生成される管理画面メニューを非表示にする方法。有名プラグイン毎の一覧あり!|WordPress特化型メディアサイト【WPWeb】

          改造する Release | 2022.08.09 Updated | 2022.08.28 プラグインで生成される管理画面メニューを非表示にする方法。有名プラグイン毎の一覧あり!プラグイン管理画面 この記事では、プラグインによって作成される管理画面上のメニューを消す・非表示にする方法をご紹介します。 「プラグインごとの記述方法一覧」として、有名なプラグインやよく使われるプラグインもご紹介します! WordPress管理画面のキャプチャメニューを消す方法メニューを消す方法は、functions.phpへ、remove_menu_page()もしくはremove_submenu_page()を用いて非表示にします。 どちらを使うかは、プラグインの設定ページが、メインメニュー内にあのるかそれともサブメニュー内にあるのかの違いです。 メインメニュー内にある場合:remove_menu_page(

            プラグインで生成される管理画面メニューを非表示にする方法。有名プラグイン毎の一覧あり!|WordPress特化型メディアサイト【WPWeb】
          • ニチレイ自販機メニュー全て生産終了 焼おにぎりが、からあげが、姿消す日 - ライブドアニュース

            2021年5月17日 20時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと のPAなどにあるニチレイフーズの自販機「24hr.HOT MENU」 自販機と全商品がすでに生産を終了していることが、Twitterで話題になった 自販機自体の生産は2010年に終了し、食品は2021年3月に生産を終えていた のパーキングエリアで、ホットドッグや「焼おにぎり」を売っているを見たことはあるだろうか。それはニチレイフーズの自販機「24hr.HOT MENU」かもしれない。 実はこの自販機と全商品は、すでに生産を終了している。このことは2021年5月15日にツイッター上で話題になり、別れを惜しむ声が相次いだ。 フェリーにも設置されていた21年5月17日現在、ニチレイフーズ公式サイトの「専用商品」のページを見ると、「五目おにぎり&からあげ」や「焼おにぎり」、「ソース焼きそば」といっ

              ニチレイ自販機メニュー全て生産終了 焼おにぎりが、からあげが、姿消す日 - ライブドアニュース
            • 俺のコラボカフェ:Menu 030 「ウマ娘 プリティーダービー」のにんじんハンバーグDXをプロが本気で作ってみた

              俺のコラボカフェ:Menu 030 「ウマ娘 プリティーダービー」のにんじんハンバーグDXをプロが本気で作ってみた ライター:大西哲也 4Gamerをご覧の皆様こんにちは。クッキングエンターテイナーの大西哲也です。様々なゲームをテーマにした料理をプロ料理人が本気で作って勝手に発表する「俺のコラボカフェ」が今月も始まりました。よろしくお願いいたします。 今回のテーマは2021年2月24日にリリースとなって以来,爆発的な人気を誇る大ヒットスマホゲーム「ウマ娘 プリティーダービー」です。最初は単なる育成ゲームではないかと甘く見ていましたが,ひとたびダウンロードしてプレイしたが最後,思わず徹夜してしまうほどハマってしまいました。「令和を代表するものすごいゲーム」と言っても過言ではないかもしれません というわけで,何がすごいのかをぜひ語らせてください。 感激したのは,様々な面白みを見事に融合して調和

                俺のコラボカフェ:Menu 030 「ウマ娘 プリティーダービー」のにんじんハンバーグDXをプロが本気で作ってみた
              • Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」

                pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスクリプトです。非依存型 単体で動作します。 上デモ右端にあるやつです。Atomなど、テキストエディタにもよくあるミニマップをWebぺージで自動生成してくれます。 ミニマップはマウスドラッグでページ内をスクロール可能で、ぱっと見でもどんなコンテンツがあるかもある程度分かるようになっています。 <canvas id='map'></canvas>canvasを用意します #map { position: fixed; top: 0; right: 0; width: 200px; height: 100%; z-index: 100; }生成されるマップを固定します <script src="pagemap.js"></script> <script> pagemap(document.querySelecto

                  Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」
                • MEJINAVI|目白大学まるっとわかるメジナビ

                  MEJINAVI 目白大学まるっとわかるメジナビ最新版へ移動します! ページが切り替わらない場合は ここ をクリックして下さい。

                    MEJINAVI|目白大学まるっとわかるメジナビ
                  • WordPressでのページネーション実装方法。プラグインあり/プラグインなし|WordPress特化型メディアサイト【WPWeb】

                    改造する Release | 2022.09.26 Updated | 2023.09.25 WordPressでのページネーション実装方法。プラグインあり/プラグインなしfunctions.phpプラグインページネーション プラグインを利用するまずは、プラグインで簡単に実装する方法です。 この記事ではページネーション実装によく使われる「WP-PageNavi」を紹介します。

                      WordPressでのページネーション実装方法。プラグインあり/プラグインなし|WordPress特化型メディアサイト【WPWeb】
                    • Android 11 (API 30) の全画面モードを試してみた - j3iiifn’s blog

                      Androidで全画面モードといえば、これまでは window.decorView.systemUiVisibility() に View.SYSTEM_UI_FLAG_HIDE_NAVIGATION や View.SYSTEM_UI_FLAG_FULLSCREEN などのフラグを組み合わせて渡すことで実現してきた。 API level 30で systemUiVisibility はdeprecatedになり、その代わりに WindowInsetsController クラスが追加された。 WindowInsetsController クラスでは、 hide() メソッドで非表示にするUIを指定したり、 setSystemBarsBehavior() メソッドでシステムバーが非表示になった際にどのように振る舞うのかを指定できる。 hide() メソッドで非表示にするUI(下記A, B,

                        Android 11 (API 30) の全画面モードを試してみた - j3iiifn’s blog
                      • FlutterのNavigationとRoutingを理解する

                        この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基本的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N

                          FlutterのNavigationとRoutingを理解する
                        • Navigation Componentで先に知っておきたかったポイント

                          * Navigation Component が、内部でどのような挙動をしているのか解説します * 挙動を理解した後に Navigation Component でできることや、制約について話します

                            Navigation Componentで先に知っておきたかったポイント
                          • 【コピペでOK】無料はてなブログでグローバルメニューを設置する方法 - 効率さん

                            はじめに 今回は無料はてなブログでもできる、ブログタイトル下にグローバルメニューを設置する方法をご紹介します。 一つの記事を閲覧するためにブログに訪れた読者の方が他の記事を閲覧するきっかけにもなり、欲しい情報に辿り着きやすくなってブログの滞在時間が伸びるおすすめのカスタマイズです。 読者のブログ滞在時間や読みやすさはGoogleアドセンスの合格にも繋がりますので、アドセンス合格を目指す方もぜひ取り入れてみてください。 はじめに グローバルメニューとは コピペ後の完成イメージ スマホで反映されない場合 グローバルメニューの設置 デザインCSS CSSコードを入力する場所 コピペ用CSSコード ヘッダーにHTMLコードを貼り付ける コピペ用HTMLコード 色の変更 注意:CSSコードを貼り付けてもうまくいかない時は まとめ グローバルメニューとは グローバルメニューとは、ブログのタイトル下にあ

                              【コピペでOK】無料はてなブログでグローバルメニューを設置する方法 - 効率さん
                            • ロシアの日本食レストランの謎メニュー「コンニャクチキンが欲しい」の謎が解けた

                              БАКЛАЖАН АБРАМИСО И ЙОГУРТ「なす油味噌とヨーグルト」が、「アブラムスのヨーグルトのバラガン」だったり。ちなみにバラガン(балаган)は茶番という意味だ。 (そして俺は漢なので、「なす油味噌とヨーグルト」がどんな天ぷらなのかという細かいことにはつっこまない) 他にも細かい変なところがあるのだが、一番気になったのが炉端焼きの欄。

                                ロシアの日本食レストランの謎メニュー「コンニャクチキンが欲しい」の謎が解けた
                              • 情報満載のカーナビアプリ「ドライブサポーター by NAVITIME」レビュー

                                地図の表示からルート検索、音声案内まで、ドライブに欠かせない情報を表示してくれる「カーナビ」ですが、車載のものは高額だったり地図の更新手続きが必要だったりという不便な点があります。また、基本的にビルトインなので、いざ使ってみて合わないカーナビだったときにただちに別のものにすることができないのもつらいところ。それならば……ということで、いろいろと出ているスマートフォン向けのカーナビアプリを使ってみることにしました。まずは乗換案内&地図アプリである「NAVITIME」が提供する「ドライブサポーター by NAVITIME」です。 NAVITIMEドライブサポーター | カーナビアプリの決定版 渋滞/オービス/取締も https://products.navitime.co.jp/service/drive/ 「ドライブサポーター by NAVITIME (カーナビ)」をApp Storeで h

                                  情報満載のカーナビアプリ「ドライブサポーター by NAVITIME」レビュー
                                • 【CSS】セレクトボックスのプルダウンをデザインできるselectmenuが便利すぎた。 - Qiita

                                  はじめに みなさんは、<select> タグを使う時、<option> をいい感じのデザインしたいと思ったことはないでしょうか? 多くの方は、妥協して、<select> タグを使うか、ライブラリーを使うか、 <div>・<button>などを使いWAI-ARIA補完するなどで実装しているのではないでしょうか? 実は、Open UIから提出された、セレクトボックスのプルダウンをデザインするための草案が、 Google Chrome チームとMicrosoft Edge チームの協力で実験的な機能として、<selectmenu> が公開されました。 そのため、この記事では <selectmenu> の具体的な内容の紹介と実装方法の解説を行います。 動作環境 <selectmenu> は、まだ実験的なものであるため、限られた環境で再現できます。 そのため、<selectmenu> が動いているの

                                    【CSS】セレクトボックスのプルダウンをデザインできるselectmenuが便利すぎた。 - Qiita
                                  • Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? — Smashing Magazine

                                    As our phones are getting bigger, we need to adjust how we build and design our websites. Is there something to learn from app design and tap bars? Can we fix the mobile navigation of our websites to have a lower interaction cost? In this article, we’ll find out. Whenever you hear of “mobile navigation”, what’s the first thing that comes to mind? My guess would be the hamburger slide-out menu. Thi

                                      Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? — Smashing Magazine
                                    • 7 Principles of Icon Design

                                      Clarity, Readability, Alignment, Brevity, Consistency, Personality, Ease of Use.

                                        7 Principles of Icon Design
                                      • ジェスチャー ナビゲーション: 視覚的な重なりの処理

                                        .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                          ジェスチャー ナビゲーション: 視覚的な重なりの処理
                                        • ハンバーガーメニューをおしゃれにするCSSスニペット9選。アイコンからすぐ実用できるサンプルまで | KodoCode

                                          スタイリッシュなデザインのハンバーガーメニューのCSSサンプルをまとめました。デザインが美しいウェブサイト・ブログが増えています。フォーム周りのデザインも趣向を凝らしたものが多く見受けられるようになりました。目を引くデザインのメニューは利用者の興味を引き付けます。 ハンバーガーメニュー(三本線のメニュー)はメニュー表示の定番となっていて実装することも多いと思います。モバイルファーストの時代になり限られたスペースを有効活用するために生まれたデザインです。本記事ではフォームの中でも「ハンバーガーメニュー」に焦点を当て、おしゃれなCSSスニペットを一覧にしてみました。 ハンバーガーメニューアイコンの多彩なデザイン・動作がよく分かるCSSデザイン例。シンプルな三本線のハンバーガーメニュー。クリック時の多彩なアニメーション。See the Pen CSS Menu Icons by Naoya (@

                                            ハンバーガーメニューをおしゃれにするCSSスニペット9選。アイコンからすぐ実用できるサンプルまで | KodoCode
                                          • 5年更新していなかったアプリが 海外バイヤーから数万ドルで 買収されそうになったので、 久しぶりにアプリを更新しようと思ったら 色々仕様が変わっていたので、 細々したよくやるやつをツラツラと話す話/RecentlyAndroidFunctions

                                            You can check gif slide in Google Photo. https://is.gd/nx5hJi I talked this in the meetup of thanksgiving android presented by m3. https://m3-engineer.connpass.com/event/152923/

                                              5年更新していなかったアプリが 海外バイヤーから数万ドルで 買収されそうになったので、 久しぶりにアプリを更新しようと思ったら 色々仕様が変わっていたので、 細々したよくやるやつをツラツラと話す話/RecentlyAndroidFunctions
                                            • iPhone「マップ」、日本でも自転車ナビが利用可能に。ARナビは大阪なども対応 - iPhone Mania

                                              iPhoneの標準「マップ」アプリで、拡張現実(AR)を活用した歩行者ナビゲーションが東京以外の都市にも対応したほか、日本でも自転車ナビゲーションが利用可能になりました。Googleマップ風のLook Around機能の対応地域が増加しています。 ARナビゲーションは大阪、京都、名古屋なども対応 iOSの標準「マップ」アプリで、ARを活用した歩行者ナビゲーション機能「拡張現実による徒歩経路」が東京で利用可能になったとお伝えしましたが、同機能は東京のほか、大阪、京都、名古屋、福岡、横浜、広島などでも利用可能となっています。 歩行中に同機能を使うと、iPhoneのカメラがとらえた映像に進行方向などの案内が重なって表示され、直感的な道案内が可能です。 「拡張現実による徒歩経路」機能は、2021年6月の世界開発者会議(WWDC21)でiOS15の新機能として発表されましたが、日本でもようやく利用可

                                                iPhone「マップ」、日本でも自転車ナビが利用可能に。ARナビは大阪なども対応 - iPhone Mania
                                              • synesthesia シナスタジア|名古屋で物件探しからリノベーションまで一括サポート

                                                情報のスピードが上がり、様々な生活様式や働き方が日々うみだされています。同時に「住まい」の在り方も多様化している中、私たち供給者のサービスは現代のニーズを満たしているのでしょうか。 購入か賃貸か?戸建かマンションか?という選択肢から、自身にとって住まいをどのような目的で利用し、その目的はどのように変化していくのか。 何年居住してどのように売却するのか、もしくは賃貸するのか、という出口戦略までお客さまの伴走者として一貫してサポートします。

                                                  synesthesia シナスタジア|名古屋で物件探しからリノベーションまで一括サポート
                                                • TIPS & NOTE スクロールすると出るボタン。スクロール位置で要素を表示させる。 | Little Things

                                                  ファーストビューでは非表示。 一定量をスクロールしたら、ボタンを出したい。 PCのときだけ、SNSのボタンを画面の左端に出してみました。 html <!-- 常に横にいるボタン --> <div class="flow-nav__wrapper is_flow"> <div class="flow-navi"> <ul> <li>ボタン1</li> <li>ボタン2</li> <li>ボタン3</li> </ul> </div> </div> 該当の要素に「is_flow」というクラスを付与します。 css .flow-navi__wrapper { display:none; } .flow-navi { position: fixed; top: 260px; z-index: 3; } @media(max-width:863px) { .flow-navi__wrapper { p

                                                    TIPS & NOTE スクロールすると出るボタン。スクロール位置で要素を表示させる。 | Little Things
                                                  • なぜバスの座席は「青」が多い? ネット検索は「青色」ばかり… 利用者に配慮された車内ルールとは

                                                    人々の生活を支える公共交通機関のひとつである路線バスですが、車内に設置されている座席は青色のものを見かけることが多くあります。なぜ路線バスの座席は青色が多いのでしょうか。 路線バスの座席に青色が多い理由は? 路線バスは人々の生活を大きく支える交通手段のひとつといっても過言ではありません。 そうしたなかで、車内の座席は青色のものを見かけることが多くあります。なぜ路線バスの座席は青色が多いのでしょうか。 日本バス協会が2021年度に公表した「日本のバス事業」によると、2021年度のバス年間利用者数は45億3300万人となっています。 そんな多くの人が利用する路線バスの車内といえば、椅子が並び天井からはつり革がぶら下がっています。また、走行中に捕まるポールなどには降車ボタンが備わっています。 では、ここで路線バスの車内を思い浮かべてください。そうすうと多くの人が青い座席が印象に残るかもしれません

                                                      なぜバスの座席は「青」が多い? ネット検索は「青色」ばかり… 利用者に配慮された車内ルールとは
                                                    • Appleマップ、iOS15ではルート案内で出発・到着時刻が設定可能に - iPhone Mania

                                                      Appleは現地時間6月7日、次期バージョンとなるiOS15を発表しましたが、これによりマップアプリが大幅にリニューアルされました。 ルート案内で、出発時刻と到着時刻を指定できるように マップアプリでは目的地までのルートを確認する際に、出発時刻と到着時刻を指定できる新機能が追加されています。「現在地」の横に表示されている「今すぐ出発」をタップすると、「出発時刻」または「到着時刻」を指定できる為、日時を指定して目的地までのルートを確認することができます。 これは、Googleマップでは以前から提供されている機能ですが、これまでAppleマップでは事前に移動時間の目安を確認することができませんでした。 その他の新機能 その他の新機能として、高速道路の複雑なインターチェンジを3Dで表示する機能、歩行時の拡張現実(AR)によるナビゲーション、公共交通機関利用時のエクスペリエンスの改善、企業に関する

                                                        Appleマップ、iOS15ではルート案内で出発・到着時刻が設定可能に - iPhone Mania
                                                      • レスポンシブなドロップダウンメニューをつくる|notes by SHARESL

                                                        ドロップダウンメニューって? メニューをクリックしたりマウスを上に載せたりすることでそのメニューの下に出てくるようなメニューのことです。 ドロップダウンメニューの例 ドロップダウンメニューの実装方法はググると結構出てきます。 ただjQueryプラグインとかをこのためだけに読み込ませたりするのはなんか違う気がするし、「CSSだけでできる!」とかいうのもありますが、実際は動いてもデザインが思い通りにならなかったり、タブレットで全然使い物にならなかったり、なんてことがありますね。 僕なんかは特にそうですが、ほぼ「コーディング専業」の人は依頼されたデザインに合わせて自由自在に変えられるように、このくらいのUIはササっと書ける知識を持っておく必要があります。 今回はそういう時に使えるメモです。 言うて自分もけっこう忘れるので。w まずはデザインをhtml・cssで実装 基本的にはデザイナーから依頼さ

                                                          レスポンシブなドロップダウンメニューをつくる|notes by SHARESL
                                                        • 子供が喜ぶ夕食おすすめ簡単メニュー&レシピ

                                                          宅配食・ミールキット愛用歴8年。これまで利用してきた宅配食は30社を超えました。 これまでの経験を生かして美味しい宅配食&料理キットをご紹介しています(๑❛ڡ❛๑)

                                                            子供が喜ぶ夕食おすすめ簡単メニュー&レシピ
                                                          • React Native + Expo に、ルート管理ライブラリreact-navigationを導入する - Qiita

                                                            React Native + Expo に、ルート管理ライブラリreact-navigationを導入するJavaScriptReactreactnativereact-nativeexpo この記事は、「【連載】初めてのReact Native + Expo開発環境構築入門」の子記事です。環境などの条件は、親記事をご覧ください。 この記事はReact Navigation V4を前提に書かれています。2020年10月時点最新のV5対応は、こちらの兄弟記事にお任せしました。 前々回で、画面上にメッセージが出るだけのアプリが作成できましたが、全く動きがありません。そこで今回は画面の移動(画面遷移)を実現する方法として、ルート管理ライブラリであるreact-navigationを導入します。 react-navigationの基本 React Nativeアプリは、Reactアプリと違ってUR

                                                              React Native + Expo に、ルート管理ライブラリreact-navigationを導入する - Qiita
                                                            • デスクトップでの左サイド垂直ナビゲーション: スケーラブル、レスポンシブ、流し読みしやすい

                                                              垂直ナビゲーションは幅広いIAや拡大中のIAに適しているが、水平ナビゲーションよりもスペースを取る。このナビゲーションは、左揃えにして、キーワードを先に出し、すぐ目に入るようにしておこう。 Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan by Page Laubheimer on May 16, 2021 日本語版2021年10月11日公開 UXカンファレンスの情報アーキテクチャに関するコースで幅広の階層構造について話すたびに、以下の2つの質問が出てくる: グローバルナビゲーションの最上位カテゴリーが7~9個以上あってもよいか。(ネタバレ注意:それは問題ない。ただし、そのための適切な計画を立てる必要がある) 最上位カテゴリーの数を多くすると、水平ナビゲーションバーに収まらない。

                                                                デスクトップでの左サイド垂直ナビゲーション: スケーラブル、レスポンシブ、流し読みしやすい
                                                              • JavaScript不要!CSSだけで出来るドロップダウンメニューの実装方法 | ビジネスとIT活用に役立つ情報(株式会社アーティス)

                                                                webサイトを作成しているとドロップダウンメニューの設置をすることがよくあります。 メニューがグローバルナビゲーションに収まりきらない場合や、階層が多いサイトなどで重宝する形式です。 今回はこのドロップダウンメニューをCSSのみで実装する方法をご紹介いたします。 ドロップダウンメニューとは ドロップダウンメニューとは、メニューのタイトル部分をクリックもしくはホバーしたときに、下に垂れ下がるようにして表示されるメニューのことです。 今回実装するのは、弊社サイトでも採用しているような、グローバルナビゲーション(以下Gナビ)に付随するような形で用いられるドロップダウンメニューです。 該当するGナビタイトルにマウスホバーすると、その下にドロップダウンメニューが表示され、該当のGナビタイトルもしくはドロップダウンメニューからマウスが離れると非表示になるという仕様で実装していきます。 Gナビ部分の実装

                                                                  JavaScript不要!CSSだけで出来るドロップダウンメニューの実装方法 | ビジネスとIT活用に役立つ情報(株式会社アーティス)
                                                                • 製品に「新しい顔」が必要になるとき: 主要画面のスクラップ&ビルド - LegalOn Technologies Engineering Blog

                                                                  こんにちは。LegalForce COO 川戸(@kawato_takashi)です。 今日は「画面を作り直すこと」のケーススタディをご紹介します。 事前にリサーチをしても、実際に使われ始めるまでは、本当は製品が何に使われるのか、よく分っていないことが多いです。ユーザーのフィードバックをもとに機能を継ぎ足した結果、元の設計の限界に気付くことはしばしばです。 また設計は生まれた瞬間から老い始めます。たとえば最近ではアクセシビリティやOOUIなど、着手時には目配りできていなかったことが「できて当然」になっていく、といったことも発生します。 機能追加を伴わない再設計は、どうしても優先順位が低くなりがちです。しかし技術的負債と同様に、設計的な負債も、設計と実装の速度を削いでいきます。 何より、それでは真の意味でユーザーが使いやすい製品に辿り着きません。 こうした背景からLegalForceでは製品

                                                                    製品に「新しい顔」が必要になるとき: 主要画面のスクラップ&ビルド - LegalOn Technologies Engineering Blog
                                                                  • 高精度な位置情報を低価格で――KDDIとSwift Navigationが業務提携 「PPP-RTK方式」の高精度測位サービスを提供

                                                                    高精度な位置情報を低価格で――KDDIとSwift Navigationが業務提携 「PPP-RTK方式」の高精度測位サービスを提供 KDDIと米Swift Navigationは7月19日、PPT-RTK方式による高精度測位サービスの提供に向けた業務提携契約を締結したことを発表した。KDDIは同方式に対応する独自基準局を整備し、Swiftの測位サービス「SKYLARK(スカイラーク)」で利用できるようにする。両社は協力して、ビジネスにおける高精度測位の活用も促進する。 【訂正:7月21日22時10分】7月21日付で本件のニュースリリースに一部訂正がありました。それに伴い、本記事の表記も一部訂正しました 高精度測位とは? カーナビゲーションシステムやスマートフォンにおける測位では、一般的に測位用の人工衛星を用いる「GNSS(全球測位衛星システム)」を用いる。GNSSで用いる人工衛星としては

                                                                      高精度な位置情報を低価格で――KDDIとSwift Navigationが業務提携 「PPP-RTK方式」の高精度測位サービスを提供
                                                                    • Three CSS Alternatives to JavaScript Navigation | CSS-Tricks

                                                                      Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links. But that’s not the only option. Depending on the context and contents of the navigation, there may be a JavaScrip

                                                                        Three CSS Alternatives to JavaScript Navigation | CSS-Tricks
                                                                      • WEBブログ | position:fixedでヘッダ固定時のページ内外リンクのズレを解消するテクニック | RunLand(ランランド)株式会社

                                                                        全国対応!外注・下請けのホームページ制作会社をお探しの会社様。 人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい

                                                                          WEBブログ | position:fixedでヘッダ固定時のページ内外リンクのズレを解消するテクニック | RunLand(ランランド)株式会社
                                                                        • スクロールでナビゲーション(ページ内リンク)のカレント表示【コピペOK】|しょーごログ

                                                                          カレント表示コピペの仕方まずは以下、codepenで動くものを公開しています。 See the Pen current navigation by samuraibrass (@samuraibrass) on CodePen. コピペの仕方ですが、まずjQueryを利用しますので読み込んでください。 その後、こちらのjsコードをjsファイルにコピペしてください。 codepeと同じjsコードです。 その1:jsファイルコピペ$(function () { var set = 200;//ウインドウ上部からどれぐらいの位置で変化させるか var boxTop = new Array; var current = -1; //各要素の位置 //position-nowは場所を取得したい対象の要素に付ける $('.position-now').each(function (i) { boxTo

                                                                            スクロールでナビゲーション(ページ内リンク)のカレント表示【コピペOK】|しょーごログ
                                                                          • やよい軒のテイクアウト。 - ネコノラ通信web

                                                                            黒猫クインシーがチラシを持って帰ってきてから、ず〜っと食べたかった!やよい軒のテイクアウト。途中、こんな危機にみまわれましたが、無事美味しく頂きました(^^) 【黒猫が持って帰ってきたチラシ】 【やよい軒】テイクアウトメニュー pic.twitter.com/gQ3MxN0exV— 髙田ナッツ✑漫画 (@nut_1107) 2020年5月27日 ☆こんなマンガもあります☆ www.nekonora.com www.nekonora.com www.nekonora.com

                                                                              やよい軒のテイクアウト。 - ネコノラ通信web
                                                                            • メニューがエンジニアなカフェ好き→「varはちょっと」「無名関数使ったりと結構粋なコード書いてる」

                                                                              藤井謙太郎 | Chatwork AI Bizdev @kentaro_fujii_ Javascriptで暗号化ですかね?(encryption)。面白い!! 無名関数使ってるので、少し慣れてないと分からないかもww 唯一varにしているのが気になってしまいます。。 x.com/MacopeninSUTAB… 2024-06-30 23:42:07

                                                                                メニューがエンジニアなカフェ好き→「varはちょっと」「無名関数使ったりと結構粋なコード書いてる」
                                                                              • [こかげ] フォント : Nu みちしるべ

                                                                                概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。(なお「直接編集」を無効にした場合、文字列の書き替えは左上の

                                                                                • バストアップ効果が期待できる食事メニュー例 - 【ふんわりルームブラ】口コミ評判|効果や最安値までを徹底解説

                                                                                  チーズチーズは脂質やカロリーが高いから太る!と懸念されがちですが、チーズの脂質は良質ですので、極端な摂取をしなければ太る心配はありません。 チーズがバストアップに効果的とされる理由は、たんぱく質と脂肪分がバランスよく含まれており、乳腺と脂肪が適度につくのでバストアップに最適な食べ物ということです。 卵卵はたんぱく質が豊富な食材の代表格ですよね。 卵は生で食べても良いですが、加熱する方がたんぱく質の吸収率がより高くなります。 卵料理はバリエーションが広いので、積極的に摂取しやすい食材と言えるでしょう。 ボロン(ホウ素)ボロン(ホウ素)とはあまり聞き慣れないかもしれませんが、バストアップに非常に効果的な栄養素です。 ボロンは女性ホルモンのエストロゲンを増加させる働きがあり、体内に摂取することで2倍のエストロゲンを取り入れられます。 私達の身近にある食材でボロンを含むものはたくさんあり、最も馴染

                                                                                    バストアップ効果が期待できる食事メニュー例 - 【ふんわりルームブラ】口コミ評判|効果や最安値までを徹底解説

                                                                                  新着記事