О HTML5 в инфографике

Автор оригинала: @obxdesignworks
  • Перевод
image

Рыская в интернете я натолкнулся на весьма приятную по исполнению и интересную к прочтению инфографику о HTML5.
Я решил ее перевести. Что из этого вышло можете лицезреть по клику на уменьшенной картинке.

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

Имени автора, я к сожалению не нашел. Только ссылку на его твиттер.

P.S. Убрал опечатки и обновил картинку с инфографикой.
Поделиться публикацией

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

    +2
    Судя по тому что написано о будущих поддержках IE9, IE9 вообще никому не конкурнет.

    И спасибо за хорошую инфографику
      –4
      Да инфографика то вообщем плохая. Невнятная абсолютно.
      Сказал бы — просто иллюстрация, не слова бы не написал здесь я.
      А так абсолютно невнятное исполнение и еще и хромает кое-где.
        +1
        Инфографика в которую не въезжаешь с первого раза — имхо, фигня. тут я с вами согласен.
          +1
          Cогласен, особенно «таблица совместимости» крайне не наглядная, нужно сделать то что не совместимо хотя бы в полутоне или обозначить тем же цветом но с минусом\крестом, иначе не понятно чего там все же нет.
          Куда делся сильверлайт?
          + далеко не о все плюшках HTML5 рассказано, особенно связанных с CSS и JS
          И самый главный вопрос почему станет заменой, если фактически уже стал.
          Вообще считаю что самая лучшая презентация HTML 5 — slides.html5rocks.com/#slide1
          +14
          IE9, похоже, продолжает «славное» семейство браузеров, которое портит настроение по утрам верстальщикам)
            0
            да я бы сказал не по утрам, а при каждом упоминании.
              0
              Меня больше угнетает то, что IE9 под XP не будет. Неужели верстальщиком придется массово переходить на семерку? Одна надежда — на костыль типа IETester
                +1
                я сейчас под 7-ой с ним работаю, он, конечно, решение, но эти пресловутые краши вкладок, как же они убивают(
                  0
                  А, под 7-кой это тоже происходит?! А я-то надеялся…
                    0
                    ага.кстати, на sp3 у меня как раз падений не было.а на работе под 7-ой постоянно.в особенности, когда включаешь подряд вкладки с 6-ым и 7-ым ие.это дико раздражает, потому что именно под ними нужна аккуратная верстка.
                  0
                  У меня IETester на WinXP SP3 с некоторых пор (с некоторой версии) глючит немилосердно, падает часто и непредсказуемо. Судя по жалобам на сайте производителя, не только у меня.
                  +4
                  Как знакомо…
                  Когда вижу в ТЗ вёрстку с поддержкой IE6, глаз дёргаться начинает.
                +5
                Инфографика хорошая, а вот русский язык у автора страдает:
                Что измениться в будущем?
                  +14
                  Не везде она хорошая. К примеру, приходится запоминать какого цвета та или иная фича и выискивать её внизу. Одни оттенки красного и синего, причём не всегда отмеченные этими оттенками фичи можно сгруппировать. Знак умножения в сравнении тоже не понятен.
                    +3
                    «Базавая версия», тоже ничего звучит.

                    Heil Spellcheck, как говорится.
                      +1
                      Немного наврал, там про базавую поддержку речь.
                        0
                        спасибо, поправил
                        –2
                        Начал читать и сразу
                        HTML5 в станет следующим серьезным апдейтом HTML


                        • НЛО прилетело и опубликовало эту надпись здесь
                          +4
                          А остался ли svg всего этого чуда?
                            +5
                            Глаголы «драгать» и «дропать» глаз режут. Можно написать просто «перетаскивать»
                              –1
                              Тогда уж «таскать» и «бросать» для полного соответствия :)
                              0
                              На стенд — однозначно!
                              Переводчик не против?
                                +2
                                Поворчу чуток насчет представления этой инфографики…

                                У хрома 86% а показано как 100. Авторы инфографики любят Хроме? :)
                                Вижу сноску: "*Бабули и те больше шарят" но к чему она относится?.. Расшифровку сноски вижу, а саму её нет.

                                Таблица с квадратиками — вообще непонятно ничего, таблицы — «что есть сейчас» и «что будет» нужно совместить, одна строчка под другой, а надписи сделать на выносках, чтобы понять что и где.
                                  +1
                                  К чему эти претензии предъявлять переводчику?
                                    –1
                                    86% показано потому что это максимум из представленных. Очевидно у всех остальных полоска пропорционально тоже смасштабирована. «Бабули» — это очевидно к 26% IE, рядом с которым она находится.
                                  • НЛО прилетело и опубликовало эту надпись здесь
                                      0
                                      спасибо, поправил
                                      +2
                                      можно пользоваться, например, почтой, имея полугодовой долг за пользование интернетом


                                      Ну это слишком громко сказано (мягко говоря)
                                        0
                                        Эта часть была написана с большой иронией
                                        +1
                                        Спасибо! Подправьте еще, пожалуйста, «полуго-вой»
                                          0
                                          поправил
                                          +1
                                          о каком будущем, в котором Chrome 6, там написано если у меня уже:
                                            0
                                            1. Инфографика достаточно старая на самом деле.
                                            2. Chromium == Chrome?
                                              0
                                              ну каких-то сильных различий в них нет кроме цвета логотипа и названия))

                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                  0
                                                  ну там у них не такие прям уж сильные различия. хромиум все-равно далеко вперед ушел от хрома))
                                                  то что я видел в старых версиях хромиума, и чего небыло в хроме — сейчас в нем есть)).
                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                      0
                                                      По стабильности. От менее стабильных сборок к более стабильным:
                                                      Chromium->Google Chrome Canary Build->Google Chrome Dev->Google Chrome Beta->Google Chrome Stable.
                                                      Chromium принадлежит сообществу, хоть и большинство его разработчиков из Google. Chromium дико нестабилен, количество сборок в день может колебаться от 2-3 до 10-15.
                                                        0
                                                        кстати, увидел у вас иконку связанную с мозиллой)) но не помню что за программа, ибо не пользовался ею.
                                                        хотелось бы услышать ваше мнение о Firefox 4 beta, ибо установил его недавно.Думаю вы уже опробовали его?
                                                        моим разочарованием было что даже в 4-й версии он не поддерживает закругленные углы у картинок…
                                                        и насчет хрома, у меня как раз-таки стоит Google Chrome Canary Build ))
                                                          +1
                                                          У меня в моих записях в большом тестировании по браузерам входит Огнелис. Учитывая то, что я видел в первых бетах, можно сказать, что четвёртый Fx определённо получится удачным. Имхо, по юзабилити он лучше Хрома, а количество попугаев не играют решающей роли. Как недавно писал AntonDiaz у Хрома при куче баллов в тестах на скорость есть досадные косяки с спецификациями.

                                                          А на иконке у меня Thunderbird. Я им не пользуюсь, ибо с почтой мало работаю, но логотип, как у многих продуктов Mozilla Found., у него симпатичный.
                                                          • НЛО прилетело и опубликовало эту надпись здесь
                                                              0
                                                              Chromium тоже жрёт будь здоров. Если с оперативкой проблемы, то можно воспользоваться оптимизаторами оперативки, благо их навалом под виндой ( про линуксы не знаю, ибо он сам по себе мало кушает, в отличие от неоптимизированной Windows ). А в огнелисе я ставлю сразу три дополнения, которыми пользуюсь, и всё. Я вообще в дополнениях мало нуждаюсь.
                                                              А вот те, кто нуждается и постоянно их ставит, да, с огнелисом возникают неудобства.
                                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                          0
                                                          далеко ушел по версиям)) что мол хром будет таким-же в будущем — поэтому и говорю что различий нет тока время и иконка и название и то они тоже очень похожи) а если взять одинаковых версий хром и хромиум то практически нет существенных отличий кроме выше написанных.
                                                            0
                                                            Отличаются они еще и поеданием различной статистики о пользователе, которую так любит Гугл, Хромиум же лишен этого недостатка…
                                                    +2
                                                    ща посмотрел, Хром у меня тоже 7-й — 7.0.514.0
                                                  0
                                                  Я бы у такого дизайнера сайт точно заказал бы, не только графику. (Почему-то сначала думал что и есть сайт про HTML 5)
                                                  Интересно, можно ли все это сверстать на чистом HTML 5?
                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                    0
                                                    «Сможете ли вы насладиться всей предестью HTML5 используя свой браузер?» — лично меня, как пользователя, давно уже не волнует, на какой версии HTML сверстаная страница. Не отображается или тормозит — до свидания, аналогов много :)
                                                      0
                                                      *прелестью
                                                        +5
                                                        аналогично… мне, как разработчику(именно моих проектов), так-же давно уже не волнует)).
                                                        я не гоняюсь за посетителями. не поддерживает у них что-то — «до свидания, аналогов много :)».
                                                        не собираюсь заморачиваться над поддержкой старых браузеров.
                                                          +4
                                                          ибо это мои сайты, моя территория, на которой я сам диктую свои условия.
                                                          не нравится — идите на другой сайт.
                                                          подстраиваться под доисторические разрешения мониторов и браузеры не собираюсь.
                                                          0
                                                          ага, вероятно имелось в виду, что наслаждаться в основном будут верстальщики)
                                                            0
                                                            не будут, а начнут.
                                                            лет через 10, при благоприятном стечении обстоятельств…
                                                            +3
                                                            А если гугл или хабр перейдет на html5, вы скажите ему «до свидания» или обновите свой браузер?
                                                              0
                                                              Лично мне не нравится сам подход к делу — «обновите браузер». Новый браузер, независимо от марки и версии, не несет для меня, как для человека-пользователя, новой функциональности. Ссылки, текст и картинки все те же. А версии HTML и CSS мне, когда я не на рабочем месте, не интересны.

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

                                                              Разработчики действительно крупных проектов понимают человеческие качества своих пользователей и без крайней необходимости не станут их напрягать. А если не понимают, то у проекта есть шанс перестать быть крупным :)
                                                                0
                                                                я могу предположить, что с таким подходом, у вас до сих пор, для прослушивания музыки используется граммофон\бабинник\кассетник\сидюк??
                                                                а зачем обновляться?? музыка же играет и ладно)) так чтоли??
                                                                  0
                                                                  Хороший проигрыватель и пластинка по качеству звука MP3 фору дадут. Поинтересуйтесь, сколько стоит качественный современный проигрыватель, ламповый усилитель, комплект хороших колонок и виниловые пластинки. А технологии начала-середины прошлого века :)

                                                                  Если вернуться к теме разговора, то переход с аудио-CD на MP3 дает пользователям новые возможности и для пользователей полезен. Замена браузера на что-то более новое ничего нового пользователю не даст. Технологических новинок, от которых пищит верстальщик, пользователь даже не заметит.
                                                                    0
                                                                    я и не сравнивал именно с mp3 (есть флак например, если речь идет именно о качестве звучания), я имел ввиду компактность\мобильность и все в таком духе(не только носителей музыки но и устройств воспроизведения). и сейчас можно слушать цифровую музыку через ламповые усилители итд.ну акустика тоже может быть любой)) как старой так и новой.
                                                                    у меня, например, Yamaha Soavo 2 + Microlab FC730.
                                                                    а смена браузера дает пользователю больше возможностей. он может слушать музыку, смотреть видео, играть в игры итд итп не устанавливая никаких плагинов. плюс не только пользователям но и разработчикам…
                                                                    кому охота писать костыли под древние браузеры.
                                                                    «Технологических новинок, от которых пищит верстальщик, пользователь даже не заметит.» да?? ну появятся сайты где музыка и видео только html5 — и когда они захотят что-то посмотреть или послушать — увидят разницу.
                                                                    или например если сайт использует драгндроп-загрузчик)) они не смогут загрузить фотки или какие-то файлы тоже заметят разницу.
                                                                    сегодня заметил на deviantart.com отличную рисовалку, которую предлагает сайт. она сделана на html5 и предлагает установить новый браузер с его поддержкой. пользователь не увидит разницу? а он вообще ничего не увидит кроме упоминания что его браузер устарел.
                                                                    примеров еще полно))
                                                                  0
                                                                  Извините, а в свое время вы обновили свое интернет соединение? я имею в виду вы выкинули диалап-модем? Ведь «Ссылки, текст и картинки все те же»…

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


                                                                  Вы серьезно?
                                                                  Возьмем к примеру простой пример — вставку видео. Видео сейчас практически везде вставляется через flash, при этом не имеющему плагина пользовотелю пишут — «установите плагин». Ну и чем это отличается от «обновите браузер»?
                                                                  Новый браузер (поддерживающий html5) как раз таки несет в себе массу новой функциональности, просто вы ее уже видели через другие дополнительные приложения. И дело обстоит ровно наоборот, с приходом (наконец-то) поддержки новой технологии станут не нужны старые «костыли», которые отныне не будут давать новой функциональности (в общем случае).

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

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

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

                                                                  Поддержка ИЕ6 держится только из-за пользователей рабочих компьютеров, на которых нерадивые админы оставили в живых мертвый браузер, и обновление не в компетенции пользователя. Человеческие же качества здесь абсолютно ни причем, я вас уверяю. Потому что, если самой ленивой в мире тетеньке захотелось попасть на одноклассники, то она согласна и процедуру регистрации пройти, и отправить платное смс, то обновить браузер она тоже будет согласна.

                                                                    0
                                                                    Давайте не будем путать потребности пользователя и потребность разработчиков в технологии.

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

                                                                    Потребность пользователя — просмотреть фрагмент видео. Вы хотите удовлетворить эту потребность и можете сделать это при помощи Flash или браузера с поддержкой HTML5. Какой способ вы выберете? Логично сравнить плюсы и минуся технологий. На данный момент для конечного пользователя проще установить плагин для Flash (чисто технически проще). Разумеется, новые более гибкие технологии будут постепенно развиваться, поэтому стоит их поддержать, НО, давайте просто посчитаем, с чем рабоатет основная масса пользователей и постараемся их поменьше напрягать. Для проекта в целом это будет плюсом.

                                                                    В конце концов, разработчику платят за удовлетворение пользователей, а не за продвижение браузеров.

                                                                      0
                                                                      Задача разработчика — поддержать общепринятые механизмы с тем, чтобы удовлетворить 80% пользователей.

                                                                      У HTML как языка тоже есть разработчики, которые стремятся к тому же — в результате выпускается новая версия языка.

                                                                      P.S. вы не ответили насчет модема ;)
                                                                        0
                                                                        Если вам в самом деле интересно — с аналогового модема на ADSL я перешел осенью 2004 года когда из-за изменения тарифа стоимость Интенет-карт сравнялась с оплатой ADSL. Таким образом, ADSL (на тот момент 64 кбит/с) оказался мне выгоднее и удобнее — очевидный повод перейти на него :)

                                                                        В остальных вещах, в том числе и в разработке ПО, я придеживаюсь этого же принципа — не напрягайся сам и не напрягай других, пока для этого нет серьезного повода или явной выгоды. Из этого следует, что смена технологий, сред разработки, форматов файлов, браузеров, версий пасьянсов должна производиться только для дела, причем дела важного. Применительно к HTML лично я считаю, что все нужные для работы технологии уже есть и гораздо полезнее работать с проверенными надежными решениями, чем гоняться за новинками.
                                                              –2
                                                              — "… кто станет властителем интерактивного будущего?"
                                                              — Silverlight!
                                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                                  0
                                                                  СЛ родился уже мертвым
                                                                  +6
                                                                  Если это перевод, зачем было вставлять фразы типа «Капитан очевидность» и «Бабушки больше шарят»? В оригинале их нет. Да и так они из общего стиля документа выбиваются.
                                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                                      0
                                                                      уже обновил картинку
                                                                      • НЛО прилетело и опубликовало эту надпись здесь
                                                                          0
                                                                          уже сделал
                                                                      0
                                                                      Мне вот только не особо понятно, как это «можно пользоваться, например, почтой, имея полугодовой долг за пользование интернетом»? *чешу в затылке*
                                                                      Интересно, если отключить сетевой кабель, то за счет HTML5 почта все равно будет работать и даже доходить до адресата? )))))
                                                                        0
                                                                        я уже писал выше, что эта часть написана с большой иронией. Можете воспринимать эту часть текста, как неудачную шутку.
                                                                        0
                                                                        Вкралась ошибка: «Новые, элементы стилей HTML5». А так спасибо, интересно.
                                                                          +2
                                                                          www.thewildernessdowntown.com/ — суперняшно!
                                                                          Хромом открывайте.
                                                                            0
                                                                            задолбали с этим унылым клипом. уже только топика три на хабре было, а теперь еще и в комменты флудите.
                                                                            0
                                                                            права на HTML5 ни принадлежат, ни кому
                                                                            как может русский человек такое написать?
                                                                              0
                                                                              4-й пункт — это то, что я уже двенадцать лет имею в виде почтового клиента? Или я отстал от жизни и народ давно уже позабыл, что почту можно не хранить на сервере, а скачивать к себе?

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

                                                                              Самое читаемое