Оффтоп Konstantin Panphilov
25 083

Вице-президент Dropbox придумал, как использовать адресную строку вместо хостинга сайтов

У сервиса есть ограничения — к примеру, длина URL.

  • Вице-президент Dropbox по дизайну Николас Житкоф запустил сервис itty.bitty.site — он позволяет создавать сайты, которые используют URL вместо хостинга.
  • Для написания сайта можно использовать HTML-код, который после сжатия при помощи алгоритма LZMA целиком помещается в URL.
  • Для своей работы сервис использует идентификатор фрагмента, который обозначается в адресе через символ #. Когда пользователь открывает ссылку, браузер загружает сам сайт, а затем преобразует данные после # в код и отображает страницу на экране.
  • На сайте есть редактор для создания простых страниц. Разработчик создал для примера калькулятор — он рекомендует использовать Codepen.io для создания сложных страниц.
{ "author_name": "Konstantin Panphilov", "author_type": "editor", "tags": [], "comments": 47, "likes": 62, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 41557, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 41557, "author_id": 3, "diff_limit": 1000, "urls": {"diff":"\/comments\/41557\/get","add":"\/comments\/41557\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/41557"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

47 комментариев 47 комм.

Популярные

По порядку

Написать комментарий...
1

Вау! Ты придумал троллейбус из хлеба.

Ответить

Комментарий удален

1

Кидай проект на "блокчейн"

Ответить
21

Такс, давайте это скрестим с укротителями ссылок

Ответить
5

Сегодня я наконец собрался с духом и довел дело до конца - в кармане ни гроша, а нужен рабочий хостинг для сайта. Открыл новость и офигел!! От меня и всей нашей дружной семьи огромная человеческая благодарность Николасу Житкофу и всему отделу разработки DropBox за нанотехнологический прорыв. Это вам не сверхпроводимость! Сайт вот если че https://bit. ly/2zkCUz3

Ответить
16

Ммм, запахло дорвеями и страницами-прокладками.

Ответить
10

Поздравляю вице-президента дропбокса, который открыл для себя data:text/html

Fun fact: если убрать из ссылки на калькулятор "https://itty.bitty.site/#Calculator/";, то результат будет такой же. Как минимум в хроме

Ответить
0

При этом открываться будет не в пример быстрее. :)

Ответить
0
Ответить
9

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

Но из идеи можно сделать что-то стоящее: вот, например, люди встроили webtorreent-плеер в страничку
https://itty.bitty.site/#anarchy.html/data:text/html;charset=utf-8;bxze64,XQAAAALXCQAAAAAAAAAeGgIj4Vw7pMokb9FhqgyLkKJz8UvWBF+F0e6MY8G5Meu/aiYSOd2+Z2V7wI4mgI87MwOIm/cRlM6ZzM9JwnfrY2GHV3Ep9zY+z+VeQ+7kDICr+E8+/kVoMzMdYyq3CXhA13epy4+NRy6PvJEa8v5Sb11dtIm2Dso11ZzYXrPH5/11IfuhtzL+glcog+4WuGM7JoUe0AiNnrIiL2zy6L29/yNsPIvCVMWoAaAzfaV9Q8kUGwtokaZlPUxFrP9ZGgHuZe7CUIzukOLiDcwK7ZxnvIy7i9MadsPL6XI26c6oH9m4RP4vfG0RzcEKtRT8dVMsT2ix/C8s4IKvzr8BwodI+wPzwS/G8BLYs9Z7mzLnZ+rcY+2JuHK9k5jxwihB3Z9cXSiXQvQ/kWSCKdO1K67HCxJuiUyFuEOAl+a28vEmNTMj7bu+ICvAez2JCwAz3Y4EGvaTFjpo1gl6Q0VpP06XfpA+Jok4jie1wUDjyoFmLRqjDZXtzPE8749lj7RYnbGfP7/AWNSX9WbuJeN1VI/BwIkHVhg1Hd0VYXhXmO9YfuNpK3i3156m7mCi6Q4+3g5A7dtt3SvZNyWeaPkgqGnMtEfzGsN0g6KYHmfLYDjo0OirKGFIyDHvf7UCw3sInB3rlmNbJfR62G1aMyMKPtMQlU+b2FGqveGCSvmVky0N3EYtTGrPggcLUgSkHGJBPsTNQO7dEQP6Z7i/Kin8FjkSJn/XEaT25lA9gW0VANQOIm3ou+Oe4nQRCnk3rrOAyl+rKIER4LtvVHeSU7D99xiZsQWK1TsC7b2JcQTI5/dAtckSvAGxVDRjzC4fBcFqd5kdMjlxrJgFYJ7Crg2tXTMxkDyPZqJxo34BGpW5Zqn7HtW4UY/UyEhdI9vxGf0m1B9VmJr8eNCWdgBY4r4E9lKJo1mUdYQzhp3YZb17ZWqvW/+bfuNnZJxhDoi6lCztsyk7DpBbidzczga8WfJzFFKtumQYHF21y/nhrsFNKB6ptUJRB+5HOfQYGHXvBviHZAnvFFlpjMMR8VE/9hNMIdkh1oMwLFjTLM9wCW0TFHwfU3FHRDyB+I1HjQOV9BExWj1n18JRwoCDNODN6PqmcoP7LrvFrzf0xbWSqDy59T8plSNJjDMlF7QAt8pAkV4Roc4B/rPnvirmmUsUdYtFknXDmxPRj5bwPrsy3gDRT0iR5pM+Za4EzCq808t561LLVIp8QoJqGdb/GfRUhhBQw8+e0ee4R2WSffdwPJKYUjE/AC3Ipunr2rzAUU5VBTFbNbw7Vqtmom3ycwV4oYBjGNYv25R5/4JWbbVjjsQ8k0vTGqN8bTaiHsomwi/poRJoDdBwYdnVlTwwmz2/QZQyCiyFme7aIP9VYysWdYX6U8eRmlSul4po+Q3JppzmOPCL6g4AHNlJPtLAhY6Q5PSMrqe8eqzFJKhKk5D5G+UK9rKtDmAfCNDunIQ37LedsFlL7eDLdcLZMOL9c0qm

Получается децентрализованный интернет из коробки, в котором можно обмениваться видео, текстом, да и вообще чем угодно.

Ответить
1

Понимаю, что вам это, как человеку, которые УЖЕ в этой тусовочке - это интересно. Я даже понимаю - почему. Вот только Юзер, который приносит деньги, которому важен графический интерфейс и прочее, а так же целое направление в дизайне - web-дизайн с вами бы поспорили. По сути - он сделал максимально неудобный продукт для внутреннего использования в IT тусовочке. Ничего гениального я тут не вижу. Другой вопрос уже в конверататоре языка программирования. Но вроде и до него такие были.

Ответить
1

как человеку, которые УЖЕ в этой тусовочке

что за тусовочка такая?

Юзер, который приносит деньги, которому важен графический интерфейс и прочее, а так же целое направление в дизайне - web-дизайн с вами бы поспорили

с каким бы тезисом из коммента Михаила поспорил бы юзер?

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

продукт звучит гордо для наколеночного PoC for fun.

Ничего гениального я тут не вижу

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

Ответить
0

Вице-президент по дизайну на работе бы лучше занимался своими прямыми обязанностями — улучшением юзабилити Dropbox, который хоть и не плох, но имеет много недоработанных моментов. Например, тот же фильтр по типам файлов + поиск, и т.п.
Это конечно не так весело как URL кодировать, но не за это я подписку оплачиваю :)

Ответить
2

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

Ответить
1

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

Ответить
1

Там где не нужна индексация.
Например в руководству по рекрутингу для Тиньков-банка))

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

Ответить
–2

придумал

костыль

Круто! А сайты Визитки придумал лично Стив Джобс! (нет)
Так то - бесполезная тема. Костыли - зло

Ответить
3

Жду отдельную статью про Гениальный - ЙоптаСпейс https://yopta.space/

Ответить
3

Зачем ждать, вы всегда можете взять и написать — https://vc.ru/writing

Ответить
0

А какие правила публикаций?
Модерация сколько длится?

Ответить
2

Какая модерация?

Ответить
0

Т.е. пишешь и все сразу публикуется?
Типа как на хабре?

Ответить
0

Не боитесь что пиаром закидают?
Или вы такие статьи удаляете?

Ответить
0

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

Ответить
1

Константин, почему вот такой хлам не чистите? https://vc.ru/40927-kak-organizovat-finansovyy-uchet-v-kompanii-i-bolshe-zarabatyvat – там же чел целую ботоферму запилил в комментах.

Ответить
0

Нельзя за всем уследить, нас тут мало 😔

Ответить
1

Понял. Я думал, что намеренно оставили... :)

Ответить
1

А постом выше вы говорили - "сообщество всё само отрегулирует". А у вас ровно так же, как и в БОЛЬШОЙ экономике, которая какбэ должна себя сама регулировать, однако ... оппссс, её регулируют мегакорпорации:-)

Ответить
0

не споря ни с тем, ни с другим. Но корпорации (мега или микро) часть большой экономики.

Ответить
0

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

Ответить
0

у вас бажка в яндексе https://prnt.sc/k4g8pj

Ответить
1

Сначала не мог понять как сжимать при помощи LZMA то, что размещено на Codepen. Потом дошло, надо URL Codepen вставить в окно редактора itty.bitty.site

Ответить
0

Что-то бред. Сайты живущие пока на них хоть кто-то есть и то интересней.

Ответить
0

Обьясните недалекому,теперь можно держать сайт без хостинга?И не платить за него?

Ответить
1

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

Ответить
0

или лучше - расширение для браузера.

Ответить
0

Точно.
Без хостинга, без домена, ещё и на движке сэкономить..

Только вот ведь не задача.
И до этого момента можно было не платить ни за хостинг ни за домен.
А почему-то все платили.

Но идея все равно неплоха. Хотя и не сказать, чтоб сильно новая.

Ответить
0

Вы про бесплатные хостинг? А нагрузку как держать на них?:)
Для гавносайтов да, можно брать бесплатный.

Ответить
0

Ну, в том и дело.
А в случае с data: эту самую нагрузку ни то что держать, а даже создать проблематично.

Ответить
0

Так вы ничего серьезного с этой технологией и так не реализуете.

Ответить
0

Это так круто! Я бы, наверное, не догадался так сделать.

Ответить
0

Скоро хостинги подорожают или будут недоступны смертным, или в чем соль то?

Ответить
0

как высокая мода. прикольно, но практическое применение...

Ответить
0

| Вице-президент Dropbox придумал

Содрал один в один. Год назад эту штуку какой-то дизайнер сделал. Хотя может это и он, но тогда он испоганил свой сайт.

Не забывайте, что ваши "сайты" будут работать пока есть itty.bitty.site.

Кстати, ссылку можно укоротить любым сокращателем ссылок.

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Хакеры смогли обойти двухфакторную
авторизацию с помощью уговоров
Подписаться на push-уведомления