Наш сайт

[the_thee_mind]

я думал, ТМ настолько круты, что даже сайт свой не заводят… вот завели, но от этого крутости не потеряли. Поздравляю.

[GaloGenuS]

Ну не знаю. Неоднозначно что от этого сайта ТМ крут.

[the_thee_mind]

тогда по-другому: ТМ настолько суровы, что даже сайт не заводят.

[GKelpi]

Но сайт «крут» — однозначно, мне понравилась прокрутка — придает лёгкости.

[mdevils]

Поздравляю :)

[summerrain]

в хроме глючит. хотя, может это сам хром глючит

[VasilioRuzanni]

А в чем именно глюк? У меня все оки

[Princess]

У меня тоже в хроме все в порядке.

[Rsmile]

хром не настолько крут :)

[McBernar]

А я в Хроме смог прочитать только 2 первых раздела. Другие разделы решили не показываться. Пришлось FF открывать.

[peroon2]

Ага, бага

[dizzyman]

Мои поздравления!
Понравилась идея с переходами по меню.
Мне кажется что-то со стилями текста — цвета ссылок по умолчанию как-то не вяжутся с ссылками в меню.

В Опере 9,63 при изменении размера окна текст справа слетает.

[dizzyman]

А в IE7 так вообще полоса прокрутки вертикальная на все разделы.

Правьте :)

[xaxaTyH]

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

И это печально :(

[rossomachin]

Ну и где на найтпати такие картинки?

[Tvarb]

А авторство запатентовано? :)

[Tvarb]

Факт чего?… боюсь продолжить :) мне видится скрытая реклама ресурса :)

[Danilka]

Всем лежать, руки за спину, 468x60!

[saltommeister]

Мне 69 лет и я лично делал Респективу, а размер наших анонсов 207px × 155px. А если честно, то одинаковые размеры картинок могут совпадать где угодно и сколько угодно раз, и это совсем не значит что они содраны или что сайты похожи.

[saltommeister]

Эти картинки кто-то вставляет в анонс с Найтпати, конечно они будут такого же размера. Будьте внимательнее, посмотрите другие анонсы — там будут другие картинки.

[LeshaGarmonia]

При всем моем уважении к ваше труду я бы не гордился такой деятельностью. И тем более не сравнивал ЭТО с Респективой!

[rossomachin]

Эй, братья, хорош уже минусовать ethaniel-я.

[LeshaGarmonia]

Если вы про картинку в карточке события. То там может быть любой размер. Добавление событий свободное по этому…

[xfox]

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

[PixoiD]

а еще кнопки «назад» и «вперед» неработают!

[VasilioRuzanni]

Хороший сайт! Но я бы ссылки в тексте сделал вместо синего либо красными, как в меню, либо более мягкого синего цвета (но не этого стандартного синего).

[mdevils]

Чем вам не нравится стандартный цвет, установленный вашим же броузером? :-) Вы легко его можете поменять :-)

[VasilioRuzanni]

Ну, по-умолчанию стоит ярко-синий, не очень хорошо сочетающийся с красноватой гаммой ТМ. Поменять, честно говоря, я даже не знаю где :) И не особо стремлюсь узнать. Считаю, что сайт должен представлять изначальную задумку авторов сам по себе. А вот она получилась, на мой личный взгляд, не очень с этими синими ссылками. Но тут уже дело вкуса, это никого ни к чему не обязывает. Просто личное мнение. К нему можно прислушаться, а можно проигнорировать.
Но я почему-то уверен, что не один так считаю.

[Tvarb]

>>Как так вышло? Лучше не спрашивайте.

«Новогодние корпаратиффки» или «Новогодний афтепати»? :)

[Atilla]

Скорее НЛО прилетело и стырила сайтишко…

[deniskin]

Ох, лучше не спрашивайте :)

[4upuk]

наверное кто-то пролил кофе на сервер =)

[Ashot]

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

[Ashot]

в опере блок с сновным текстом тоже узкий и прилип к правому краю окна

[pr0r0k_d]

Это ничего, вот мы один раз тестовый сервак в офисе потеряли :) Причем он пинговался, а вот физически его найти не могли :) потом вспомнили, что пару месяцев назад виртуализировали его :))

[Shafeev]

мужики вы не одиноки :)

[chetzof]

в Хроме глюки

[Ashot]

везде глюки

[AgaFonOff]

Кто тут?

[Shiyna]

Поторопились вы, ребята, с отладкой :)

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

Это навскидку.

[Tvarb]

да там младшенький делал наверно… отладки вообще не было :)

[ilnovikov]

В Опере и Сафари сайт фактически не работает.

[deniskin]

Какая версия браузеров?

[Ashot]

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

[deniskin]

У меня отлично работает и в Сафари, и ФФ. Не стал бы говорить, что глючит во всех браузерах. В некоторых глючит, но не во всех.

[Ashot]

habrahabr.ru/company/tm/blog/49325/#comment_1285369
я вот тут писал
попробуйте сами перети на какую-нить страницу и изменить размеры окна браузера

[gigigi]

не отрицаю что сайт глючит, но часто ли вы меняете размеры окна браузера после открытия сайта? :)

[bebopkid]

К тому же глюки после изменения размера окна мы уже исправили )

[Ashot]

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

[Ashot]

неправильно выразился: да даже если и РЕДКО…

[ilnovikov]

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

В Сафари (последнем, опять же) сайт нормально отображается когда окно на весь экран и придуривается (текст в колонку или совсем пропадает) в окне по размерам страницы.

[MIC]

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

[pepelsbey]

А вас не смущает, что в Firefox и Safari, при размере экрана 1024х768 колонка текста заканчивается словами «за это их называют «сексуальными меньшинствами», но они…» Хотя я почти уверен — там есть продолжение.

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

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

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

В общем, вы что — уволили всех способных верстальщиков? Или способный занимался сборкой логотипа? Вроде серьёзные ребята, а сайтик в стиле «давайте ну хоть что-нибудь сделаем»…

[atrian]

Сделали — молодцы.
у меня в ФФ открылось без явных косяков.
Пусть уж лучше все специалисты направят силы на habr и другие проекты ТМ.

[pepelsbey]

Лучше заглушка с логотипом, чем такой позор.

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

[atrian]

Какой кусочек? Вы о чем?
при нажатии на «Как нас найти» я вижу то что хотел:

Нас можно по адресу:
115191, Москва, ул. Холодильный пер., д.3, офис 318
Тел: [phone]
Электронная почта для писем: [e-mail]

[pepelsbey]

Ну, как же я мог забыть… Safari — это же недобраузер. Как и Chrome, наверное.

[atrian]

К сожалению не пользуюсь ни тем, ни другим.
контактную информацию написал выше, если вас она интересовала ;)

[bebopkid]

Это происходило при изменении размеров окна после загрузки сайта. Уже исправили.

[bebopkid]

Про 1024x768 — не уследили, уже исправлено.

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

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

Йоу.

[arestov]

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

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

.piece:target{top:0} или что-то в этом духе

[Kumiro]

FF 3 + Safari + Opera on Mac Os X Leopard полёт нормальный :)

[Ashot]

угу, летит всё :)

[RUQ]

Даже закрывая глаза на глюки = могло быть и лучше.

[deniskin]

Любая вещь в мире может быть лучше.

[kalisha]

Прикольно обвести все ссылки и нажать энтер прям как колеса в «Поле Чудес» ;)

[MTonly]

Мы потеряли не только готовый сайт (нарисованный нашими друзьями из Turbomilk), сверстанный и запрограммированный, но и бэкап с последней версией.
Это жесть. Сайт и бэкап хранили в одном месте? %)

[pepelsbey]

Видимо, на дискете.

[arestov]

ты чего сегодня такой злой?)

[pepelsbey]

Ну а чего они первые начали? )
Серьёзные ребята, можно сказать надежда рунета — такие саты делают. А тут…

[deniskin]

Как выяснилось, на боевой сервер залили не тот апдейт. И вы сразу набросились на нас :(

[Ashot]

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

[deniskin]

Правим прямо сейчас, спасибо за репорты.

[Ashot]

всегда пожалуйста

[Sef4eg]

прикольное название улицы)

[FB3]

www.thematicmedia.ru/#whereweare
«Нас можно по адресу:» — что с вами можно сделать по этому адресу? :)

[Princess]

Молодцы! :)

[spyfzm]

<!-- Ыхы -->

Порадовало =)

[KonstRuctor]

Ага! Тоже хотел добавить. «Молодцы» и от меня

[alexhabr]

Хмм

"
Тел: [phone]
Электронная почта для писем:
[e-mail]
"

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

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

почта: [e-mail]

телефон: [phone]

[quiet_drago]

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

кстати, сайт таки 1 файлом не скачать.
ибо фавикон.

[RusPutin]

В Chrome скрипты косячат. Прокручивается за верхнюю кромку экрана.

[hilko]

Может страничку на бизнес линч отправим, ради интереса.

[jcd]

А почему на сайте нигде не упоминается «Тематические Медиа», везде только «ТМ», даже в заголовке html-страницы.

[acy]

А мне синие ссылки не нравятся: мне кажется фиолетовые были бы красивее.

[ssneg]

В хроме жутко глючит, текст приезжает не туда, куда задумано, в итоге видны только «ноги» или только «голова». В IE7 то же самое, но для появления бага нужно долго ходить по разделам.

[Nixikanius]

Сайт — говно.

[EugeneDest]

В Хроме 1.0.154.43 действительно показывается «одна страница», остальные ссылки перелистывают что-то, но показывают пустоту. Я разочарован!

Постарайтесь, пожалуйста, в следующий раз работать двумя руками и обоими полушариями! Может лучше получится =)

[arestov]

вместо таких извратов с логотипом можно было в векторном формате (использовать VML + SVG )

[Ashot]

ну если уж на то пошло, то без извратов можно было бы обычное изображение поставить :)

[arestov]

я так понимаю они хотят показать техническую подкованность.

[bebopkid]

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

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

Насколько я знаю, невозможно встроить svg+vml в html так, чтобы это работало и в fx/safari/opera, и в ie, и сохраненный index.html с компьютера бы нормально открывался.

[Ashot]

представляю картину — инет отключили, делать нечего, открываешь сохраннённый на локале сайт ТМ и с умилённым видом тыкаешь в ссылки :D
извините за сарказм, не удержался :)

[arestov]

и почему же невозможно? расскажите-ка)

svg+vml вполне реально встроить html так, чтобы это работало и в fx/safari/opera, и в ie, и сохраненный index.html с компьютера бы нормально открывался.

[bebopkid]

Можно пример?

[arestov]

files.myopera.com/gr1b0k/files/wow.html

[bebopkid]

Ого. Облажался я с svg+vml, переделаю сегодня.

Спасибо!

[pepelsbey]

Такой крошечный растр проще было сделать через data:URL, причём кроссбраузерно.

[arestov]

а можно и svg в data:URL через object data=«data:URL» + vml
там всего две буквы квадрат и треугольник

[bebopkid]

А как сделать это кроссброузерно одним файлом?

Насколько я понимаю, для ie в этом случае используется mhtml, и я не нашел способа встроить html в html-файл и тут же подключить в css.

[arestov]

vml пишется inline его не нужно встаивать. он и так встроенный)

[pepelsbey]

webo.in/articles/all/data-url-ie/

[bebopkid]

Еще раз: нам нужно чтобы весь сайт можно было сохранить в виде одного html-файла, и открыть потом, да так, чтобы без интернета все заработало и отобразилось.

К сожалению, у меня неполучилось (насколько я понимаю, это невозможно) поставить mhtml ссылку на сам документ, в котором мы ее ставим (что-то вроде «src=«mhtml:.»»).

[sunnybear]

если руки кривые, то можно не оправдываться. Уже много раз было (с примерами) как это можно сделать:
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. Спасибо, Вадим, за ссылку :)

[bebopkid]

Очень здорово, что вы указали здесь все эти ссылки.

Как я уже говорил, проблема со вставкой картинки через 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-файлы.
Мимо.

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

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

[sunnybear]

:) бывают же въедливые люди.

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

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

Как получу корректное решение — кину на Хабре ссылку на статью.

[arestov]

VML там для прозрачности я так понимаю…
чегото не могу посмотреть исходники!))) похоже для IE отдельная страница выдаётся, но в ней никакого base64 нет, а строчки вроде v:imagedata src=www.yahoo.com меня вообще поражают)

[sunnybear]

в общем, если вопрос действительно актуален, то по ссылке
webo.in/tests/ie-local-mhtml/
можно открыть и сохранить документ с картинкой

[arestov]

спасибо!

[arestov]

у меня вот в ie6 не отображается
а в ie7 отображается и без скрипта

[sunnybear]

у IE очень интересные взаимоотношения с mhtml, как бы странно это ни звучало :)

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

Да, и сохранять нужно как HTML, а не MHT.

[arestov]

у меня и было сохранено как html, всё равно не хочет

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

[arestov]

у нас то и дело в сообщениях «у меня»))

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

кстати, видел игрушку (в опере с анимацией)?

[sunnybear]

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

Статья будет. Как с силами соберусь. Мощная штука это mhtml, на самом деле, только почти не используется.

[grafmishurov]

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

[arestov]

а какой у хабра менталльный образ?

[grafmishurov]

ИТ и клубок шерсти. Ну уж точно не в виде разгламуреного мозгового лизуна.

[chetzof]

Брутальный программист в кожаных трусах с плёткой и бубном в руках.

[grafmishurov]

И нарисованый в таком комиксовидном стиле, как корова турбомилк.

[jeje]

Некоторые предпочитают Windows и Linux, за это их называют «сексуальными меньшинствами»

Ну конечно, высмеять,«Ах какие мы крутые, мы так неявно показали что Mac сила». тьфу

[jeje]

и пусть меня заминусуют, но это глупо

[grafmishurov]

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

[jeje]

Я тоже так вначале воспринял, а потом подумал, а к чему такое выражения, разве «крутизна» меряется в Макинтошах? :)

[grafmishurov]

Имхо крутизна не при чём. Может нравится за маками работать, вот и похвастались. Тоже ведь такое бывает. (Сам маки не особенно люблю из-за их дороговизны и отсутствия нетбука в ассортименте)

[justafucker]

помойму без сайта было круче

[Zhilinsky]

Chrome. Косяков не заметил — всё шевелится.

Логически: остался сайтом не убеждён: нет ни цен, ни их порядков, ни намёка на их уровень.

[justafucker]

Кстати, а кто-нибудь знает почему теперь Habrahabr не принадлежит Futurico?

[rossomachin]

Выиграли в карты.

[pepelsbey]

Ага, попался.

Макс, ты зачем кавычки в UTF-документ вставляешь как ентити? ;)

[rossomachin]

Я старый и больной человек — верстаю так, как привык за 80 лет.

[sashakissel]

Макс, ты серьезно?!

[grafmishurov]

Safari 3.1.2, Leopard 10.5.6, при нажатии назад-вперед кнопок в адресной строке меняется адрес, но на странице текст не ездит и индикатор выбраной страницы не преключается. Яваскрипт включен.

[pepelsbey]

Прокрутка от «Кто мы» до «Как нас найти» вполне может вызвать эпилептический припадок :)
Бойтесь исков.

[vladzima]

Вадим, жжошь.

[amplitudo]

Госспади, зачем такие извращения? Не знаю чем круты сайты в одну страничку… всегда можно в *.mht сохранить. А так пока вся эта див айди лого конструкция закрузится, уже бы и картинка нормально загрузилась.

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

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

[grafmishurov]

начинается какие-то полеты текстовых блоков.

Нафига вы это написали? До ваших слов не обращал внимания((

[amplitudo]

да тут до меня уже это несколько человек заметили )

[garex]

Chrome 2.0.156.1

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

Проще сделать без закруток — особо от них эффекта нет.

[CAH4A]

мне старый сайт нравился больше! ))
Я считал его эталоном минимализма, качества, и эстетики во всех проявлениях!

[GKelpi]

Сайт хорош, для создания клонов гож.
;)

[azizoid]

а я думал Лепрозорий тоже ТМ сделали?

[DanStrogiy]

Лепру сделали в Футурико.

[maxic]

Все гениальное — просто :)

[svk]

А наш офис расположен недалеко от вашего :) Я, оказывается, каждый день мимо офиса ТМ прохожу

[iswitch]

Не ожидал…

[koshak]

интересно, а шаловливая прокрутка организована стандартным скриптом?..

[Hitryi_Pryanik]

про прокрутку сказали. Через несколько пунктов — некрасиво. А вот между соседними гут. Обдумайте.

[qumi]

Кризис припёр? :-)
(робко спросил я)

[tarya]

Был удивлен что в трех соснах (10 строк текста) есть 116 ошибок верстки, и о мама, это же страшно.

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

Читать разумеется не стал, так как призадумался о верстке.