Pull to refresh

Comments 179

Пожалйста, не обращайте внимания на тексты. Это «рыба»
такое чувство, что вам их Шахиджанян составлял :)
Их я составлял)
Ха-ха-ха, просто В ТОЧКУ.

Фыва взяла у олдж разные йцукены и ячсмитьбы!
Если использовать Серверные карты изображений доступные в HTML с незапамятных времен, т.е. аттрибут ismap тега IMAGE, который находится внутри ссылки, например: <a href="http://ms.ru/click.php"><img src="http://ms.ru/site.gif" ismap></a>, то при переходе по ссылке, к ней будут дописаны и переданы на ваш сервер координаты точки изображения, над которой находился курсор мыши в момент клика.

Таким образом, вы сможете запихнуть весь свой «микросайт» в одно изображение, в котором можно будет использовать контент с произвольным количеством управляющих элементов (ссылки, кнопки, табы) и безболезненно обновлять его содержимое не меняя кода во всех местах, где вы опубликовали свой «микросайт».
Ухты! Спасибо.
Не за что. Это, к сожалению, работает только, если в месте публикации не режется аттрибут ismap. Но все равно интересная области применения для такого, казалось бы, рудимента. Почитайте про карты изображений подробнее, там есть вариант с описанием карты и активных областей и даже, если я не ошибаюсь, возможность загрузки таких карт с сервера отдельным файлом, что особенно интересно.
А про форумы я то и забыл. В [img][/img] параметры нельзя использовать.
сайт в комментарии это сильно. Плюсанул, пишите ещё!
Хочу вам посоветовать <a href=«#»> и <a name=«»>, а то при переходе со страницы на страницу микросайта окошко вверх уезжает.
Я бы сказал ортодоксально.
Если бы мог, то плюсанул бы. Идея очень интересная. Будем ждать твоих новых идей!
Скорей пишите копирайт, пока не сперли… если уже не сперли :)
покажите пожалуста исходный текст комментария
Я б на вашем месте все это дело очень даже запатентовал. А на месте хабраадминов дал бы еще и ноутбук.
Видел недавно англоязычный стартап, который предлагает так же делать из текста картинки и вставлять их урлы в письма, посты на форумах и т.д. Польза тут в том, что в форуме, например, может не быть возможности отредактировать пост, а картинку вы всегда можете поменять. Ну и понятно появляется возможно дописать что-то в уже отправленное письмо. Ваша идея получается как бы удачным дополнением их идеи, супер!
Если я правильно предположил (не смотрел исходники), то вы смотрите реферер на своем сайте и редиректите обратно с перерисовкой изображений для текущей сессии?

Может к href'ам добавить name и в редиректе добавлять что-то типа #microsite_link1 чтобы не терялся фокус на странице?
Awesome! как говорят американцы
нестандартный подход и мысли — это здорово
первый раз вижу такое интересное решение
автор — молодец, где можно исходники посмотреть?
поведайте как работает.
Мммм…
Очень просто: картинки грузятся с моего хостинга и рисуются на лету.
Ссылки ведут на php-файл, который запоминает в сессии номер ссылки.
В зависимости от этого номера и генерятся и отдаются картинки.
Текст хранится в базе.
это все можно на JS сделать. Вспоминается wiki из одного файла :)
в жж нельзя вставлять js)
ммм, совсем-совсем? что-то мне подсказывает, что JS можно вставить в шаблон как внешний файл…
типа <lj-embded>?
по моему это только для флеша… хотя стоило бы попробовать!
ммм а ведь можно это и на флеше сделать, такой микросайтик ^_^
но так гораздо интересней чем через флеш.
я про общий шаблон и использование стилей, как указателей к действию, например.

Мы можем в шаблоне (шаблоне топика, не в самом посте) вызвать внешний JS-файл. Затем в посте топика разметить соответствующим образом семантику, чтобы обработчик (JS) выполнил необходимые действия.
насколько я помню, в шаблонах яваскрипт тоже режется.
Нельзя давать пользователям вызывать яваскрипты.
Второй Чёрный Властелин никому не нужен.
Нельзя выкладывать js — и слава Богу.
А вы их кэшируйте, а то он у вас заколебется на лету рисовать. И потом сравнивайте время последнего обновления записи со временем создания картинки.
Уже работаю над этим.
Хабраэффект убъёт мой хостинг, пощадите!
Если кто хочет поднять такое у себя, обращайтесь за справкой — объясню каждую строчку скрипта.
я говорю о полноценном сервисе с возможностью заработать на этом хоть косвенно и не имею ввиду прямо сейчас
чего не хватает!? а вот чего- добавлять id или name который, потом дописывать через# при переадресации, что бы при перезагрузке страницы осуществлялась прокрутка до картинки микросайта

а иначе страница открывается сверху и надо заново прокручивать до него (это видно у вас в профиле) а тут нет потому что тут как правило уже стоит чтонибудь вроде #comment_969280
Такое уже есть. Изначально.
чёрт, на хабре парсер всё равно режет атрибуты name и id
#comment_969280 это коммент с микросайтом
Вах. Поражен до глубины души. Идея и реализация на 5!
Странно, но у меня переключение табочек не работает (опера 9.60). А при редиректе назад слетает логин на хабре.
выгоднее будет это назвать «наносайтинг».
авось «роснанотех» деньги вложит ;)
в опере приходится ручками обновлять рисунок. а так великолепно. Просто как все гениальное.
Интересно как скоро появятся хостинги микросайтинга? ^_^
автор что то поменял или хостинг чуть чуть тормозить начал? раньше не было заметно перехода.
Наверное всё-таки хостинг. Плюс хабраэффект.
9.52 Сборка 10108 — отлично работает
Завидую белой завистью! Это гениально. Серьезно!
решение отличное))))
уже представляю как толпы спаммеров с вожделением облизываются
был коммент-спамминг, а теперь придумают еще один способ))))

Thats my boy!!! :))) Ну имею ввиду рядом в одной конторе сидим)
Дамир, молодцом! :)
UFO landed and left these words here
Походу это уже превратилось в локальный мем.
UFO landed and left these words here
автор меньше чем за месяц уже в 5 — ке лучших. Будем надеяться он и получит макбук. Заслужил. Так держать
автор, патентуйте технологию или стучитесь скорее в google russia или яндекс
ваш проект ждет светлое будущее :)
Для мобильников самый раз. и трафик не много и по делу.
Не соглашусь :) Картинка с текстом имеет больший вес нежели сам текст.
Предлагаю вам провести эксперимент: взять текст 3-4К знаков, сохранить в plain txt и сделать картинку с этим текстом в формате GIF. Только шрифт выбирайте по-проще и размер небольшой, чтобы сглаживание не включалось. Я уже проверял, ответ знаю. А вы — нет. :)
А я предложу сохранить ту же картинку в png и прогнать через компрессор. Сравним? :)
Проверил. На порядок размер увеличился :( Что я делаю не так?
Мда уж… новая фишка для рекламы и спама ((( многоуровневая реклама порнухи и другой нечисти (((
Там, где есть доступ к a и img, уже и так спам во всю орудует. Принципиальных различий не появится.
Было бы время сделал бы сервис, пока нет такого… ;)
UFO landed and left these words here
Вот это действительно гениально. Давно такого не видел.
Вам правильно рекомендуют развивать идею: либо для сообщества, либо на немного коммерческой основе («делаю микросайты — $1 за штуку» :) ). А то я украду идею :)))))
Объявление.
Делаю микросайты. Бесплатно, но в свободное время. От вас — линк на страницу, на которой будет микросайт.
Я серьёзно. Линка не нужно.
в рот мне ноги, как вы это сделали? ))) а вообще идея хорошая!
Эх, прикрутить бы к этому еще ajax чтобы при смене таба не перегружалась вся страница, юзабельность бы была вобще на высоте. А так то идея очень интересна.
AJAX всё-таки потребует применения JavaScript на странице с сайтом. А это то, от чего хотелось отказаться. А иначе с AJAX можно было бы вообще без картинок сделать.
О том то и речь что в данном случае это не применимо.
Хотя скажем если это получит распространение то, возможно, на порталах появятся такие себе API для подобных микроблогов. Но это так, мысли.
*мечтает*
А было бы клёво, если бы все скачали и установили себе один общий userjs, который, в зависимости от домена, запрашивает сервер, что ему делать.
Ну, и на основе этого, может рисовать различные модули, виджеты, расширения функционала… Микросайты..., комментарии…
Идея и реализация — 5 баллов!
прикольна. для мобильников просто супер-гуд.
в такой реализации — на картинках — ни фига не супер-гуд.
супер супер, картинки по 1кб, зато принципиальный минус css и js, а если хочется без картинок — тогда лучше wap
да ну хотя бы габариты картинки заранее неизвестны. смотреть картинкидля экранов 176х120 на экране 320х240 невыносимо, а если наоборот — вообще невозможно.

и — зачем?
Даешь нано-сайты, размером в один пиксель!
Даёшь нано-сайты, сделанные в фавиконке, в часах, в аватарке, в статусной строке, в title, в аське, в смс…
Даёшь Web 3.0!
Спасибо за ссылку.
Там 18x18, жаль в фавикону не перенесли некоторые элементы сайта, art или show.
Идея отличная. Но больше всего мне будет интересно увидеть, как эта идея будет дальше развиваться.
такое-же но с блогами это ж бомба… раскидал везде где бываешь… форумы, сообщества, вконтакте, одноклассники… и попробуйте теперь не прочитать)
Гениально. Можно использовать в качестве переносного портфолио.
ну и кокой от этого практический смысл — кроме спама?
Это чисто бизнес вечно актуальных бизнес-карточек :)
«Условия хостинга для микросайта минимальные: отстутствие php» — немного не понятно, исходники на php ведь.
В тексте комента нельзя использовать php — я об этом.
Имелось ввиду условия размещения самого микросайта, а не то что его делает. Грубо говоря.
А сам микросайт у меня на сервере.
Хотите, и Вам сделаю?
Будет к моему серваку обращаться.
Все конешно интересно, но при нажатии на пункт меню перегружается страница. раздражает. Было б логичнее сделать меню с использованием табов (к примеру подключать JQuery — она и так у всех в кеше уже есть).
Тогда весь смысл теряется.
Например, в профиле хабра, в коментах нельзя использовать при описании Javascript вообще.
И кстати можно наперед проверять, что использует сайт — prototype, jQuery, mootools или ничего- и после этого на серверной стороне генерировать код для микро-сайта с учетом этого. Ведь можно использовать уже подключеную к основному сайту библиотеку для использования Табов, Ajax и т.д.
Простите, но вы абсолютно не уловили, в чём здесь действительно фишка.
Эти наносайты — невероятно живучие за счёт низких требований к «окружению».
От «родительского сайта» требуется всего две вещи:
1. Возможность добавлять картинки с других серверов (тег <img>)
2. Возможность добавлять ссылки на другие сервера (тег <a>)
И всё!
Никаких жабаскриптов, никакого флеша, ничего…
Достаточно тех тегов, которые можно указывать в комментах, на форумах, в статусах и т.д.
насколько я понимаю фишка как раз в том чтоб быстро и удобно доставить информацию. Но если страница перегружается теряется смысл. С таким же успехом, вместо того чтоб жать на микросайте «Обо мне», я могу открыть просто профиль пользователя — итак грузить страницу.
И всё же, вы не поняли.
Фишка в оригинальном способе подачи информации!
Когда человек видит в комментах что-то типа «заходите на мою страничку» — в этом нет ничего оригинального и интересного.
Но когда человек прямо в теле коммента видит страничку автора, то ему даже заходить никуда не надо — он уже фактически на ней!
Да, навигация через рефреш страницы (даже с якорем) — кривовата, но это мелочь по сравнению с возможностью сунуть свой контент прямо под нос юзверям :)
Возможно я конечно не понял. Но я понимаю, что в «прямо в теле коммента» я должен видеть КОММЕНТ. А страничку автора я посмотрю если захочу. нафига она мне вместо полезного коментария.
Вижу смысл микросайта только в случае, если я могу получить нужную инфу без перезагрузки страницы. Разве не проще дать линк на свою линую страницу в комменте?

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

А если в ветке будет 300 коментариев? Тогда я нажав на «лимон» кроме информации про «лимон» перегружу и эти 300 комментов.

P.S. Конечно сама идея микросайта очень интересна, но данная реализация совершенно не рациональна.
P.S. Конечно сама идея микросайта очень интересна, но данная реализация совершенно не рациональна.
Вот этим как бы можно подвести черту нашей дискуссии :)

Только по поводу «рациональности» ешё немного пофлужу :)
Когда вы клацаете на ссылке, веб-сервер передает вам запрашиваемые данные вместе с HTML-разметкой.
Причем эта разметка часто весит больше, чем сами данные.
Прогрессивное человечество давно придумало решение — отделять данные от представления.
Есть много способов это сделать, но мне сейчас вспомнился конкретно клиентское XSL-преобразование.
Браузер мог закэшировать XSLT-шаблон и запрашивать с сервера только данные в чистом XML'е, затем выполнять преобразование по шаблону и отображать пользователю результат в виде отрендеренного HTML'я.

Из-за ограниченной поддержки браузеров, эта технология так и не прижилась. Частично эту проблему решил AJAX, но обычно он используется по упрощенной клиентской схеме, когда сервер генерирует куски HTML'я, а клиент просто вставляет его в документ «как есть» при помощи innerHTML.

Задумайтесь, насколько эффективнее стал бы весь Интернет, если бы данную технологию внедрили повсеместно.
Вот так же и с этими наносайтами — на всю «обёртку» из 300 комментов можно смотреть как на дополнительную HTML-разметку, которую хочешь-нехочешь, а грузить надо :)
Пардон, я запутался в терминах: наносайт — микросайт :)
Но когда человек прямо в теле коммента видит страничку автора, то ему даже заходить никуда не надо — он уже фактически на ней!

Вообще-то для этого существует такая технология как «скриншот». Я также буду видеть сайт автора, а при клике — перейду на его страничку. Вы наверное хотите сказать: «А как же переход по разделам в микросайте, как это реализовано сейчас?». Есть формат изображений GIF — он поддерживает анимацию. Что мешает менять кадр с периодичностью к примеру в 5-10 секунд? Эффект такой же + телодвижений меньше.
Ключевое слово: интерактивность.
Гиф не катит вообще, потому что прочитать одну страничку за одну итерацию будет нереально.

Хотя, это всё к автору идеи, а не ко мне — я тут просто мимо проходил :)
Ключевое слово: интерактивность.

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

Ключевое слово: задержка.

ЗЫ: Я вообще не против «микросайтов», но только если внизу картинки будет написано «Внимание! Это микросайт!». )
Шикарно!!! Срочно развивайте идею, если вы ее правильно доработаете, создадите конкурентоспособный сервис. Не вздумайте загубить :)
очень нужную штуку придумали, снимаю шляпу
Автор не перестает радовать новыми идеями! Молодца! :)
а еще, по такому же принципу выводится «кармограф», также на форумах используют в подписи графические счетчики вроде «я не курю уже 15 минут!1» и динамические картинки с текстом.
т.е. идея, как обычно, не нова, но сама идея «микросайта» забавна )
При копировании ссылки пункта меню микросайта и вставке ее в новый таб вижу отсутствие любого контента.
Думаю потому, что у вас все замыкается на реферер?

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

Удачи!
Клевая реализация с микросайтами!
А почему на Flash?
стукнись плз ко мне в аську 162355077. очень хочу поговорить с вами)
Потому что перегружать не нужно. Жаль, флеш не на многих сайтах можно в комменты вставлять.
Как-то на сайте пример не работает
Генитальная вещь, автору почет и уважения.
ой, простите, с ночи не спал еще. Конечно же это опечатка, а вещь «Гениальная».
Какой смысл данного творения? И ведь все равно нужен внешний сервис-провайдер.
Микросайт на флеш нельзя использовать в комментариях, в профайлах и в постах.
Не везде. Тем более это не единственный вариант как можно представить микросайт.
У меня не работает. Прегезагружается страница хабра, но коммент выглядит так же — активна вкладка «Обо мне». Использую оперу.
UFO landed and left these words here
И где же будет эта технология приминяться? В спаме? В подписях к профайлу? А как же автору можно монетизировать это?
Моя цель не монетизировать. Моя цель (уже) — сделать сервис.
А если оно ещё и смонетизируется, будет и вовсе отлично, как бонус.
Это отлично и спасибо за сервис… Мне просто было интересно… И если будете делать сервис (я имею ввиду полностью автоматизация), то не забудьте рассказать Хабре!
Успехов!
Спасибо!
Думаю, сервис будет уже сегодня.
Прямо сейчас работа не позволяет.
А для сервиса для юзеров можно сразу добавить форму где будет генерироваться теги для того чтобы вставить их микросайт. Выбирают сервис и вуаля. у Gigya подобная история есть с виджетами, которые она сама во всякие блоги пихать умеет.
Даешь волну микросайтов. На сервисе только кнопку donate надо не забыть )
Спамерам, в принципе, уже давно доступны вставка картинок и ссылок в комменты (там, где они разрешены). Я не думаю, что микросайтовый подход им как-то сильно поможет. Заморочек больше, а удалять их комменты будут, как обычно — парой кликов.
Будут, спасибо за идею.
имхо комменты на микросайте неудобно будет читать, а переходить с него на макросайт как то не серьезно.
Зато в них можно будет вставлять еще микросайты!
Есть всплывающие окна, есть возможность открыть коменты в новом окне.
Да, легко можно устроить голосование.
ммм интересно. будущее. пост ваши сайты сюда. а ниже куча комментарием в сайтами, и кучей мелких кнопочек по которым кликаешь и оно открывается в новом окне какие нибудь расширенные возможности, а так показывается только информация. функционально и удобно. И все это на новом планшетнике от Apple(в каком то посте соседнем постили что может они его создадут.).
Вообще сайт в профиле это круто.
жаль текст с микросайта нельзя скопировать
имхо, практическое применение — побаловаться. хотя… рекламу показывать таким способом — думаю самое то.
По мне — самое место таким штукам в профиле.
Ну или в различных штуках вроде голосований, например.
Поставил себе вместо юзербара на форуме, человек может выбрать «+» или «-».
Или варианты ответов.
По мне — самое место таким штукам в профиле.

На Хабре есть поле в профиле и называется «Расскажите о себе». Там можно написать о себе все что угодно. И в конце повествования оставить ссылку на свой сайт.
Ну или в различных штуках вроде голосований, например.

А чем вам не нравится система голосования (сама её реализация) на Хабре + для этого есть сервисы для создания голосований.
Поставил себе вместо юзербара на форуме, человек может выбрать «+» или «-».

вот я и говорю — «рекламу показывать таким способом». Типа «Хочешь эту знойную девчонку?». И ответы аля «Хочу» и «Нет».
основная проблема в том, что после клика на ссылку, перезагружается основная страница. проще и намного практичнее просто разместить красивую картинку со ссылкой на домашнюю страницу (юзербар).
но идея свежая, и приятно видеть вызванный ею энтузиазм многих людей.
просто офигенная идея, хотя жаль, что за идею возьмутся рекламеры… и спамеры) но супер идея
За идею возьмусь я лично =)
И позиционировать буду только как сервис для расширения возможностей профилей.
Использование микросайтов в качестве рекламы, конечно, возможно, но проект будет коммерческим и более закрытым.
То есть будет 2 сервиса, и две возможности по использованию: как утилитки для соцсетей и как рекламной штуковины.
Второе лично мне интересно как серьёзный проект, которым можно заняться.
На первом все попытки что-либо прорекламировать будут пресекаться.
Если у кого есть другие предложения по реализации сервиса — с удовольствием выслушаю.
Всё-таки хочется сделать так, как будет лучше. Как лучше всем.
я про то, что, если микросайтинг добъется большой популярности, в чем я конечно не сомневаюсь, то всякие недобросовестные люди, начнут сами, без твоего участия и ведома использовать этот микросайтинг для рекламы и спама.

но всётки как говорили выше, патентуй идею, будешь боротся со спамом )
восхитительно!
а говорят все уже изобрели и нового нет.
хабр тот!
O_O Интересно, свежо, необычно.
Вы прибавили головной боли модераторам. Предвосхищаю «На данном форуме запрещены микросайты.»
Отличная идея)) За что мне и нравится интернет — всегда что-то новенькое))
Только одно пожелание — сделайте что-нибудь со шрифтом, смотрится правда ужасно! После сглаженного шрифта
Экономия размера: так картинка занимает 1 кбайт, а если убрать сглаженный заголовок, то и того меньше.
Понятно… ну хоть с размером и начертанием поэкспериментируйте… Вердана вроде хорошо в пикселях смотрится.
Это всё будет опционально в сервисе.
Сам сервис есть в железе, но сырой.
Даже домен (временный) есть. Как Вам имечко micro.cait.ru например?
может caut (или caum) тогда уж))
Дамир, слушай, а в чем основной гемор был? Как мне видится — это идентификация пользователся на хосте. Хочется самому догадаться как оно работает :)
Да не было никакого гемора. Самая сложная проблема, неотображение русских букв, решилась за 2 минуты.
Да, ещё админку и регистрацию было лень писать=).
да, товарищи. это пять
я уже представляю себе восторг жежешечки :)
Большой плюс! А не претендует ли это на web 3.0?
У меня в профиле новая версия микросайта. Обратите внимание на разницу между переходами по первым 5-ти ссылкам и последними двумя.
beta:
Мой микросайт:


На Opera — в два раза меньше трафика.
Что-то после этого обновления немного не работает, останавливается на shtuki.ramainen.ru/mikroblog/go2.php? g=1 и никуда дальше не редиректит.
Микросайт взломали микрохакеры:(
Ну то же бета =)
Три условия для беты есть:
1. В адресе не должно быть анкора (например, #comments). В профиле его итак нет.
2. Должен быть включён яваскрипт.
3. В новом окне открывать нельзя. (но это исправляется)
Классная штука! Прямо какое-то маленькое чудо!
Рекомендую срочно создать проект, на котором каждый сможет создать свой микросайт, и получить его в виде html или bb-кодов.
Думаю, такой микросайт захочется многим!
Я тоже считаю, что автор заслуживает хабранаграду за оригинальность!
Супер идея! И все-же, повторю возгласы многих комментеров — монетизируйте! Пока это не сделали другие, а то будет за вас искренне обидно!
Гениальная идея, простая и помоему не тыренная(попроавьте есть аналоги).
Автор молодец, сейчас бы вложиться в него и у вас будет чумовой стартап.
Спасибо на добром слове.
По моему, не суперреволюция, но новизна есть, и это не плохо. Я бы хотел видеть это не в виде набора картинок с замороченной системой переадресации, а в виде флешки, вроде того, как это реализовано на www.autru.com/. Когда не нужно перезагрузок и т.п. К тому же не придется перематывать страницу к нужному комменту после каждого клика по кнопке.
Чем больше сайтов будут разрешать внешний флеш в комментах, тем больше шансов у такой технологии.
(Представил возможность вставить внешний флеш в комменты и ужаснулся.)
(Представил глаза рекламщиков, представивших такое и ужаснулся)
Если сделать это в виде, в котором это реализовано, к примеру, в ЖЖ, то почему бы нет?
Нужно просто позволять не любой внешний флеш, а только тот, что расположен на специализированных микросайтовых сервисах.
да. и введут такое новое понятие, как «переполнение контента» («content overflow») :)
МикроБлогинг, микроСайтинг, что еще микро будет? Наверно это как то связано с нанотехнологиями!
Only those users with full accounts are able to leave comments. Log in, please.