You don't need a modal window

Web development - Just make a separate page instead of modals.

Just make a separate page.

You don't need a modal window for your web applications. Instead, create a separate page for displaying details from lists of products, documents, or other items. Modal windows can’t be bookmarked or shared, and they create confusion with the Back button. They hinder accessibility and are often messy, prone to bugs, and hard to get right. Consider whether using modal dialogues is appropriate for your application; there are numerous reasons why they are used incorrectly. Instead, utilize separate pages that improve user experience and reduce frustration.

https://youdontneedamodalwindow.dev

You don't need a modal window screenshot You don't need a modal window icon
Back
Collection
{{ ui.publicListPage.sortMode ? 'Готово' : 'Порядок' }}
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Отмена
Добавить в лист
Сохранить
Ваши листы

Пока нет листов — создайте новый ниже.

Назад
{{ ui.list.editingListItemNote ? 'Заметка в подборке' : (ui.list.mediaSeasonEdit ? 'Заметка к сезону' : (ui.list.mediaEpisodeEdit ? 'Заметка к серии' : 'Ваша заметка')) }}
{{ ui.list.pocketNoteSaving ? 'Сохранение…' : 'Сохранить' }}

{{ pocketNoteSubjectLabel }}

Выделите текст — над ним появится панель форматирования.

Оценка
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

Эта заметка видна только на странице этой подборки.

Сохраняем…

Отмена
Карточка листа
Сохранить
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

layers_alt_fill Apps searchSearch person_crop_circle Profile
Games
Games

Games

New Release
Slap Kings
Become world's best slapper
Slap Kings
New update
The Seven Deadly Sins
Grand Cross - RPG Sensation!
The Seven Deadly Sins
New update
Call of Duty®: Mobile
Multiplayer and Battle Royale
Call of Duty®: Mobile
New release
Parking Jam 3D
Embrace your road rage!
Parking Jam 3D
New update
Crossy Road
Endless Arcade Hopper
Crossy Road
What We're Playing NowSee All
Popular GamesSee All
New Games We LoveSee All
Top Free GamesSee All
Top CategoriesSee All
Editors' ChoiceSee All
Quick LinksSee All
RedeemSend GiftAdd Funds to Apple ID

Apps search

Public collections
{{ pl.ownerName }} Public collection
{{ pl.name }}
multiply_circle_fill

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
Apps
Links
Top Categories
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
    {{ cat.count }} apps
Quick Links
dAppStore
+1000 usefull apps

Profile

Cancel

  • {{apps[id].title}}
    {{apps[id].subtitle}}
    ★ {{ user.installed[id].rating }}/10 {{ user.installed[id].notePublic ? '🌐 ' : '🔒 ' }}{{ user.installed[id].note }} {{ user.installed[id].description }}
    Note Lists Delete
  • {{ item.meta.visibility === 'public' ? 'globe' : 'lock_fill' }}
    {{ item.meta.name }}
    {{ item.meta.description }}
    Public
    Edit Delete
  • No lists yet. Create one below.
  • Nothing matches your search.
  • plus
    New list
  • link
    {{entry[1].title}}
    {{entry[1].url}}
    ★ {{ entry[1].rating }}/10 {{ entry[1].notePublic ? '🌐 ' : '🔒 ' }}{{ entry[1].note }} {{ entry[1].description }}
    Lists Delete

Новый лист

Back
{{ page.app && page.app.title ? page.app.title : 'Back' }}
{{ appStatusLabel(page.app.id) }}
{{page.app.subtitle}}
IMDb Кинопоиск
{{ appStatusLabel(page.app.id) }} Get APK Join TestFlight Join Play Beta
Get {{ m.label }}
{{ pocketNoteIconForAppCard(page.app.id) }} {{ pocketBookmarkIconForApp(page.app.id) }} trash square_arrow_up
{{ appPageStarRatingTitle(appPageStarRating()) }}
{{ appPageStarRatingValue(appPageStarRating()) }}
{{ getStarIconName(appPageStarRatingFive(appPageStarRating()), n) }}
TMDB
{{ numeral(page.app.tmdb.voteAverage).format('0.0') }}
/ 10
Статус
✕
Закрыто {{ formatAppClosedDate(page.app.closedAt || (page.app.rip && page.app.rip.at)) }}
Age
{{page.app.age_rating}}
Years Old
Developer
person_crop_square
{{page.app.developer && page.app.developer.name ? page.app.developer.name : page.app.title }}
Language
{{page.app.lang[0]}}
+{{page.app.lang.length}} More
main
Size
{{formatBytes(page.app.size, 'number')}}
{{formatBytes(page.app.size, 'unit')}}
Screenshot
Use case
Загружаем описание и детали…
Описание появится через несколько секунд…
Сезоны и серии

Удерживайте сезон, чтобы оценить весь сезон и оставить заметку. Оценка сезона подставляется в серии, пока вы не поставите свою для отдельной серии.

  • {{ mediaSeasonLabel(season) }}
    {{ seasonRatingDisplay(season.seasonNumber).label }} {{ season.episodeCount }} серий

    Список серий пока недоступен.

    • S{{ season.seasonNumber }}E{{ ep.episodeNumber }} {{ ep.name || ('Серия ' + ep.episodeNumber) }}
      {{ ep.overview }}
      {{ episodeRatingDisplay(season.seasonNumber, ep.episodeNumber).label }}
Похожие
What's New

Version {{update.version}} {{update.date ? moment(update.date).format('LL') : ''}}

Ratings & Reviews
Information
  • Age Rating
    {{page.app.age_rating}}
  • Released
    {{ page.app.omdb.released }}
  • {{ r.label }}
    {{ r.displayValue }}
  • Runtime
    {{ page.app.omdb.runtime }}
  • Director
    {{ page.app.omdb.director }}
  • Writer
    {{ page.app.omdb.writer }}
  • Cast
    {{ page.app.omdb.actors }}
  • Genre
    {{ page.app.omdb.genre.join(', ') }}
  • Country
    {{ page.app.omdb.country.join(', ') }}
  • Awards
    {{ page.app.omdb.awards }}
  • Box Office
    {{ page.app.omdb.boxOffice }}
  • In-App Purchases
    {{page.app.IAP == true ? 'Yes' : 'No'}}
  • Copyright
    {{page.app.copyright}}
  • Created
    {{moment(page.app.created).format('ll')}}
  • Trustpilot rating
    {{page.app.rank.trustpilot.value}}
  • Tranco rank
    {{numeral(page.app.rank.tranco).format(',')}}