Hatena Blog Tags
はてなブログ トップ
modal
このタグでブログを書く

modal

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
スタディサプリ Product Team Blog•1年前

SwiftUIで全画面モーダルを無限に重ねる

こんにちは、iOSエンジニアの @chuymaster です！iOSDC Japan 2021の「スタディサプリ」がFull SwiftUIを選択した先に見えてきたもの。のトークセッションの時間の都合上、ご紹介できなかった「全画面モーダルを重ねる」実装方法をご紹介します。 全画面モーダルを重ねるとは？ 全画面モーダルを重ねるとは、一度全画面モーダルを開いたあと、その上にさらに全画面モーダルを開くことです。このようなイメージの遷移方法になります。 モーダルを重ねるイメージ

#SwiftUI#iOSDC#iOS#FullScreenCover

ネットで話題

もっと見る
161ブックマークModeless and Modal | Just another Modeless Design sitemodelessdesign.com
145ブックマークシンプルイズベスト！おしゃれなモーダルウィンドウを実装できる「SIMPLE MODAL」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作liginc.co.jp
143ブックマークIE8以上ならもうスクリプト無しでOKのモーダルウインドウを表示するスタイルシート -CSS Modalテキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、i...coliss.com
131ブックマーク様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is a...phpspot.org
129ブックマークモーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされましたcoliss.com
126ブックマーク[JS]ドラッグで移動も可能なモーダルウインドウを作成する軽量スクリプト -Simple Modalアラート、コンファームだけでなく、AJAXコンテンツ、画像、動画など表示するモーダルウインドウを実装するスクリプトを紹介します。 Simple Modal [ad#ad-2] Simple Modalの特徴 Simple Modalのデモ Simple Modalの実装 Simple Modalのダウンロード Simple Modalの特徴 モーダルウインドウを簡単に生成します。 生成し...coliss.com
105ブックマークNifty Modal Window EffectsThis is a modal window. You can do the following things with it: Read: modal windows will probably tell you something important so don't forget to read what they say. Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence. Close: click on the button b...tympanus.net
76ブックマーク本当にあったモーダルの怖い話 / Terrifying Nonfiction of Modalspeakerdeck.com
60ブックマークNifty Modal Window Effectstympanus.net

関連ブログ

彦坂明宏のHatena Blog•2年前

modalやってみます

追記です。この記事はBootstrap 4のときのものです。現在はBootstrap 5にしましたので下のmodalは動きません。 Bootstrapを読み込みグリッドシステムが動作していることは確認できましたので、次はmodalダイアログを出してみたいと思います。 modalダイアログを開く ヘッダーです × ここはmodalダイアログのボディーです。moda-bodyというクラス名です。 Close 問題なくできました！ 上例では、ヘッダー文字に下線が付いてきます。くどいですね。このmodalはBootstrapのサイトから持ってきたサンプルコードで、ヘッダーはh5の設定です。 これは、h…

#Bootstrap#modal#entry-content
むらさきはじめのブログ　『頑張らない人間の独り言』あなたの”暇つぶし”の友達です。•4日前

【Nujabes】- Light on the land [Official Audio]

youtu.be youtu.be The Sign (feat. Pase Rock) youtu.be reflection eternal Edy-楽天ポイントカード ギンビス（たべっ子どうぶつ）【受注生産】価格：550円（税込、送料別) (2023/1/28時点)楽天で購入 【送料無料】 Nujabes ヌジャベス / Modal Soul 【CD】価格：2892円（税込、送料無料) (2023/1/28時点)楽天で購入

料理とソフトウェアは似ている•6日前

PrimeVueのDialogのルート要素にscopedなクラスを適用する

Dialogをラップする要素を追加し、append-to="self"を指定する。 環境 Vue 3.2 PrimeVue 3.18 サンプルコード <template> <div class="dialog"> <Dialog v-model:visible="true" append-to="self" > <template #header> Header </template> <template #footer> <Button label="OK" class="button" /> <Button label="Cancel" class="button" /> </templa…

REALTOKYO CINEMA•14日前

2022年 わたしの10大イベント「CINEMA10」

REALTOKYO CINEMA（RTC）はおかげさまで7年目に突入。第7回「CINEMA10」は7人のレギュラーメンバー（澤隆志、石井大吾、松丸亜希子、前田圭蔵、白坂由里、フジカワPAPA-Q、福嶋真砂代）がセレクトしました。多彩なシーンで活動するメンバーたちがそれぞれ選ぶユニークな10本（ジャンル、形態、公開年問わず、2022年に観たなかで心に刻まれた作品）をお楽しみください。長引くコロナ禍、終わらないウクライナ戦争、そのうえ物価高などといろいろ不穏な世の中ですが、どんなときも映画はさまざまなかたちでパワーチャージさせてくれる強力な味方だと実感しながらお届けします。2023年もRTCをどう…

Linux あれこれ•14日前

GitHub を「GitHub CLI」で操作してみる〈H163-3〉

登録日: 2023-01-25 更新日: 2023-01-25 GitHub のブラウザ画面において、緑色の「Code」ボタンで「GitHub CLI」を選ぶと、そのクローンを実行する「gh コマンド」の貼付けが表示されるようになりました。 - GitHub の操作は、今までであれば、端末画面で「git」コマンドを使い、その後、ブラウザで操作していました。 「GitHub CLI」は、ブラウザの操作をしなくても、端末の「gh」コマンドで GitHub の操作が出来るツールです。 - 端末メインで使っている開発者であれば、途切れなく端末で操作出来るので、便利だろうと思います。 一般の人でも便利に…