Библиотека Колибри

Скриншот макета

Краткое содержание

Библиотека Hummingbird : совершенно новый интерфейс Hummingbird, популярного сайта для отслеживания аниме и поиска.

Что нам нравится?

Поклонники аниме (как и я — количество просмотров на скриншоте реально!) уже давно одержимы отслеживанием того, что они смотрят. Популярные сайты в этой области включают AniDB и MyAnimeList, но Hummingbird , безусловно, выглядит лучше всех.

Тем не менее, библиотека Hummingbird , которая находится поверх существующего API Hummingbird, делает еще один шаг вперед, созданная с нуля с использованием Angular и Material Design. Цвет и манифест темы делают ее суперинтегрированной и легко устанавливаемой на главном экране, и весь процесс кажется очень быстрым, фокусируясь на основных функциях основного сайта.

Возможные улучшения

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

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

Вопросы и ответы с Лейфом Томасом

Почему сеть?

Разработка для Интернета позволяет вам охватить практически любую платформу с помощью единой базы кода, что является огромным преимуществом, если вы являетесь единственным разработчиком. А благодаря таким замечательным функциям, как «Добавить на главный экран» , пользователям легко предоставить возможности, практически идентичные тем, которые они получают в собственном приложении.

Что действительно хорошо сработало во время разработки?

Проект angular/material на GitHub работал отлично. Он дал мне все необходимое, чтобы начать проект с AngularJS и Material Design.

Если бы у вас была возможность улучшить свое приложение, какой бы это был API?

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

Хорошие новости, оно у нас уже есть :) Ознакомьтесь с API Web Speech.

Наконец, как вы продвигали свое приложение?

Я использовал Facebook, Google+ и Twitter, чтобы привлечь трафик на www.hummingbirdlibrary.com, но мой самый большой всплеск трафика произошел после публикации ссылки на него на Reddit. Это отличный способ охватить аудиторию, которая может искренне интересоваться тем, что вы разрабатываете.