Новые шаблоны для потрясающих приложений

Погрузитесь в фантастическую коллекцию новых шаблонов для потрясающих приложений, включая шаблоны буфера обмена, шаблоны файлов и шаблоны приложений.

Томас Штайнер
Томас Штайнер

Независимо от того, что вы создаете — будь то приложение для редактирования видео следующего поколения, захватывающая словесная игра или будущее онлайн-приложение для социальных сетей — вам всегда понадобятся несколько основных строительных блоков:

  • Приложение для редактирования видео, вероятно, позволит пользователю сохранить отредактированное видео.
  • Возможно, ваша игра позволит пользователю делиться игровым прогрессом с друзьями.
  • Онлайн-приложение для социальных сетей, скорее всего, позволит пользователю вставлять изображения в сообщение.

Не существует универсального способа реализовать эти закономерности.

Это была всего лишь пара примеров таких паттернов, а их гораздо больше. Но у всех этих идей есть одна общая черта: универсального способа их реализации не существует.

Делимся прогрессом

Например, не все браузеры реализуют API Web Share , поэтому в некоторых случаях вам придется прибегнуть к другому подходу, такому как Web Intents Twitter , или копированию в буфер обмена, который является подходом, выбранным в Wordle , когда API Web Share не реализовано. Уф, едва дошёл до этого:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Сохранение файлов

Когда дело доходит до сохранения, лучше всего использовать API доступа к файловой системе , поэтому в итоге вы получаете FileSystemFileHandle , который позволяет реализовать настоящий поток сохранения, редактирования и сохранения . Следующий лучший вариант — вернуться к классическому <a download> , который также позволяет пользователю сохранять данные, но имеет недостаток: при каждой загрузке создаются новые файлы, поэтому в итоге они получают my-video.mp4 , my-video (1).mp4 , my-video (2).mp4 и т. д.

Вставка изображений

В заключение вводных примеров отметим, что не все браузеры поддерживают вставку изображений в веб-приложение, поэтому вы можете вернуться к использованию API перетаскивания или показу средства выбора файлов, что не так элегантно, как API Async Clipboard , но, по крайней мере, так. работает.

Новые модели

Итак, новые разделы шаблонов:

Шаблоны буфера обмена

Шаблоны буфера обмена для всего, что связано с системным буфером обмена, например, копирование и вставка самых разных вещей.

Шаблоны файлов

Шаблоны файлов для всего, что связано с файлами и каталогами; будь то сохранение, открытие, перетаскивание, получение или обмен.

Шаблоны веб-приложений

Шаблоны веб-приложений для всего, что связано с расширенными функциями приложений, такими как предоставление ярлыков приложений, периодическая синхронизация данных в фоновом режиме, отображение значков приложений и многое другое.

Обратная связь

Я надеюсь, что эти шаблоны помогут вам создавать потрясающие приложения, и с нетерпением жду ваших отзывов! Вы можете оставить отзыв, написав в Твиттере на @ChromiumDev или отправив сообщение о проблеме . В обоих случаях отметьте @tomayac , чтобы я это увидел.

Благодарности

Я благодарен Джо Медли за помощь в просмотре и редактировании выкроек. Спасибо Питу Лепейджу , Еве Гасперович , Рэйчел Эндрю , Кену Паскалю и Маттиасу Ромеру за всю их техническую и организационную поддержку и поддержку в реализации этого проекта. Весь проект узоров был бы невозможен без помощи авторов отдельных узоров, а именно Гарри Теодулу , Тони Конвея , Палансеса Ляо , Сесилии Конг , Франсуа Бофорта и Джо Медли .