войти зарегистрироваться

Тематические Медиа

Тематические Медиа
▼ ▲
хабраиндекс
150,32

Наш сайт

О, боги! Наконец-то у нас появился нормальный корпоративный сайт. Теперь по адресу thematicmedia.ru вместо одинокого логотипа можно обнаружить одинокий html-документ, наполненный смыслом. Это вторая версия сайта. Первая безвозвратно утеряна. Её никто не видел. Практически никто. Мы потеряли не только готовый сайт (нарисованный нашими друзьями из Turbomilk), сверстанный и запрограммированный, но и бэкап с последней версией. Как так вышло? Лучше не спрашивайте.
+72
16 января 2009, 17:12
deniskin

комментарии (159)

  • я думал, ТМ настолько круты, что даже сайт свой не заводят… вот завели, но от этого крутости не потеряли. Поздравляю.
    • Ну не знаю. Неоднозначно что от этого сайта ТМ крут.
      • тогда по-другому: ТМ настолько суровы, что даже сайт не заводят.
      • Но сайт «крут» — однозначно, мне понравилась прокрутка — придает лёгкости.
  • Поздравляю :)
  • в хроме глючит. хотя, может это сам хром глючит
    • А в чем именно глюк? У меня все оки
    • У меня тоже в хроме все в порядке.
    • хром не настолько крут :)
  • А я в Хроме смог прочитать только 2 первых раздела. Другие разделы решили не показываться. Пришлось FF открывать.
    • Ага, бага
      • а у меня и в ФФ 3 не нормально отображается… особенно глючит «Что у нас есть»… всё остальное — более менее
  • Мои поздравления!
    Понравилась идея с переходами по меню.
    Мне кажется что-то со стилями текста — цвета ссылок по умолчанию как-то не вяжутся с ссылками в меню.

    В Опере 9,63 при изменении размера окна текст справа слетает.
    • А в IE7 так вообще полоса прокрутки вертикальная на все разделы.

      Правьте :)
    • Кстати идея отнюдь не нова.
      Ею уже в различных вариациях использует много сайтов.

      И это печально :(
  • НЛО прилетело и опубликовало эту надпись здесь.
    • Ну и где на найтпати такие картинки?
      • НЛО прилетело и опубликовало эту надпись здесь.
        • А авторство запатентовано? :)
          • НЛО прилетело и опубликовало эту надпись здесь.
            • Факт чего?… боюсь продолжить :) мне видится скрытая реклама ресурса :)
              • Всем лежать, руки за спину, 468x60!
        • Мне 69 лет и я лично делал Респективу, а размер наших анонсов 207px × 155px. А если честно, то одинаковые размеры картинок могут совпадать где угодно и сколько угодно раз, и это совсем не значит что они содраны или что сайты похожи.
          • НЛО прилетело и опубликовало эту надпись здесь.
            • Эти картинки кто-то вставляет в анонс с Найтпати, конечно они будут такого же размера. Будьте внимательнее, посмотрите другие анонсы — там будут другие картинки.
              • НЛО прилетело и опубликовало эту надпись здесь.
          • НЛО прилетело и опубликовало эту надпись здесь.
        • При всем моем уважении к ваше труду я бы не гордился такой деятельностью. И тем более не сравнивал ЭТО с Респективой!
      • Эй, братья, хорош уже минусовать ethaniel-я.
    • Если вы про картинку в карточке события. То там может быть любой размер. Добавление событий свободное по этому…
  • Если после загрузки изменить размер браузера — скроллер сбивается и по щелчку на разделы текст пролетает мимо.
    • а еще кнопки «назад» и «вперед» неработают!
  • Хороший сайт! Но я бы ссылки в тексте сделал вместо синего либо красными, как в меню, либо более мягкого синего цвета (но не этого стандартного синего).
    • Чем вам не нравится стандартный цвет, установленный вашим же броузером? :-) Вы легко его можете поменять :-)
      • Ну, по-умолчанию стоит ярко-синий, не очень хорошо сочетающийся с красноватой гаммой ТМ. Поменять, честно говоря, я даже не знаю где :) И не особо стремлюсь узнать. Считаю, что сайт должен представлять изначальную задумку авторов сам по себе. А вот она получилась, на мой личный взгляд, не очень с этими синими ссылками. Но тут уже дело вкуса, это никого ни к чему не обязывает. Просто личное мнение. К нему можно прислушаться, а можно проигнорировать.
        Но я почему-то уверен, что не один так считаю.
  • >>Как так вышло? Лучше не спрашивайте.

    «Новогодние корпаратиффки» или «Новогодний афтепати»? :)
    • Скорее НЛО прилетело и стырила сайтишко…
    • Ох, лучше не спрашивайте :)
    • наверное кто-то пролил кофе на сервер =)
  • Извиняюсь, конечно, за дотошность, но в сафари блок с текстом очень узкий, а если сузить окно, то он вообще может схлопнуться. и почему текст разделов выравнивается по вертикали в зависимости от ширина окна? чем оно уже, тем ниже он соскакивает вниз, и в такм случае выплывает текст соседних разделов. для создателей хабра это мягко говоря ужасно
    • в опере блок с сновным текстом тоже узкий и прилип к правому краю окна
  • Это ничего, вот мы один раз тестовый сервак в офисе потеряли :) Причем он пинговался, а вот физически его найти не могли :) потом вспомнили, что пару месяцев назад виртуализировали его :))
    • мужики вы не одиноки :)
  • в Хроме глюки
  • Поторопились вы, ребята, с отладкой :)

    В IE 7 вообще все плохо со скриптом, в FF 3 при ресайзе окна опять же все слетает.

    Это навскидку.
    • да там младшенький делал наверно… отладки вообще не было :)
  • В Опере и Сафари сайт фактически не работает.
    • Какая версия браузеров?
      • хочу разочавать, здесь даже не в версиях дело, во всех браузерах глючит, описывал выше. поторопились вы явно, я бы на вашем месте опять повесил бы одинокий логотип и сделал бы сайт до конца, ибо эта версия практически нерабочая
        • У меня отлично работает и в Сафари, и ФФ. Не стал бы говорить, что глючит во всех браузерах. В некоторых глючит, но не во всех.
          • habrahabr.ru/company/tm/blog/49325/#comment_1285369
            я вот тут писал
            попробуйте сами перети на какую-нить страницу и изменить размеры окна браузера
            • не отрицаю что сайт глючит, но часто ли вы меняете размеры окна браузера после открытия сайта? :)
              • К тому же глюки после изменения размера окна мы уже исправили )
              • бывает, и не так редко. да даже если и не редко, такой глюк оставлять нельзя было.
                а изменить размер окна меня заставила узкая текстовая колонка
                да чё об этом теперь говорить? глюки уже исправлены
                • неправильно выразился: да даже если и РЕДКО…
      • В девятой Опере осовной текст справа собирается в узкую колонку, а если открыть окно на весь экран — часть текста уезжает наверх, а в большинстве разделов вообще пропадает.

        В Сафари (последнем, опять же) сайт нормально отображается когда окно на весь экран и придуривается (текст в колонку или совсем пропадает) в окне по размерам страницы.
  • НЛО прилетело и опубликовало эту надпись здесь.
    • Понахватались словей — не сувайте их везде. Выше уже обсудили конкретные ошибки.
      Перестанете кидаться словами и хабр станет еще чуточку лучше. Вы бы помогли ребятам, раз столько энтузиазма было везде проверять…
      • НЛО прилетело и опубликовало эту надпись здесь.
  • А вас не смущает, что в Firefox и Safari, при размере экрана 1024х768 колонка текста заканчивается словами «за это их называют «сексуальными меньшинствами», но они…» Хотя я почти уверен — там есть продолжение.

    Кодировка UTF, а в коде полно подстановок, вместо самих символов:

    & #171;<a href="…">Респективе</a>& #187;

    Высота блоков задана в пикселах — height:1000px + overflow:hidden = мучительная смерть при увеличении шрифта.

    В общем, вы что — уволили всех способных верстальщиков? Или способный занимался сборкой логотипа? Вроде серьёзные ребята, а сайтик в стиле «давайте ну хоть что-нибудь сделаем»…
    • Сделали — молодцы.
      у меня в ФФ открылось без явных косяков.
      Пусть уж лучше все специалисты направят силы на habr и другие проекты ТМ.
      • Лучше заглушка с логотипом, чем такой позор.

        Клик на «Как нас найти» и рраз — кусочек информации мелькает и уносится куда-то за пределы экрана. Где он? Как его найти? А хз…
        • Какой кусочек? Вы о чем?
          при нажатии на «Как нас найти» я вижу то что хотел:

          Нас можно по адресу:
          115191, Москва, ул. Холодильный пер., д.3, офис 318
          Тел: +7 (495) 797-67-20
          Электронная почта для писем: info@thematicmedia.ru
          • Ну, как же я мог забыть… Safari — это же недобраузер. Как и Chrome, наверное.
            • К сожалению не пользуюсь ни тем, ни другим.
              контактную информацию написал выше, если вас она интересовала ;)
        • Это происходило при изменении размеров окна после загрузки сайта. Уже исправили.
    • Про 1024x768 — не уследили, уже исправлено.

      Про постановки — спроси у Россомахина.

      Высота #content в css задана начальная, для людей у которых отключен javascript, высота блоков нигде не задана и не ограничена, #content подстраивает высоту при каждой прокрутке к разделу, чтобы вместить его целиком.

      Йоу.
  • АА! Молодцы. Неделю не просыхаю…

    Не забудьте, что с помощью псевдо класса :target ваш сайт будет также круто работать и с отключённым js

    .piece:target{top:0} или что-то в этом духе
  • FF 3 + Safari + Opera on Mac Os X Leopard полёт нормальный :)
    • угу, летит всё :)
    • RUQ
    • RUQ
    • 16 января 2009, 17:47
    • #
      • +1
    Даже закрывая глаза на глюки = могло быть и лучше.
    • Любая вещь в мире может быть лучше.
  • Прикольно обвести все ссылки и нажать энтер прям как колеса в «Поле Чудес» ;)
  • Мы потеряли не только готовый сайт (нарисованный нашими друзьями из Turbomilk), сверстанный и запрограммированный, но и бэкап с последней версией.
    Это жесть. Сайт и бэкап хранили в одном месте? %)
    • Видимо, на дискете.
      • ты чего сегодня такой злой?)
        • Ну а чего они первые начали? )
          Серьёзные ребята, можно сказать надежда рунета — такие саты делают. А тут…
          • Как выяснилось, на боевой сервер залили не тот апдейт. И вы сразу набросились на нас :(
            • ну глюк с шириной текстового блока в сафари и опере ушёл, а его гуляния по вертикали в зависимости от ширины окна браузера остались
              • Правим прямо сейчас, спасибо за репорты.
                • всегда пожалуйста
  • Холодильный переулок… Почти рядом с моим офисом )
    • прикольное название улицы)
    • FB3
    • FB3
    • 16 января 2009, 17:55
    • #
      • +3
    www.thematicmedia.ru/#whereweare
    «Нас можно по адресу:» — что с вами можно сделать по этому адресу? :)
  • Молодцы! :) 
  • <!-- Ыхы -->
    Порадовало =)
    • Ага! Тоже хотел добавить. «Молодцы» и от меня
  • Хмм

    "
    Тел: +7 (495) 797-67-20
    Электронная почта для писем:
    info@thematicmedia.ru
    "

    Тогда еще напишите телефонный номер для звонков
    А то написали как то «Тел:»

    ИМХО глупо так делать. пишите в едином стиле:
    почта (если есть собака то коту ясно что она электронная)

    почта: info@thematicmedia.ru

    телефон: +7 (495) 797-67-20
  • мне особо понравился логотип.
    хотя, разве картинкой бы не меньше весил? и не сэкономили бы время на реализации?
    хотя, можно задуматься, на тему «мы сверстали логотип» и «мы не идем легкими путями»

    кстати, сайт таки 1 файлом не скачать.
    ибо фавикон.
  • В Chrome скрипты косячат. Прокручивается за верхнюю кромку экрана.
  • Может страничку на бизнес линч отправим, ради интереса.
    • jcd
    • jcd
    • 16 января 2009, 18:15
    • #
      • 0
    А почему на сайте нигде не упоминается «Тематические Медиа», везде только «ТМ», даже в заголовке html-страницы.
    • acy
    • acy
    • 16 января 2009, 18:16
    • #
      • 0
    А мне синие ссылки не нравятся: мне кажется фиолетовые были бы красивее.
  • В хроме жутко глючит, текст приезжает не туда, куда задумано, в итоге видны только «ноги» или только «голова». В IE7 то же самое, но для появления бага нужно долго ходить по разделам.
  • Сайт — говно.
  • В Хроме 1.0.154.43 действительно показывается «одна страница», остальные ссылки перелистывают что-то, но показывают пустоту. Я разочарован!

    Постарайтесь, пожалуйста, в следующий раз работать двумя руками и обоими полушариями! Может лучше получится =)
  • вместо таких извратов с логотипом можно было в векторном формате (использовать VML + SVG )
    • ну если уж на то пошло, то без извратов можно было бы обычное изображение поставить :)
      • я так понимаю они хотят показать техническую подкованность.
        • Не, идея в том, что весь сайт — это один html файл, его можно скачать и показывать потом кому-то, или просто смотреть, когда грустно и интернет отключили. Ну или просто хотя бы скачать целиком, одним файлом.

          Поэтому такой секс с логотипом.

          Насколько я знаю, невозможно встроить svg+vml в html так, чтобы это работало и в fx/safari/opera, и в ie, и сохраненный index.html с компьютера бы нормально открывался.
          • представляю картину — инет отключили, делать нечего, открываешь сохраннённый на локале сайт ТМ и с умилённым видом тыкаешь в ссылки :D
            извините за сарказм, не удержался :)
          • и почему же невозможно? расскажите-ка)

            svg+vml вполне реально встроить html так, чтобы это работало и в fx/safari/opera, и в ie, и сохраненный index.html с компьютера бы нормально открывался.
    • Такой крошечный растр проще было сделать через data:URL, причём кроссбраузерно.
      • а можно и svg в data:URL через object data=«data:URL» + vml
        там всего две буквы квадрат и треугольник
      • А как сделать это кроссброузерно одним файлом?

        Насколько я понимаю, для ie в этом случае используется mhtml, и я не нашел способа встроить html в html-файл и тут же подключить в css.
        • vml пишется inline его не нужно встаивать. он и так встроенный)
        • webo.in/articles/all/data-url-ie/
          • Еще раз: нам нужно чтобы весь сайт можно было сохранить в виде одного html-файла, и открыть потом, да так, чтобы без интернета все заработало и отобразилось.

            К сожалению, у меня неполучилось (насколько я понимаю, это невозможно) поставить mhtml ссылку на сам документ, в котором мы ее ставим (что-то вроде «src=«mhtml:.»»).
            • если руки кривые, то можно не оправдываться. Уже много раз было (с примерами) как это можно сделать:
              webo.in/articles/habrahabr/29-all-about-data-url-images/
              webo.in/articles/all/data-url-ie/
              webo.in/articles/habrahabr/46-cross-browser-data-url/
              webo.in/articles/habrahabr/52-css-sprites-are-evil/
              webo.in/articles/habrahabr/64-css-to-post-load/
              webo.in/articles/clientside2008/data-uri-vs-css-sprites/

              P.S. Спасибо, Вадим, за ссылку :)
              • Очень здорово, что вы указали здесь все эти ссылки.

                Как я уже говорил, проблема со вставкой картинки через data:URL заключается в том, что для IE в этом случае используется mhtml, который требует указания полного URL. И даже встроив mhtml в наш маленький html-файлик, мы все равно не сможем указать для него ссылку на самого себя, только «thematicmedia.ru». А это нам не подходит, так как наш файл не должен ни от чего зависеть.

                В ответ вы написали что-то про кривые руки, про то, что «уже много раз было (с примерами) как это можно сделать» и привели несколько ссылок.

                Давайте разберем эти ссылки прямо по порядку:

                webo.in/articles/habrahabr/29-all-about-data-url-images/
                В этой статье предлагается оставлять для IE внешнюю картинку.
                Мимо.

                webo.in/articles/all/data-url-ie/
                Ближе к делу, но в примере mhtml-ссылка указана целиком («mhtml:http://bolknote.ru/files/ie-data-url.php!c5ee0ef1b3d3c76b614b20da3f6f6220»). О том, что она может быть только полной, в статье не упоминанется, несмотря на то, что это так.
                Мимо.

                webo.in/articles/habrahabr/46-cross-browser-data-url/
                При вставке data:URL прямо в html предлагается использовать для IE внешнюю картинку.
                Мимо.

                webo.in/articles/habrahabr/52-css-sprites-are-evil/
                Про css-спрайты, data:URL упоминается очень вскользь.
                Мимо.

                webo.in/articles/habrahabr/64-css-to-post-load/
                «Выносим css в пост-загрузку».
                Это-то здесь причем?

                webo.in/articles/clientside2008/data-uri-vs-css-sprites/
                Про использование data:URL вместо спрайтов. Предлагается встраивать их в css-файлы.
                Мимо.

                Оу, ничего себе. ни одной ссылки по делу!

                В следующий раз рекомендуется, переписывая сюда результаты поиска по своему сайту, смотреть не только на заголовки статей, но и хотя бы бегло просмотреть их содержание. Ну и в обсуждаемую проблему вникать тоже неплохо, конечно.
                • :) бывают же въедливые люди.

                  Решение-то есть, но его нет по приведенным ссылкам. Вместо того, чтобы меня мордой в грязь пихать, стоило бы потратить это время на изучение мат. части и найти, например, следующий образец:
                  www.hedgerwow.com/360/dhtml/base64-image/demp.php

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

                  Как получу корректное решение — кину на Хабре ссылку на статью.
                  • VML там для прозрачности я так понимаю…
                    чегото не могу посмотреть исходники!))) похоже для IE отдельная страница выдаётся, но в ней никакого base64 нет, а строчки вроде v:imagedata src=www.yahoo.com меня вообще поражают)
                • в общем, если вопрос действительно актуален, то по ссылке
                  webo.in/tests/ie-local-mhtml/
                  можно открыть и сохранить документ с картинкой
                  • спасибо!
                  • у меня вот в ie6 не отображается
                    а в ie7 отображается и без скрипта
                    • у IE очень интересные взаимоотношения с mhtml, как бы странно это ни звучало :)

                      У меня в IE6 под IETester работает… Там еще с кэшированием могут быть заморочки…

                      Да, и сохранять нужно как HTML, а не MHT.
                      • у меня и было сохранено как html, всё равно не хочет

                        может быть проблема в том, что после mhtml: ему нужно будет ещё раз писать двоеточие (c:/temp/)?
                      • у нас то и дело в сообщениях «у меня»))

                        вообще уже пора отдельную статью про этот ужасный mhtml писать))

                        кстати, видел игрушку (в опере с анимацией)?
                        • пробелы в полном пути «ломают» mhtml. Наверное, есть какой-то обходной путь :)

                          Статья будет. Как с силами соберусь. Мощная штука это mhtml, на самом деле, только почти не используется.
  • Я правильно сделали. Турбомилк делают слащавые средней паршивости картинки в погоне за славой и деньгами, их визуальные образы совсем не соответствуют менталльным образам хабры и тиматикмедия. Исключение наверное тольео маленькие функциональные иконки на сайт.
    • а какой у хабра менталльный образ?
      • ИТ и клубок шерсти. Ну уж точно не в виде разгламуреного мозгового лизуна.
      • Брутальный программист в кожаных трусах с плёткой и бубном в руках.
        • И нарисованый в таком комиксовидном стиле, как корова турбомилк.
  • Некоторые предпочитают Windows и Linux, за это их называют «сексуальными меньшинствами»

    Ну конечно, высмеять,«Ах какие мы крутые, мы так неявно показали что Mac сила». тьфу
    • и пусть меня заминусуют, но это глупо
    • Ну я воспринял текст изначально с легким юмором, и мне показалось что без какого-либо подтекста сообщили о том что большинство предпочитает маки.
      • Я тоже так вначале воспринял, а потом подумал, а к чему такое выражения, разве «крутизна» меряется в Макинтошах? :)
        • Имхо крутизна не при чём. Может нравится за маками работать, вот и похвастались. Тоже ведь такое бывает. (Сам маки не особенно люблю из-за их дороговизны и отсутствия нетбука в ассортименте)
  • помойму без сайта было круче
  • Chrome. Косяков не заметил — всё шевелится.

    Логически: остался сайтом не убеждён: нет ни цен, ни их порядков, ни намёка на их уровень.
    • Кстати, а кто-нибудь знает почему теперь Habrahabr не принадлежит Futurico?
      • Выиграли в карты.
        • Ага, попался.

          Макс, ты зачем кавычки в UTF-документ вставляешь как ентити? ;)
          • Я старый и больной человек — верстаю так, как привык за 80 лет.
        • Макс, ты серьезно?!
    • Safari 3.1.2, Leopard 10.5.6, при нажатии назад-вперед кнопок в адресной строке меняется адрес, но на странице текст не ездит и индикатор выбраной страницы не преключается. Яваскрипт включен.
  • Прокрутка от «Кто мы» до «Как нас найти» вполне может вызвать эпилептический припадок :)
    Бойтесь исков.
  • Госспади, зачем такие извращения? Не знаю чем круты сайты в одну страничку… всегда можно в *.mht сохранить. А так пока вся эта див айди лого конструкция закрузится, уже бы и картинка нормально загрузилась.

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

    Моё мнение — предыдущая версия сайта с лого посередине, если к ней почтовую ссылку прицепить — намного лучше.
    • начинается какие-то полеты текстовых блоков.

      Нафига вы это написали? До ваших слов не обращал внимания((
      • да тут до меня уже это несколько человек заметили )
  • Chrome 2.0.156.1

    Перекручивается.

    Проще сделать без закруток — особо от них эффекта нет.
  • мне старый сайт нравился больше! ))
    Я считал его эталоном минимализма, качества, и эстетики во всех проявлениях!
  • Сайт хорош, для создания клонов гож.
    ;)
  • а я думал Лепрозорий тоже ТМ сделали?
    • Лепру сделали в Футурико.
  • Все гениальное — просто :)
    • svk
    • svk
    • 17 января 2009, 00:34
    • #
      • 0
    А наш офис расположен недалеко от вашего :) Я, оказывается, каждый день мимо офиса ТМ прохожу
  • Не ожидал…
  • интересно, а шаловливая прокрутка организована стандартным скриптом?..
  • про прокрутку сказали. Через несколько пунктов — некрасиво. А вот между соседними гут. Обдумайте.
  • Кризис припёр? :-)
    (робко спросил я)
  • Был удивлен что в трех соснах (10 строк текста) есть 116 ошибок верстки, и о мама, это же страшно.

    Пустыми тегами заполненные стилями наполнен весь код. Правильно сказал Пепелсбей — лучше бы просто лого и все.

    Читать разумеется не стал, так как призадумался о верстке.
Только авторизованные пользователи могут оставлять комментарии. Авторизуйтесь, пожалуйста.