Создаем и развиваем сервисы для гиков
404,63
рейтинг
31 января 2014 в 17:37

Разное → Habrastorage 2.0

Всем привет! Неделя вышла богатой на обновления проектов, встречайте ещё один – всеми любимый Habrastorage.



Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке. Несколько лет сайт из одной кнопки служил тысячам пользователей верой и правдой. Сейчас это «картиночная основа» Хабра – все изображения из постов и комментариев живут на Habrastorage.

Что нового?

Загрузчик на HTML5


До этого загрузчик работал на технологии Flash – только она позволяла делать мультиаплоад, но в то же время вставляла немало палок в колёса. Отныне никакого флеша: только кроссплатформенный HTML5, только хардкор!

Drag’n’drop


Загрузить файл можно с любого устройства, будь то ноутбук, планшет или смартфон. Причём, можно как по старинке выбрать файлы с диска, так и перетащить новые изображения в любую область сайта. Даже если какие-то изображения уже загружены, перетаскивайте новые: они добавятся к списку загруженных файлов.

Одна кнопка


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

Но, основываясь на собственном опыте создания постов, кое-что всё же добавили. А именно, возможность разом скопировать ссылки на все (или только на отмеченные) загруженные файлы. На выбор всё те же два формата: прямые ссылки или HTML-коды картинок.



Отказоустойчивость


В своё время много хороших постов на Хабре полегло из-за того, что загруженные на “неподготовленный” сайт картинки переставали грузиться через неделю. Или через несколько минут после публикации – под воздействием хабраэффекта. А сколько писем в службу поддержки нам написали о том, что “У вас в этой статье вирус” из-за того, что кто-то залил картинки на какой-нибудь левый фотохостинг.

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

Работа через TM ID


Практически все наши проекты перешли на TM ID. Вместо войны с формой авторизации и капчей жмём одну кнопку и, как говорят французы, voilà!

Фотки с отпуска


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

Ну и последнее


Для тех, кто со всей душой относится к оформлению постов на Хабре, мы добавили поддержку атрибутов width и height у тега img – пример их работы самые внимательные увидят в этом посте.

Хороших выходных!
Автор: @habrahabr
ТМ
рейтинг 404,63
Создаем и развиваем сервисы для гиков

Комментарии (250)

  • +18
    А загруженные изображения остаются где-нибудь в истории?
    • +6
      Раз не сохраняются, то и авторизация TM ID не имеет смысла.
      • +9
        Авторизация TM ID скорее нужна только для того чтобы ограничить пользование сервисом только юзерам хабра. Наверное предполагается что habrastorage для хранения картинок, которые будут использованы на хабре
        • +1
          Именно так, раньше работало аналогично.
          • +6
            А readonly-юзеры тоже могут загружать картинки на HS?
            • +5
              Когда я был РО — не мог.
              • +7
                Стоп, но при добавлении поста в песочницу всё так-же отображается совет грузить файлы в habrastorage… Упс.
                • +4
                  Но, для создание TM ID не нужен инвайт… Не удачный упс.
                  • +2
                    Значит не упс))
              • +2
                А когда я был РО мог :)
                И когда писал статью в песочницу, то картинки заливал на Habrastorage.
                • +2
                  Ну, может и память меня подводит. Я к себе на хостинг лил, после получения полноценного акка перезалил на хс :)
  • +78
    я, конечно, не дизайнер, но эти длинные тени смотрятся очень убого.
    • –7
      Зато узнаваемость.
      • +45
        Узнаваемость всех этих миллионов редизайнов с этими длинными тенями.
    • –19
      Они смотрятся офигенно.
    • +24
      А я Вам сейчас поясню, почему такие тени.

      1. Идём на сайт tmtm.ru.
      2. Крутим в подвал страницы.Там есть ссылка на Яндекс.Карту.
      3. Открываем, переходим в режим «Панорамы»
      4. Ставим точку наблюдения на ТТК, аккуратно над ЖД дорогой.
      5. А теперь смотрим на здание, где размещается TM.

      6. PROFIT!!! Видете???? Какие тени там на стенах?
      • +6
        Интересная версия!
      • +27
        7. Делаем скриншот, выкладываем на Habrastorage 2.0, и вставляем в комментарий.

        (а то мне лениво выполнять 1..6) :)
        • +15
          Скриншот.

          • +1
            Зато какой оттуда офигенный вид на жд-полотно!
            • +6
              А какой на звезды!
            • НЛО прилетело и опубликовало эту надпись здесь
              • 0
                Не замечал особого шума, видимо, пластиковые стеклопакеты таки помогают.
                • 0
                  Всё равно есть низкочастотный шум и гул на 20–30 Дб.
    • +3
      Длинные тень — лишь бесполезный тренд. Пользы от них, поэтому применяют их крайне редко. Всем начал надоедать плоский дизайн. теперь снова пошли тени, прозрачности, размытие.

      Я вообще еще ни разу эти не рисовал и нет желания :)

      ИМХО, длинные тени в паре иконок смотрятся очень нелепо, когда все остальные элементы дизайна абсолютно плоские. Нет единого стиля.
      • +6
        Нужно расширение, убирающее длинные тени.
      • 0
        гипно картинка, залип на несколько минут
  • +10
    Редизайн Хабра тоже грядет?
    • +47
      Это очевидно, но, надеюсь, они прислушаются к мнению пользователей.
      • +6
        Вряд ли. Раз уже везде пошел общий стиль.

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

        Но я бы порекомендовал компании ТМ отказаться от шрифта PT Sans и посмотреть в сторону более гибких шрифтов: Roboto, Open Sans. У PT Sans всего 2 значения жирности и в bold он смотрится ка доисторический монстр + внутрибуквенный просвет у этого шрифта мал
        • +1
          Лучше сразу сохраняйте .css
        • 0
          Зато PT Sans уже предустановлен на нормальных ОС и у нормальных людей, не надо ждать, пока он скачается.
          • +1
            предустановлен на нормальных ОС и у нормальных людей

            Те, у кого нет PT Sans, ненормальные?

            Roboto — системный шрифт Android как минимум с версии 4.х.

            Более гибкие шрифты дают возможность более качественно представить контент. Загрузились, а дальше в кеше
            • +2
              Кеш на мобильных устройствах крайне мифический, к сожалению. Пара десятков мегабайт, его порой даже на один сайт порой не хватает. И Робото на андроидах отличается от версии к версии.
        • 0
          Плохой совет.
          Roboto не хинтован и оттого выглядит на Винде просто отвратительно. (Надеюсь, никто не будет отрицать, что важность этой платформы на порядок выше Андроида?)
          Open Sans имеет кириллицу неважного качества, заметно проигрывающую его же латинской части.

          PT Sans в этом смысле намного качественнее. Если хочется больших просветов — есть PT Sans Caption.
          Да и покупку при желании коммерческой версии PT Sans Pro никто не отменял — там есть начертание Demibold.
      • +3
        Надеюсь, без дебильных длинных теней.
  • +21
    Этот пост должен был написать юзернейм habrastorage.
    • +4
      Хм, теперь код множества картинок не надо копировать по одному. Хорошо, но идею надо развить дальше: добавьте возможность менять порядок картинок.

      А ещё хорошо бы добавить окошко для текстового комментария к картинке, который сразу пойдёт в пост, смекаете? Посты с кучей картинок будет делать легко — на раз-два, а доводить до ума можно будет уже в поле собственно редактора поста.
      • +12
        Да и некоторые картинки было бы неплохо фильтрами украсить, да? )
        • +2
          Я бы даже подписался на пару юзеров.
          • +4
            Это и щас можно. Но без возможности поставить лайк всё бесполезно!
        • +3
          Напрасно сарказмируешь.
        • +6
          Ну или хотя бы обрезку и поворот :)
      • +1
        Как-то так:

        1.


        2.


        (безумные умения, я знаю)
        • +22
          Я!?
          • +22
            Не так: «Шо, опять?!»
      • НЛО прилетело и опубликовало эту надпись здесь
        • +16
          Слышь, Бурум? :) И до фильтров дело дойдёт!
        • +1
          Причём текст в идеале добавлять в HTML параллельно вводу, чтобы избежать кнопок вроде «обновить» и прочих сущностей.
          • НЛО прилетело и опубликовало эту надпись здесь
            • +3
              Найзззз.
            • +2
              На input. Не надо кейапов.
            • +38
              Сразу спрошу: а нельзя ли устроить дело ещё проще, как на Гитхабе чтобы автору блогозаписи (или комментария) можно было бы необходимую картинку прямо на Хабрахабр мышкой перетаскивать (или кнопку нажать), самомý не заходя на Habrastorage?

              Анимированный GIF, показывающий, как это выглядит на Гитхабе.
              Анимированный GIF, показывающий, как это выглядит на Гитхабе.
              • НЛО прилетело и опубликовало эту надпись здесь
  • +11
    Вообще, по логике круг с облаком должен быть кликабельным и открывать выбор файла…
    • +5
      Согласен, аудитория продвинутая. Убрать кнопку «Загрузить файлы» и навесить клик на облако.
    • +9
      Удивлен что это не так.
    • НЛО прилетело и опубликовало эту надпись здесь
      • +5
        Как я вижу — уже сделали :).
      • +4
        Все ок, только пропишите все-таки cursor:pointer, а то все-равно не понятно)

        А так, спасибо за апдейт. Давно пора
        • +11
          Выдержка из таск менеджера:

          • +1
            Asana?
            • 0
              Так точно.
        • +1
          cursor:pointer; — Done!
      • 0
        Тогда надо поменять местами облачко и текст. Сначала описание, затем кнопка — так логичнее.
  • +3
    Здорово! Всё что было неудобно- поправили, спасибо!
  • +3
    Только новый пост собрался писать, с кучей картинок, и тут такой годный апдейт =)
  • +3
    Хотел сохранить скриншот с багрепортом по поводу верстки, но не смог загрузить изображение, пишет что браузер не может его открыть. Устройство Nexus 7, браузер хром.
    • +2
      Собственно баг- не видно кнопку загрузки изображения при горизонтальной ориентации планшета.
      Горизонтальная ориентация

      • +5
        Жмите на кружок, он уже кликабельный.
  • +8
    Кто уже успел активировать инвайт?
    • +8
      Самый внимательный )
    • +16
      А вот кто забрал то имя, которое я так хотел себе =)
    • +6
      2 раза пересмотрел, не нашел
    • +2
      Кто уже успел активировать инвайт?


      А где он был? Тоже искал, но не нашел… Уже убрали?
      • +2
        Ещё есть. В посте, 1×1px.
        • +1
          Всё равно он уже наверное невалидный, даже если воспользоваться img[width^="1"] { min-width:24px!important } :-)
          • 0
            Потому что его уже активировали )
            • 0
              А для тех кто в танке расскажете, что это было?) Интересно)
              • 0
                В посте после слов «читателям ваших постов» находится картинка, ужатая до размера в 1 пиксель атрибутом width="1". Если посмотреть её в нормальном размере, то окажется, что это инвайт.
                • 0
                  Только понять, что это инвайт, могли только те, кто знаком с системой инвайтов хабра, т.е. уже зарегистрированные хабрапользователи, которым инвайт в общем-то уже и не нужен.
                  • 0
                    А он как-то особо выглядит? Я просто не в курсе, меня НЛО пригласило. Просто стал не Read-only и все.
                    • 0
                      Вот так: image
                      • 0
                        А куда это девать?) инвайт от хабражителя отличается от НЛО?
                        • 0
                          Нет, не отличается. В РО аккаунте есть формочка, в которую надо его загрузить
                        • 0
                          Разница в том, что в профиле будет написано «Зарегистрирован по приглашению _username_» или же «Зарегистрирован по приглашению НЛО»
  • +8
    Интересно какими соображениями руководствовались при выборе «шаблона» пути хранения файлов:
    /6cc/6cf/8d5/6cc6cf8d5ef75656c696fca9f8cc7fb4.png
    — почему вложенность 3 уровня, а не другое значение, почему по 3 символа в имени папки
    — почему в имени файла именно столько символов

    т.е. какими параметрами оперировали? — Прогнозируемый объем файлов, количество файлов, количество пользователей (всех habra ресурсов), структурой файловой системы и т.д.

    Интересны технические детали реализации данного проекта!
    • +2
      Связано с максимальным количеством поддиректорий в директории.
      • +3
        Про ограничения ФС на количество директорий конечно понятно. Интересно в целом на схему посмотреть =)
        • +5
          Сколько серверов, какие операционные системы, какие файловые системы, какие настройки и т.д.
          Кому как не ТМ об этом написать! Очень тематический пост должен получиться.
          • +3
            Как обычно, всё намного проще, чем вам кажется. Никаких rocket science тут точно нет ))
            • +1
              Сколько место сейчас занято? Какое их количество содержится в сторадже?
              • +2
                Habastorage — 801GB used.
                • 0
                  Таки ZFS?
                  Сколько там всего пулов? какие RAID и какие диски?
                  • 0
                    Да, и Фряха.
                    FreeBSD-20110503
                    Рекомендую тестить 10-ку. :)
                    • 0
                      10-ка тестится уже. Кстати, вполне успешно.
                      Нет, там не ZFS. Там нормальный аппаратный RAID50 на восьми SAS-винтах (всего 2.3TB) с 2-х гиговым кэшем. ZFS ведёт себя несколько малопредсказуемо, когда по какой-либо причине остаётся мало оперативки.
                      • +1
                        Там есть ряд параметров, которыми можно зарезервировать память под систему и не отдавать под zfs кеши.
          • +3
            Пока могу показать только это:



            Мы ещё работаем над усовершенствованием системы доставки контента с habrastorage, пока рано писать об окончательном продукте. Технологически всё может поменяться ещё сто раз ;)
      • +10
        Отдельный пост про изнанку будет очень кстати!
    • +2
      Да, и почему, например, не использовали облака для этих целей?
      • 0
        Да, облака нынче в моде.
  • +11
    Да-а-а-а!!! Спаибо, большое спаибо, что дали возможность загружать картинки не только через флеш. Остальное — уже не важно. Так держать!
    • +1
      *неважно

      Хм. А это какое-то ограничение, или проблема только на моей стороне? Происходит при попытке загрузить картинку размером ~8.3MiB:
      "NetworkError: 413 Request Entity Too Large - http://habrastorage.org/main/upload"
      • 0
        Похоже, кто-то недонастроил client_max_body_size в nginx-e :P
        • 0
          Fixed
    • +5
      Неужели я два раза ошибся в слове «спасибо»? Мда, это я на радостях…
  • +4
    Я дико извиняюсь, но вот в новом интерфейсе всё, вроде как, завязано на TMID. Вопрос почему же, блин, нельзя между проектами из меню переключаться?? Ну вот почему я на Хабр не могу из Тостера перейти?
    • +6
      Палите Хабрахабр 2.0
    • +3
      Скорее всего сделаем универсальную переключалку, как сейчас на TM ID:

      • +9
        … когда выкатим новый дизайн хабра :D
        • +50
          не дай бог
      • +3
        Хабра тырит дизайн у гугла? :D

        imgur.com/pln2guD
        • 0
          Что за гуглоцентризм? Такие решения присутствуют у многих проектов, Гугл не первый и не последний.
          • +1
            Зато у меня есть пруф :P
        • НЛО прилетело и опубликовало эту надпись здесь
          • 0
            А я и не сказал, что против ;) лишь заметил сей факт и подтвердил его пруфпиком.
    • +2
      ---удалено--, слишком быстро обновляются комментарии :(
  • +6
    А можно ли сделать отображение вообще всех картинок, загруженных пользователем за все время. И чтобы они не исчезали при обновлении страницы. Ну и удаление тоже можно было бы сделать.
  • +28
    Скрытый текст
    image

    Думаю из области бага :) Просто случайно потащил это самое облако, и оно у меня загрузилось.
    • +8
      Это фича! :)
  • +16
    А как нибудь можно удалить загруженный по ошибке /ненужный в статье файл? Я понимаю места на сервере до фига, но вдруг я такой сознательный
    • +2
      Присоединяюсь к просьбе.
    • +1
      Что упало, то пропало ))
      На самом деле, в таком случае обращайтесь в саппорт.
  • +7
    Пользуясь случаем спрошу о том, что меня давно интересует. Зачем плодить сущности вместо того, чтобы сделать загрузчик изображений прямо в редакторе топика | комментария.
    • +1
      Для безопасности?
      Чтобы все шишки за незаконные картинки (цп, экстремистские материалы) попали на хабрасторэдж, а не на сам хабр.
      • +2
        не аргумент, загрузчик можно встроить «интерфейсно» в редактор, а на каком сервере хранить и какой домен будет у url изображения — вопрос десятый.
        • 0
          скажите об этом сайтам которые закрывают за то что на них выкладываются ссылки на пиратский контент
          • +1
            То есть вы считаете, что habrastorage решает эту проблему?

            закрывают за то что на них выкладываются ссылки на пиратский контент

            Сами же говорите ссылки. Причем тут инструмент?
        • 0
          Когда все просили запустить файлохранилище, то единственный аргумент был именно такой. Поэтому и запустили отдельным сайтом.
          • 0
            Habrastorege принадлежит TM и сейчас большинство изображений хабратопиков хранится там. Если его закроют, то эти самые статьи останутся без картинок в миг, что тоже не есть хорошо. Не проще ли удалять по запросу проблемные изображения?
            • 0
              Они могут перенести хранилище на другой домен (у них же есть например hstor.org) и заменить домен во всех постах и комментариях
            • 0
              Главное чтобы сам хабр не попал под блокировку, а остальное легко решается.
    • +6
      Текущий редактор постов/комментариев хоть и весьма удобен, но не идеален — возможно, в будущем и у него будет что-то подобное.
      • +1
        Надеюсь, не такой, как сейчас на Фрилансим.
        • 0
          На фрилансим стоит (стоял, до обновления по крайней мере) Redactor, это отличный визивиг редактор, поверьте
          • 0
            не такой, как сейчас

            Да верю я, что Редактор был отличным.
      • +3
        Это было бы самым правильным решением. Я понимаю, что аудитория продвинутая, но заставлять своих авторов делать лишнюю работу нет смысла.
  • –27
    Только HTML5, только хардкор?
    Что делать юзерам с старыми браузерами?
    • +57
      Обновить браузер?
      • +4
        Для тех, кому этот совет предназначен, он не актуален :( Для нас актуален совет «перейти на FF/Chromium-like»… :(
        • 0
          А почему не завести именно для современных плюшек браузер? Ну вот просто пусть себе лежит тихонечко.
          • +1
            Он-то есть, но вот переключаться в него и логиниться в нескольких браузерах не всегда удобно, особенно если речь идет о «загрузить картинку в одном браузере, комментарий написать в другом»…
            • 0
              Понятно, а можете в двух словах объяснить отказ от современных браузеров с html5? Я не троллю, мне правда интересно.
              • +3
                Зайдите в любой пост блога компании Opera и почитайте, там много таких примеров…
                Кратко — Opera 12 позволяла без установки и поддержки зоопарка расширений сильно кастомизировать интерфейс и управление, плюс каждый находил для себя какие-то удобные лично ему фичи — мышиные жесты, переключение табов по 1 и 2, Ctrl+Z, боковая панель, блокировщик содержимого, Dragonfly, встроенные IRC-, bittorrent-, email-клиенты… (перечислять можно очень долго). При этом многие настройки синхронизировались через Opera Link, т.е. при переустановке/установке на новом ПК нужно было только настроить интерфейс заново, а все остальное, как например список поисковых систем, правила блокировки (не говоря уже о заметках, закладках и экспресс-панели) синхронизировалось автоматически. В новых браузерах многие возможности можно возвратить с помощью расширений, но это в итоге получается монстр, в котором что-то может сломаться при обновлении, в котором либо нет синхронизации, либо она разбита по нескольким сервисам, которые предоставляют плагины. Нет той целостности и сопутствующего ей удобства :(
                PS: и самое главное, она не жрала так много оперативы при большом количестве обычных вкладок, как жрет тот же хром.
    • +2
      Я думаю, что разочарование ParaPilot, выраженное претензией (что неправильно), хоть и не относится к большинству пользователей, и идёт вразрез с мнением большинства о том, что данный апдейт хабрастораджа годен, имеет рациональное зерно. Я фичреквещу habrastorage.org/legacy, который был бы весьма полезен и до этого апдейта, с простой, обычной формой type=file (который работает везде), поштучной загрузкой, и, если так угодно TM, даже с ограничением по размеру и частоте заливки, но который всё равно мог бы выручить часть пользователей, и не помешал бы остальным.

      В любом случае, мне интересно, почему за три итерации хабрастораджа ни разу не было стадии «форма+кнопка», как, например, на gfile.ru? Всегда бросаемся в крайности — то онли-флеш загрузка, то лютый HTML5, но в любом случае никакого выбора. Например, dropzone «provides an oldschool file input fallback». Чем не вариант?
    • 0
      А в опере 12 и до этого хабрасторэйдж не работал из-за проблем с логином… Так что ничего не изменилось для нас =)
      • 0
        Минутку, вы хотите сказать, что у вас новое хранилище не работает? У меня, например, в Опере 12.16 картинки теперь нормально заливаются перетаскиванием.
        • 0
          Ну, стоит, например, отключить рефёреры — вообще ничего не работает. Что за ненормальная тяга к необязательным параметрам? Возможны ещё проблемы с куками, если осталась более строгая настройка со старых версий (где она была по умолчанию) «Принимать только с посещаемых сайтов».
        • 0
          Да, при нажатии на облачко или кнопку ничего не происходит. А вот если кинуть файл в окно — то он загружается.
          • 0
            А, при нажатии — да, есть такое дело…
  • +2
    Единственное, чего не хватает — опционального пересжатия картинки, включенного по умолчанию, например, до 800 пикселей по бОльшей стороне.

    А всё почему:
    • Какое-то время назад habrastorage жал картинки, причем нещадно. Тем не менее, к этому привыкли.
    • Потом эту фичу убрали. Но все привыкли — и всё ещё удивляются «как так, раньше же было». А в постах появляются фотки по 3000+ пикселей, разрывающие монитор.

    Воистину, нельзя просто так взять и убрать какую-то фичу… Ну или убирая, сообщайте об этом гигантскими буквами)

    А ещё дико не хватает возможности глянуть свои предыдущие залитые файлы, всё равно ведь авторизация в сервисе привязана к хабру. А то бывает, заливаешь файлы, дальше вылетает браузер, ссылок нет, ты загружаешь их заново… И даже не столько времени жалко, дык серваки то наверняка не резиновые, даже если в облаке…

    А вот за фичу с копированием сразу всех ссылок — громадное мерси!

    P.S. Кстати. А вы дедуплекацию используете?
    • +3
      Раньше картинки действительно жались до 800 пикселей, из-за чего было проблематично залить, например, кликабельный скриншот с FullHD-монитора. Поэтому сейчас другое ограничение — 1920 по ширине (по высоте такого нет, так как иногда выкладывают длинную инфорграфику).
      • +1
        По высоте ограничений нет вообще?
      • +2
        Может, вынесите эту инфу, пожалуйста, куда-нибудь на видное место?
    • +1
      Дедуплекация используется, да.
    • +3
      Я думаю, что показ старых файлов не вводят, чтобы habrastorage не превращали в фотоальбом. А чтобы искать фотки было удобнее — лучше, по-моему, ввести фильтр по комментариям юзера с картинками.
    • +4
      появляются фотки по 3000+ пикселей, разрывающие монитор
      Но ведь им всем в CSS принудительно задана максимальная ширина, равная ширине окаймляющей их блогозаписи или комментария.

      Как же они могут разорвать хотя бы расположение элементов на странице? (Я уж не говорю про ситуацию «разорвать монитор», потому что это либо метафора, либо в дурку.)
      • 0
        Вопрос не в ширине, в высоте. Когда ты листаешь полтора экрана вниз, а фотка телефона (!) не заканчивается, потому что у неё размеры адские, а сама она вертикальная… это ни есть хорошо. Под «разрывает» я имел ввиду именно высоту, ширина вроде да, ограничивается.
        • +1
          А если это не фотография, а инфографика? Тогда она и должна быть длинною, иногда в десятки раз выше, чем шире.
          • +1
            Поэтому я и предлагал чекбокс, по-умолчанию включенный. Кому надо — отключит.
            • 0
              Теперь мне понятно.
      • +1
        Да хоть и ограничивается, пожалейте-то пользователей с GPRS/EDGE и прочими медленными соединенями!
        • 0
          Если у картинки однотонный фон (потому что скриншот или инфографика), то и обширная картинка хорошо жмётся.

          У меня у самогó EDGE (я на Tele2), так что я это на себе испытал.
  • +1
    Drag’n’drop

    Загрузить файл можно с любого устройства, будь то ноутбук, планшет или смартфон. Причём, можно как по старинке выбрать файлы с диска, так и новые изображения в любую область сайта.
    А можно перетащить пальцем с планшета и сбросить в окно, открытое на ноутбуке? (Сколько ни пробовал, не получается.)
    • +1
      я с удовольствием бы видел стартап, который бы реализовал такой Drag’n’drop между устройствами. Причем можно было бы например идущий фильм с телевизора в телефон перетаскивать, когда из дома уходишь, а потом в трамвае досматривать.
      • +1
        У эппла похожее с фильмами можно, емнип.
        • +1
          а как реализовано, прямо в кулачок можно фильм зажать, или при сдвигании до границы экрана компьютера появляется менюшка?
          • +9
            Ясно же, что фильм хранится в мышке при копировании.
  • +2
    Как долго будете хранить картинки?
    Есть уверенность что не наступит день Х и вы решите удалить неактуальные картинки — которые никто не запрашивал за последний, например, год?
    Или удалить картинки пользователя, в которого загружено 100500 файлов, но нету ни одного поста на хабре?
    • +8
      Предположительно столько, сколько будет существовать Хабрахабр. То есть вечно. Даже к самым старым постам постоянно обращаются.
      • +5
        Человек скорее намекал, что хочет использовать хабрасторэдж как хранилище личных файлов.
        • 0
          Я полагаю, что если файл не был вставлен ни в одну статью, то спустя время он протухает. Если был опубликован, то хранится вечно.
          • +2
            Стоит ли овчинка выделки? Память сейчас стоит дешево, поэтому есть ли смысл.
          • +2
            У меня посты в черновиках годами висят. Вот это будет подарочек, если картинки в них «протухнут».
            • +1
              Так файл вставлен. Черновик полноценная статья, только статус «не опубликован». Тут скорее ситуация, когда человек залил и никуда не дел ссылку. Спустя год оно ему уже точно не понадобится.
              • +1
                Присоединяюсь — добавьте, пожалуйста, возможность удалять свои картинки, загруженные по ошибке. Вам же самим будет экономия места на сервере.
                • 0
                  Может там как и в вконтактике — не удаляют из-за фрагментации?
  • +28
    Люблю тащить хурму)

    if( e.dataTransfer.dropEffect == 'copy' ){
    // тащим в окно файл
    }else{
    // тащим в окно хурму
    return false;
    }

    • НЛО прилетело и опубликовало эту надпись здесь
    • +2
      Надеюсь, грейпфруты тоже будут доступны)))
  • +3
    >Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке.
    Оно и видно. Не обижайтесь:3
    У меня оно даже не во всех браузерах работало (флеш везде включён, если что). Но чего и где — не помню уже, давно не пользовался.
  • +6
    Смотрю на каждый новый дизайн проектов Хабра. «На вкус и цвет» можно даже не говорить, каждому свое, но загружаемые шрифты мало того, что часто заставляют страницу грузиться сначала пустой, а потом отрисовываться, так ведь еще, самое неприятное, они и выглядят неизящно!

    Пример — картинка в самом посте, та, что вторая сверху, с тремя перечисленными файлами. Имена файлов («2.png»...) выглядят как-то… как будто симпатичная худенькая девушка одела зимний тулуп, и стала бесформенной бабищей с колхозного рынка.

    Я к тому, что технологии — технологиями (загружаемый шрифт на проекте, которые изначально текстово ориентирован, притом шрифт, несильно от имеющихся на каждой машине отличающийся — это именно технология ради технологии, «только хардкор» и все такое), но о восприятии нужно не забывать. И о юзерах, не все из которых сидят на retina дисплеях, а некоторые (ой!) на 15" экранах шириной 1366 точек, с очевидно «никаким» dpi.

    P.S. Была бы в TM-профиле per-user настройка «не грузить на проектах Хабра внешние шрифты» — с удовольствием бы воспользовался. Подозреваю, что верстка бы не сползла, зато глаза заметно бы расслабились.

    P.P.S Да, понимаю, что могу приделать свою CSS, но… не всегда это удобно.
  • +23
    А у вас там программисты с юмором :)

    Заодно неприятная ситуация. Не знаю, может выше уже постили:
    • +5
      Именно так и надо, будет грузиться либо по https либо по http. Это не бага и очень даже приятная.
      • +9
        Не, о двух слешах перед адресом это понятно. я о том, что превью растягивает на всю высоту и изображение колбасит. :)
  • +3
    Вопрос к администрации, есть какой — то запрет на использование сервиса вне хабрахабра, или Вы к этому лояльно относитесь.
    Речь идет не о использовании картинок в структуре сайта, а например при записи на форуме, блоге и т.д.
    • 0
      Фотки с отпуска

      Единственное, на что хочется обратить внимание – это не фотохостинг для хранения фотографий с отпуска – у нас тут ни фотоальбомов, ни фолловинга, ни даже лайков. Ничего лишнего, никакой рекламы.
    • +1
      Специально никто не следит. Но если будут утилизировать сильно канал или содержать незаконный контент, удалены будут без сомнений.
  • +1
    Немного раздраконивает все при загрузке анимированного gif
    image
  • +4
    Бага в догонку.
  • +2
    Эх… Еще бы какой-нибудь storage для хранения других типов файлов. С ограничением на размер файла, естественно. Я к своему первому топику прикладывал PDF и DOC файлики. Долго искал, куда бы их пристроить. В результате разместил на dropbox. Но это не удобно в том плане, что я их могу случайно грохнуть и статья получится «кастрированной».
    • +3
      • +1
        Сервисов много, конечно. Плохо, что они разные. Т.е. придется сидеть на двух стульях. Считаю, что контент, являющийся с моей точки зрения «неделимым» не должен быть раскидан по разным платформам. По-крайней мере, хоть вендор один должен быть. Статья была написана для хабра и я бы хотел все ее компоненты хранить на хабре или на дочерних ресурсах хабра.
      • 0
        У меня эта штука упорно не работает.
    • +1
      Github или bitbucket?
  • +16
    «Загруженный файл не является изображением.» Это на SVG-то!
    • +3
      «растровым», вероятно, забыли добавить.
  • +2
    Спасибо за отказ от флэша, это удобно :-)

    Всё хочу спасти свои старые посты, где картинки были загружены на давно сломавшиеся хостинги. Кое-что я нашёл у себя и переложил на хабрасторадж, но часть картинок потерялась. Может, кто-нибудь добрый бэкапил хабр со всеми картинками?
    • 0
      А можно попробовать ведь и Wayback Machine или кэш гугла?
      • 0
        Так ведь пробовал!
  • +1
    Это всё здорово, но вот то, что нет списка картинок, которые я загружал, это странно.
    Например, представим гипотетическую ситуацию, что пост, в котором были ссылки, удалён.
    Откуда брать ссылки на картинки? Заново не то что грузить, а ещё и готовить?
    Вплоть до простейшей ситуации, когда ну вот только что загрузил картинки и случайно нажал на F5 (браузер завис, питание выключилось, нужное подчеркнуть).
    • –1
      В черновиках есть автосохранение
  • +16
    Зачем CSS класс с лупой на превью загруженной картинки назвали zalupa? Ай-яй-яй…
    • +5
      Вас теперь за это ещё и забанят, потому что на Хабре мат запрещён! А про запрет мата в исходном коде ни слова.
    • +5
      Импровизация верстальщика )) Картинка находится за лупой, поэтому, видимо, такой класс ))
      • +3
        Тогда уж класс должен называться za-lupoi. Склонять лупу надо правильно!
  • +14
    Нас обманывают!

    function human_size(bytes) {
        if (typeof bytes !== 'number') {
            return '';
        }
        if (bytes >= 1000000000) {
            return (bytes / 1000000000).toFixed(2) + ' GB';
        }
        if (bytes >= 1000000) {
            return (bytes / 1000000).toFixed(2) + ' MB';
        }
        return (bytes / 1000).toFixed(2) + ' KB';
    }
    
    • –1
      Вообще-то, если по науке, то всё правильно
      • +1
        Понятное дело, но в компах все привыкли именно к степеням двойки, а степени десятки используют в основном производители накопителей, чтобы цифра получалась больше, чем есть на самом деле.
      • +1
        не поддавайтесь на провокации, избегайте условности, считайте всё в битах!
    • 0
      «NaN KB»
  • +5
    Всё это здорово и круто. Об одном прошу: если на хабре грядёт изменение дизайна, оставьте кнопочку, которая сделает, чтобы дизайн вернулся к старому. К нему все привыкли, а новый дизайн проектов TM выглядит неоднозначным :)
    • +2
      А можно и вообще Хабр оставить в текущем виде.

      После нового дизайна Фрилансим (все равно не адаптируещегося) текущий дизайн Хабра очень-очень привлекателен и удобен
  • +1
    А ограничение по размеру файла какое? Двухметровую гифку забраковал.
  • 0
    долго втыкал что же скрывается за кнопками-картинками
  • +2
    Будет ли добавлена загрузка по URL?
    • +1
      В некотором роде она уж есть.
      • 0
        Лучше бы этот момент продублировать в функционале самого HS
        • +2
          А смысл? Если у вас уже есть урл картинки — просто вставляйте её в пост на Хабре, она сама переместится на Habrastorage.
          • +1
            Кстати, как-то оно не очень-то активно перемещается. В этой статейке картинка по стороннему урлу была очень тормозной. После анонса автозаливки я всё надеялся, что движок её перекинет на storage, очень долго ждал, но так и не дождался, перенёс ручками.
          • +1
            Тестирую

            Тест
            Тест
            Тест
            image
            • +1
              Ы, воспроизводится. А у меня через раз как-то, иногда перезаливается, иногда нет.
          • 0
            1) Как видно в комментариях это перемещение на Habrastorage не работает! При этом картинки в комментариях — такая же важная часть контента, как и картинки в посте. Очень часто они отваливаются от хабраэффекта, да и не должно быть по идее разницы между картинкой в посте и в комменте — грузятся-то они как коллеги одновремено.

            2) Если в ТМ хотят оставить возможность вставлять картинку по своему URL-у в комментах и не делать автоперенос на HS, то надо бы добавить опции загрузки картинки по URL-у в сам HS.
            • +1
              Несколько минут картинка отдавалась по родному URL-у. А затем перескочила на HS. Похоже автоперенос происходит не моментально, а видимо в порядке очереди на перенос. Теперь всё ясно
  • +3
    А еще мечтаю о поддержке retina-экранов для картинок на хабре — надоело мыло.
    • +8
      накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом) Какое мыло вы имеете ввиду на картинках, если они физически такие?
      • +3
        накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом)

        Аплодирую. Шикарно :D
    • +2
      SVG до сих пор не поддерживается, но хотя бы width/height добавили, теперь можно вставлять уменьшенные вдвое картинки. Тут, правда, не позавидуешь слабым устройствам: надо и качать больше и уменьшать картинки вычислительно дорого.
      • +1
        width/height добавили

        Спасибо, не знал. В хелпе по-прежнему ни слова:
        <img src="" />
        Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.
  • 0
    Почему в html-коде для вставки нет атрибута alt (пустого, например)? Это ведь обязательный атрибут.

    An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
    • +1
      Тоже парился с поиском отключенных картинок в тексте, даже исходный код постов читал для этого. Но потом поставил (в FireFox) расширение ImgLikeOpera, так вот там спецфича есть — добавлять этот тег со словом «image». Очень удобно.
      Но печально, что где-то 30 % сайтов забивают на этот тег.
  • +1
    Странно, но почему-то никто не отметил возможность загружать изображения прямо из буфера обмена. Ведь появление такой возможности — это замечательно! Меня очень утомляло сохранять изображение в файл, потом искать его, тащить, а после загрузки удалять.

    Но есть один нюанс
    Прямая ссылка на такой файл почему-то не содержиит расширение файла (.jpg): habrastorage.org/files/195/b93/be3/195b93be37cc480d9fc01aceb6797823

    Хотя тэг отрабатывает как положено:

  • –1
    А именно, возможность разом скопировать ссылки на все (или только на отмеченные) загруженные файлы.

    Хех, а я-то обрадовался что есть какая-то фича с copy-paste в javascript-e…
    (Да, я знаю что это небезопасно, но может есть такой браузер где можно кликом по кнопке скопировать содержимое в буфер обмена без использования java-allet или flash?
    • 0
      без флеша не нашли решения
      • 0
        Жаль, я нашёл решение только на база java-апплета (там можно сделать разрешение на запуск только с конкретного домена). Ну что-ж будем делать на нём.
  • НЛО прилетело и опубликовало эту надпись здесь
    • +1
      Я думаю, что ТМ делают дизайны для всех сайтов на базе платного фреймворка Flat UI PRO, который как раз выполнен в мрачных сине-зеленых цветах:

      image
  • +3
    Напишите пост об архитектуре Habrastorage
  • 0
    Вы сломали загружалку!
    Подскажите, как теперь из консоли файл загрузить?
  • +2
    Многие вот пишут и шутят по поводу смены дизайна хабра, но никто не выкладывал почему-то ссылку на tamtreehouse не буду показывать пальцем, но… :)
    Если кому-то интересно как примерно будет выглядеть хабр в новой тенденции дизайна предлагаю посмотреть :) надо сказать весьма схожая концепция
    • +2
      Не в обиду сказано дизайнерам Хабрахабра, но Трихаус выглядит в разы лучше, чем представленные обновления. И адаптивен, что немаловажно.
    • 0
      между прочим, интересное дело.
      Компания, которая занимается обучением в сфере веб-технологий, для аватарок 60х60 использует полноразмерные фотки и вообще не блещет.

      Или я всё проспал и клиентская оптимизация сегодня никому не нужна?!
  • 0
    На Habrastorage можно загружать только картинки или любые файлы? Например, если к статье прикрепить готовое приложение, то было бы полезно
    • 0
      А зачем? Приложения же не скачиваются по-умолчанию браузерами всех пользователей поголовно, как картинки. А значит и хабраэффекта не будет, а значит и хостить их можно где угодно.
  • 0
    Вот вам ещё интерфейсная идейка: убейте подтверждения действий как класс. Вот скажем в новом дизайне я обнаружил возможность «завершить» проект, коих у меня скопилось больше двух десятков. И каждый раз при завершении всплывает просьба подтверждения, расположенная на расстоянии почти половины экрана от настроек проекта. При этом правильный способ подтверждения давно известен по Вконтакте: действие без подтверждения при возможности в течение нескольких секунд его отменить. Учитывая тот факт, что юзеры осмысленно кликают всё-таки чаще, чем по ошибке, вариант возможности отмены выглядит куда экологичнее обязательного подтверждения.
    • 0
      Ай, промахнулся постом. Ну пусть будет, хорошую мысль не грех и повторить.
  • +1
    Круто
  • 0
    Примерно месяц как начала подвисать загрузка картинок с habrastorage.
    Приходилось по много раз обновлять страницу, пока все картинки не появятся.

    Случайно обнаружил, что если падает ipv6, проблема исчезает.
    Прописал в etc/hosts v4-адрес для hsto.org.
    Другие ipv6-сайты у меня работают превосходно (сервисы google, vk.com, файлообменный трафик).

    Может, кому-то заметка покажется полезной.

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

Самое читаемое Разное