Как стать автором
Обновить

Комментарии 159

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

В Опере 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 полёт нормальный :)
угу, летит всё :)
Даже закрывая глаза на глюки = могло быть и лучше.
Любая вещь в мире может быть лучше.
Прикольно обвести все ссылки и нажать энтер прям как колеса в «Поле Чудес» ;)
Мы потеряли не только готовый сайт (нарисованный нашими друзьями из Turbomilk), сверстанный и запрограммированный, но и бэкап с последней версией.
Это жесть. Сайт и бэкап хранили в одном месте? %)
Видимо, на дискете.
ты чего сегодня такой злой?)
Ну а чего они первые начали? )
Серьёзные ребята, можно сказать надежда рунета — такие саты делают. А тут…
Как выяснилось, на боевой сервер залили не тот апдейт. И вы сразу набросились на нас :(
ну глюк с шириной текстового блока в сафари и опере ушёл, а его гуляния по вертикали в зависимости от ширины окна браузера остались
Правим прямо сейчас, спасибо за репорты.
всегда пожалуйста
НЛО прилетело и опубликовало эту надпись здесь
прикольное название улицы)
<!-- Ыхы -->
Порадовало =)
Ага! Тоже хотел добавить. «Молодцы» и от меня
Хмм

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

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

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

почта: info@thematicmedia.ru

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

кстати, сайт таки 1 файлом не скачать.
ибо фавикон.
В Chrome скрипты косячат. Прокручивается за верхнюю кромку экрана.
Может страничку на бизнес линч отправим, ради интереса.
А почему на сайте нигде не упоминается «Тематические Медиа», везде только «ТМ», даже в заголовке html-страницы.
А мне синие ссылки не нравятся: мне кажется фиолетовые были бы красивее.
В хроме жутко глючит, текст приезжает не туда, куда задумано, в итоге видны только «ноги» или только «голова». В 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 с компьютера бы нормально открывался.
Можно пример?
Ого. Облажался я с svg+vml, переделаю сегодня.

Спасибо!
Такой крошечный растр проще было сделать через data:URL, причём кроссбраузерно.
а можно и svg в data:URL через object data=«data:URL» + vml
там всего две буквы квадрат и треугольник
А как сделать это кроссброузерно одним файлом?

Насколько я понимаю, для ie в этом случае используется mhtml, и я не нашел способа встроить html в html-файл и тут же подключить в css.
vml пишется inline его не нужно встаивать. он и так встроенный)
Еще раз: нам нужно чтобы весь сайт можно было сохранить в виде одного 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

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

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

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

Читать разумеется не стал, так как призадумался о верстке.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий