Дубль два: сайт службы доставки пиццерии «Перцы»

Наконец-то сайт официально открыт, Роман разрешил мне опубликовать его 🙂 и предлагает обсудить финальную версию.

«В соответствии с техническим заданием были модифицированы и дописаны некоторые компоненты и модули. Сайт оптимизирован для разрешений экрана начиная с 1024x768. Вёрстка сайта div'ная резиновая валидная seo-ориентированная кроссбраузерная.» — пишет Роман в аннотации проекта.

Дубль два: сайт службы доставки пиццерии «Перцы»

57 комментариев к “Дубль два: сайт службы доставки пиццерии «Перцы»”

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

        1. Дмитрий, вам будет понятно так — seo-ориентированная это когда не
          ⟨div class=»title»⟩О компании⟨/div⟩ , а ⟨h1⟩О компании⟨/h1⟩

          См. также «семантическая верстка»:
          http://yandex.ru/yandsearch?text=%D1%81%D0%B5%D0%BC%D0%B0%D0%BD%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F+%D0%B2%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0&lr=62

  1. Коллеги, мы действительно, предъявляем очень высокие требования к качеству верстки изготавливаемых нами сайтов и стремимся верстать div`но валидно (xhtml, css ) кроссбраузрно резиново seo-ориентировано причем все это одновременно. В Красноярске всего несколько специалистов способных верстать макеты с таким уровнем сложности.
    Ну, вы же знаете, что нельзя исправить самую последнюю ошибку в программе, так же как нельзя закончить разработку сайта на 100% — сайт это живой организм, он постоянно растет и развивается.
    На данный момент заложен хороший фундамент для дальнейшего развития проекта. Планов у заказчика много.
    Евгений, спасибо за найденную ошибку с уголками в браузере Internet Explorer 7 — в ближайшее время исправим и проведем дополнительный тест верстки сайта в этой версии браузера.

    1. Роман, а вы сами верстаете?

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

      Попробуйте на сайте «Перцев» отключить картинки. Классно, правда?
      И такие косяки на каждом шагу.

      Поймите — зеленый квадратик это не более чем десятая часть условий которые нужно выполнить для претензий на хорошо сверстанный сайт.
      Может быть вы просто не знаете способов оценки качества верстки, кроме как валидатор?

      Скорее всего вы действительно предъявляете «очень высокие требования к качеству верстки изготавливаемых нами сайтов» и на самом деле стремитесь «верстать div`но валидно (xhtml, css ) кроссбраузрно резиново seo-ориентировано причем все это одновременно», вот только результат пока что является хорошей иллюстрацией к известной пословице о погоне за двумя зайцами.

      1. Анонимный N!, к сожалению не знаком с вами и вашими работами, но видимо вы являетесь верстальщиком экстра-класса, что позволяет вам давать такие категоричные оценки верстке.

        Спасибо, вам, за найденный недочет. Мы добавим цвет бэкграунда всем необходимым элементам сайта, для того чтобы посетитель интернет-магазина, даже с отключенным в браузере отображением картинок мог осуществлять навигацию и сделать заказ.
        Хотя мне и сложно представить себе такого посетителя, но случаи, действительно, бывают разные (дальтоники и т.д.) 🙂

        Сам я, сейчас, не верстаю, но необходимые знания имею.
        Валидный код — не единственный критерий оценки качества верстки, хотя и необходимый, на мой взгляд.

        А какие способы оценки качества верстки, кроме валидатора, знаете вы?

        1. 100% объективных, кроме валидатора я конечно не назову.

          Но вот неплохой чеклист не потерявший актуальности за 2,5 года:
          http://cssing.org.ua/2007/10/24/html-quality/

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

          И еще — CSS был создан чтобы отделить разметку от представления. Помните об этом и не создавайте лишних html-элементов для каждого полукруглого уголка. 🙂
          Есть замечательный способ с использованием псевдоклассов :before и :after, или, еще лучше, border-radius для всех современных браузеров и дополнительный expression или jquery plugin для IE.

          Для оперы версии ниже 10.50 можно использовать очень красивый трюк с svg загружаемым в background. Вы можете найти его описание на странице http://dev.opera.com/articles/view/new-development-techniques-using-opera-k/

          Также внимания заслуживает js-библиотека rocon http://code.google.com/p/rocon/

          Ну, как-то так. 🙂

        1. Евгений, за всех тех кто кичиться и за тех кто просто старается качественно делать свою работу верстая без использования таблиц ответить не смогу — скажу за нашу студию.
          Мы стараемся, ПО ВОЗМОЖНОСТИ, верстать без использования таблиц, потому, что считаем, что так правильнее.
          Ваш подход, тоже имеет право на жизнь.

        1. «Только?»
          Евгений, вы невнимательны сегодня, хотя я специально выделил прописными буквами в предыдущем посте — «ПО ВОЗМОЖНОСТИ».
          У нас в портфеле есть работы где пришлось использовать таблицы.

        2. Нууу причина только в оптимизации 🙂 Во первых в большинстве случаев разметка слоев зранится в цсс, который кэшируется. С точки зрения движков браузера отобразить 1000 слоёв легче, чем 1000 ячеек. Программировать слои проще…

          Ну а так да, таблицей иной раз всё проще 🙂 Но на самом деле полно готовых обходных, но всё же логичных путей чтоб делать height100, valign center и т.д. 🙂

  2. Дизайн непродуманный, красный цвет очень отвлекает. Я понимаю, что вероятнее всего это идея заказчика, но по моему, перебор. Красный цвет забирает привлекательность у представленных продуктов. Корзина заказов банальная и серенькая.

  3. Иван, в таких случаях на западе принято писать: «Внимение, сейчас будут демонстрироваться яркие изображения. Людей, страдающих эпилепсией, просим отойти от экранов». Я бы еще посоветовал убавить яркость мониторов, а то вдруг красные пиксели повыгорят.

  4. Такой хорошей компании такой плохой сайт, ай-ай-ай 🙁
    Интекмедиа еще в 2007 году сделала сайт в разы лучше этого. Хоть он нифига не валидный, и собран на таблицах.

  5. Нормальный в целом-то. Не знаю, что вы до красного фона докопались…
    Корзину, единственное, надо было на ажаксе сделать — ну что это такое, перезагрузка страницы при добавлении товара в 2010-то году… 🙂
    А еще лучше — драгндропом кидать товары в корзину.

  6. http://www.reklama-mama.ru/bbs/

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

    Роман! Как же так?

    1. Денис, ну вот с вами поработали, с нами поработали, теперь еще с кем-нибудь хотят, видимо, поработать 🙂
      На самом деле, одно из неоспоримых преимуществ 1С-Битрикс — свобода заказчика выбирать исполнителя для дальнейшей поддержки и развития проекта.
      Вероятность найти фрилансера знающего API 1С-Битрикс весьма велика, примерно в 3500 раз выше вероятности найти фрилансера знающего API СМS «Aquilon». На free-lance.ru ежедневно поступает около 20 запросов на разработку под 1С-Битрикс. Хотя и здесь можно нарваться на непрофессионала (нужно смотреть имеющиеся у программиста сертификаты, его работы, его активность в сообществе).

        1. Недовольные будут да, но расстаться можно и по хорошему, чтобы никто плохого не говорил. Я вот про Романа ни от кого ничего плохого не слышал, а общие клиенты у нас есть.

          1. Я конечно дико извиняюсь г-н Март, но у меня создалось впечатление что вы вновь переходите на личности относительно компании Интекмедиа. Не пора ли остановиться? Ничего личного, спасибо за понимание…

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

Оставьте комментарий