Новая версия дизайна



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


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

    Так же изначально я решил использовать вместо пиктограмм UTF-8 символы, но как оказалось это слишком браузеро и ОС зависимо, так что пришлось отказаться от этого.

    Из плеера я решил удалить контроллер громкости, ибо счел его бесполезным, так как можно использовать как хардварный контроллер звука, так и системный контроллер ОС.

    Теперь технические обновления:
    • Проигрывание альбома не прерывается, при поиске других альбомов.
    • Показывается год альбома
    • Добавлена справка
    • Теперь все отлично работает в IE7 и старше(Большое спасибо virtualbox)

    На этом в общем и все, надеюсь вам понравится новый дизайн проекта, буду рад выслушать ваши предложения по поводу проекта. Большое спасибо всем кто мне пишет с новыми идеями и багрепортами ;)
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 57

      +17
      «Из плеера я решил удалить контроллер громкости, ибо счел его бесполезным, так как можно использовать как хардварный контроллер звука, так и системный контроллер ОС.»

      Это вы очень зря. Я слушаю через наушники, звук в винде на максимуме всегда, соответственно на ваш сайт я зайду ровно 1 раз, помяну всех разработчиков плохими словами и уйду.
        0
        Я тоже часто так делаю, но немного подумав я решил, что отдельные контролы звука даже для сайтов это уже слишком большая путаница.
          +6
          Знаете, лучше дать пользователю доп. контроллер звука на сайте (пусть им даже и не воспользуются), чем отпугнуть пользователя совсем.
          (Меня всегда раздражали сайты на которых нельзя выключить/приглушить звуковое сопровождение. О тех, на которых музыка стартует без ведома пользователя я вообще молчу.)
          Есть плеер — должен быть контролер звука.
            +1
            Вы перечитали статей про «юзабилити».

            Если звук играет на сайте, то логично, что человек на сайте же и будет искать возможность управлять этим звуком. Не найдя их он скорее уйдет, чем будет исправлять недостаток (а это в глазах пользователя именно недостаток) сайта с помощью функций ОС.
              +1
              Это не так уж и логично, это просто привычка.

              Но думаю, контрол все-таки придется добавить, зачем лишний раз мучать пользователя.
              0
              не у всех стоит виндоус семь с отдельным контроллером для браузера
                0
                Егор, вам дело говорят. Я бы тоже не стал задерживаться на медиа-сайте, где нет регулятора громкости и mute
              +12
              Это элементарная реклама. Ей не место в разделе «Web-разработка».
                +1
                Согласен, надеюсь автор в будущем проявит уважение к хабрасообществу и не будет писать о новых иконках… шрифтах и т.п.
                Извините за сарказм, реально обидно за хабр.
                  0
                  Согласен.
                  Правда сервис очень понравился с прошлого раза (сейчас еще не заходил).
                  В прошлый раз огорчило, что занимаясь уборкой дома, не смог нормально слушать музыку по WiFi с мобильника — плохо работал русскоязычный поиск.

                  P.S. Что-то я увлекся. Главное наверное — стоит перенести статью в другой блог.
                    0
                    А в чем проблема с русскоязычным поиском?
                      0
                      Ввожу, скажем, «Агата Кристи». Автодополнение срабатывает отлично.
                      Но снизу в результате поиска наблюдаем такую картину:
                      %1030B0%20%1A@8AB8
                      Соответственно ничего не находится.
                        0
                        Сейчас проверил еще кое что.
                        Поиск «Dire Straits» — получаем «Dire%20Straits», но находит.
                  +1
                  Егор, думаю, стоит перенести этот пост в «Я пиарюсь».
                    0
                    Я с удовольствием бы, но там нужно слишком много кармы :(
                      0
                      Неужто 20 пунктов не хватает? Должно хватить.
                        0
                        Да там вроде все 100 нужно.
                          0
                          Вы попробуйте, зачем гадать :)
                    –4
                    В windows 7 можно громкость регулировать для каждой программы
                      +4
                      но увы не для каждого таба хрома…
                      0
                      Сделайте возможность скачивания, хотябы через регистрацию.
                        0
                        Привет! Для того, чтобы послушать музыку, вы должны войти через свой аккаунт ВКонтакте.

                        Мде, а если кто-то не имеет учетки зомбо-сети?

                        Тыкая на скриншоты, я надеялся увидеть их в оригинальном размере, а не зайти на страничку заглушку (да-да, не имея учетки вк, все это лишь заглушка => 100% бесполезный сайт).
                          +7
                            0
                            Что за бред?
                              0
                              Обожаю rage комиксы :) Супер!
                              0
                              Видимо музыка берется из вконтакта, отсюда и требуется логиниться через зомби сеть
                                +1
                                Так и есть.
                              0
                              Мда, поиск по-русски на яблофоне так и не фурычит.
                              И несколько обидно, что «мобильная» версия сайта нисколько не отличается от обычной. Мелковато-с слишком все и не рационально.

                              P.S. Надеюсь автор доведет творение до ума. Каюсь, об ошибках сообщаю в первый раз.
                              P.P.S. В данном проекте меня привлекает, как раз отсутствие флеша, что облегчает жизнь владельцам яблодевайсов.
                                0
                                Чесно говоря, не просто сделать мобильную версию без девайса для теста. Я пользуюсь Siemens M55. Но я буду стараться.
                                  0
                                  Готов содействовать.
                                0
                                Как по мне дизайн изменился в худшую сторону....#%&!
                                После длительного времени использования ожидаешь лучшего о-о
                                а теперь хочется что бы сделали кнопку «вернуть обратно»
                                  +5
                                  В общем, основная ошибка: захожу я по ссылке на сайт, а там мне говорит: «Вы должны авторизоваться через аккаунт В.Контакте». Что за сайт, о чём он, зачем он мне — ХЗ, только одно: авторизуйтесь через В.Контакте.
                                    0
                                    А фейки-то на что? Как раз для таких сервисов. :)

                                    Или вы вы из тех кто в форму регистрации вводит свой основной имейл адрест

                                    Заведите себе для фейков адрес на @ebanat.com
                                    И вполне смешно и ясно становится, что это левый ящик.
                                      0
                                      Зачем мне вообще вводить какой-бы то ни было email туда, не зная куда, затем, не зная зачем? Вы просовываете голову в дырки в заборе?
                                        0
                                        А вас никто не заставляет это делать.

                                        И не вырывайте фразы из контекста, на сайте написано:

                                        Для того, чтобы послушать музыку, вы должны войти через свой аккаунт ВКонтакте.
                                          0
                                          Поймите, для того, чтобы послушать музыку В.Контакте, у меня есть сайт В.Контакте. Вы же предлагаете войти в свой профиль В.Контакте через свой сайт, в ответ на что я, будучи обычным пользователям:

                                          а) Допускаю мысль о том, что вы можете украсть мой логин и пароль. И не надо мне долго и нудно объяснять, что вы это не можете сделать, т.к. авторизация В.Контакте через ваш сайт осуществляется непосредственно на сервере В.Контакте.
                                          б) Просто не понимаю, зачем мне это делать, потому что я не понимаю, что это за сайт «послушать музыку», какую музыку мне предлагается «послушать», как это всё выглядит и для чего это вообще мне.

                                          Я, будучи обычным пользователем, это всё прокрутил в мыслях за три доли секунды и уже был переутомлён от того, что ваш сайт заставил меня так много думать. Поэтому, первое и единственное, что я счёл нужным сделать — закрыть его, чтобы он меня больше не напрягал, и, как сказал следующий оратор, вряд ли я когда-либо зайду на него ещё раз.
                                            0
                                            Я все это прекрасно понимаю, лишь малый процент не входит на сайт с этой проблемой, но что вы предлагаете мне делать?
                                    +1
                                    зашел на сайт ради интереса, вышел сразу и не зайду на него повторно, как это обычно бывает. нет ничего что заставит меня это сделать. вход через контакт — зачем мне сайт, если я могу в контакте с таким же успехом послушать музыку, есть нативные средства и куча приложений для этого. вывод: подобных сервисов достаточно, а вашем нет ничего нового и того что заставит выбрать именно ваш сервис.
                                      0
                                      а про «скрытый» пиар, я вообще молчу.
                                      0
                                      Почему у Вас не работает поиск по одной букве?

                                      Есть к примеру отличный фьюче-герридж исполнитель под именем — F, так я его не смог послушать и сразу ушел!
                                        0
                                        Исправил.
                                        0
                                        Сразу закрыл сайт, так как тише не смог сделать. Больше не буду на него заходить.
                                        P.S. Автору проекта, второго шанса может не быть.
                                          +1
                                          Зачем вам доступ к друзьям и аудио?
                                          Плейлист с моими аудиозаписями — не нашел.
                                          Друзья мои вам зачем нужны, тоже не понятно.
                                          Без входа через Вконтакте нельзя обойтись?
                                            0
                                            + почему к аккаунту во вконтакте привязывается кроме mopla еще и m.kid2 (Зеркало mopla?)
                                              0
                                              Это dev-версия сайта, почему она привязывается буду выяснять, спасибо за багрепорт.
                                              0
                                              Доступ к аудио нужен для того что-бы получать музыку через ваш аккаунт, а так же что-бы добавлять ее в ваш список при желании.
                                              Доступ к друзьям я поставил на всякий случай, чтобы реализовать, что-нибудь вроде отправки трека другу и т.д.
                                              0
                                              У меня такая вот ерунда, что бы ни выбирал:

                                              About This Mac
                                              Кликабельно
                                                0
                                                Спасибо. Буду дебажить.
                                                  0
                                                  К вопросу, о поиске на русском.
                                                  По всей видимости поведение мобильного Сафари iOS не отличается от десктопного на маке.
                                                    0
                                                    Буду ставить макОС на virtualbox.
                                                      0
                                                      www.genuitec.com/mobile/
                                                      15 дневная демо версия может быть решит вопрос?
                                                        0
                                                        Спасибо большое, это очень поможет :)
                                                          0
                                                          Хотя я посмотрел, эмулятор там некудышный, браузер из него даже заголовок не отдает как у оригинального браузера.
                                                0
                                                Спасибо за приятный сервис. Жаль не ясно куда можно отправить фидбэк. :)

                                                Слушать музыку из вконтакта через molpa как-то несколько удобнее. Особенно на iOS устройствах. Т.к. быстро и на лету адекватного способа заливать медиаконтент на iPhone и iPad нет — потоковое аудио спасает ситуацию. К тому же я предпочитаю основательно выбрать альбомы которые хочу качественно оформить и добавить в itunes.

                                                Ближе к делу: после обновления дизана на моем айпаде molpa не работает. :(

                                                  0
                                                  -> Регулятор громкости зря убрали. Я часто хочу изменить громкость музыки, а не всех звуков. Да и во всех плеерах, которые я видел, такой регулятор присутствовал.
                                                  -> Рекомендуем к прослушиванию — так и не понял критерий выбора =) Случайные альбомы? Ну и выводятся только названия альбомов, а не музыкантов, не очень удобно.
                                                    0
                                                    Рекомендации выводятся из TOP100 исполнителей на lastfm, либо ваши личные рекомендации если включен скробблинг.
                                                      0
                                                      А почему бы не рекомендовать музыкантов, похожих на тех в плейлисте вконтакте, через artist.getSimilar? Раз уж имеете доступ к аудиозаписям.

                                                  Only users with full accounts can post comments. Log in, please.