Статьи

Подкаст SitePoint # 143: Счастливые праздники HTML5 с Брюсом Лоусоном

Эпизод 143 подкаста SitePoint теперь доступен!

Скачать этот эпизод

Вы можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:

  • Подкаст SitePoint № 143: Счастливые праздники HTML5 с Брюсом Лоусоном (MP3, 37:44, 36,2 МБ)

Резюме Эпизода

Луи садится с Брюсом Лоусоном, чтобы поговорить о семантике HTML5, использовании, разработке, пакетах, обходных путях, полифиллах и всем, что между ними.

Просмотрите полный список ссылок, указанных в шоу, по адресу http://delicious.com/sitepointpodcast/143 .

Стенограмма интервью

Луи: Здравствуйте и добро пожаловать в еще один эпизод подкаста SitePoint. Так случилось, что это последний эпизод подкаста SitePoint за 2011 год, и со мной сегодня на шоу у меня есть достаточно фантастический гость, Брюс Лоусон. Брюс является членом Целевой группы по доступности для проекта веб-стандартов, он работает в команде по связям с разработчиками в Opera, он действительно легенда в области доступности и веб-стандартов, эксперт по HTML5 и участник HTML5doctor.com. Я забыл что-нибудь? И привет и добро пожаловать на шоу, Брюс, пока я на нем.

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

Луи: Точно. Так что, да, я хотел пригласить вас на шоу по ряду причин, там происходит всякое, очевидно, HTML5 уже давно стал важной темой в мире веб-дизайна и веб-разработки, и вы Нам, конечно, есть, что сказать по этому поводу. На самом деле, второе издание вашей книги по HTML5 только что было выпущено, если я не ошибаюсь.

Брюс: Это верно, да, я думаю, что это вышло, я не знаю, попало ли это в Австралазию, это появилось в Великобритании около месяца назад, я думаю, это довольно захватывающе для Реми и меня, так много опечаток и исправлены и открыты куски совершенно косого языка, и появилась целая новая глава о том, как вы на самом деле можете использовать этот материал сейчас, потому что именно поэтому все подошли; на конференциях и тому подобном люди будут подниматься и подниматься и говорить: «О, звучит замечательно, но как мы можем использовать это сейчас?» И нам пришло в голову, что мы очень умно пропустили упоминать что-то полезное в первом издании так что теперь там.

Луи: Да, было определенно много трепета, я хочу вернуться к этому и спросить о новом издании, потому что это, если я не ошибаюсь, первое второе издание книги HTML5, так что это быть какой-то вехой для зрелости спецификации языка.

Брюс: Возможно, это не потому, что мой приятель Питер Любберс и некоторые его коллеги из Каазинга написали Pro HTML5 Programming, который, возможно, вошел во второе издание до нашего, это, конечно, второе издание, я не знаю, кто был Сначала, но мы не соревнуемся.

Луи: То, что я говорил, — это то, что мы достигли того момента, когда появилось второе издание книги по этой теме, так что это говорит о HTML5 и, возможно, его сохраняющейся силе и о том, что он не прекратился.

Брюс: Ну, это может не указывать на зрелость, это может указывать на то, насколько все это сдвигает пески и что-то меняется из-под наших носов, так что нам нужно идти и переписывать вещи, я бы не стал Скажите, что это свидетельствует о зрелости, так сказать.

Луи: Хм. Итак, говоря о втором издании книги, вы сказали, что одной из вещей, на которых вы сосредоточились, была глава по применению этого материала на практике, и я знаю, что работал над книгой HTML5 и CSS3 для SitePoint, и это было то, что у нас было мы думали, когда начали работать над этим, потому что ваша книга и книга Джереми Кейта уже были действительно сильны в этом отношении, вы знаете, объясняя спецификации и процесс, с помощью которого они возникли, и что они на самом деле значат, и мы хотели попробовать и, возможно, просто сделать что-то немного другое и сосредоточиться больше на практических аспектах. Но есть ли какие-то другие вещи, которые вам пришлось изменить, например, вещи, которые только что перевернулись на вас, и вам действительно пришлось войти и измениться?

Брюс: Достаточно немногие. Я передумал о семантике использования элемента nav. Первоначально я размечал все, что выглядело как ссылку на другое место на сайте, как nav, и на самом деле я проводил семинар на BBC и разговаривал с некоторыми из их веб-разработчиков, и они убедили меня, или я убедил себя, я не помню, как все прошло, но мы как-то убедили друг друга в том, что я немного переусердствовал и страдал навигацией в течение года, и поэтому я передумал об этом. Элемент времени исчез, а затем вернулся (смеется), или он будет в измененном формате, поэтому его не будет, как мы говорим, в книге, но он будет в спецификации. Множество новых вещей с мультимедиа, поэтому в первом издании я собрал грязный, грязный хак для выполнения наших транскрипций по времени, подписи к видео, и к тому времени, когда вышло второе издание, спецификация была в значительной степени отсортирована по новой формат под названием Web VTT, который является Video Timed Text, который, вероятно, будет самым простым способом для веб-авторов добавлять субтитры и подписи к аудио и видео, так что с моей точки зрения доступности было действительно здорово сказать, что прощай, грязный хак является официальным способом и укажите на некоторые чертовски красивые полифиллы, которые вы можете просто взять с полки и использовать прямо сейчас. Так что, если это ваша вещь, вы хотите посмотреть Playr, playr, который является хорошим быстрым и грязным способом быстрого прототипирования, но он пока не работает в IE10. Есть также действительно отличный полифилл, называемый mediaelement.js , и это совершенно потрясающе, на данный момент он основан на jQuery, но я думаю, что зависимость скоро исчезнет. Но что делает mediaelement.js, так это то, что он добавляет поддержку субтитров, и так далее, в качестве полизаполнения, но на самом деле он ловко подделывает все API JavaScript HTML5 для аудио-видео и реализует их во Flash, поэтому, если вы используете IE6, IE7 IE8, вы получаете Flash-фильм вместо собственного, но вы все равно можете взаимодействовать с ним, используя все API-интерфейсы JavaScript, потому что он имитирует. И поскольку наше сообщество настолько блестящее и щедрое, все эти вещи с открытым исходным кодом, и вы можете просто взять их и использовать, и это очень изумительно.

Луис: Да, это потрясающе, я не знал, что такое Flash-ролик с API, я точно вижу, как это пригодится, вы пишете свой JavaScript один раз, и он просто взаимодействует с фильмом одинаково, будь то Это флэш-фильм загружен или нет.

Брюс: Точно.

Луи: Вы говорили о новой спецификации субтитров и о том, как представляете для нее некоторые полифилы; есть ли какая-либо реальная поддержка браузера на местах для этого еще?

Брюс: Я думаю, что есть выпуск Labs IE10, поддерживающий его, они сказали, что собираются поддерживать Web VTT, который, как я сказал, был самым простым механизмом для веб-разработчиков для создания субтитров, но это не единственный механизм, есть существующий стандарт, называемый TTML, который является гораздо более сложным методом субтитрирования на основе XML, который многие большие и большие компании, такие как Netflix и BBC, уже используют, и Microsoft собирается поддерживать TTML, но поскольку он основан на XML, Г-ну или г-же Джо веб-разработчику сложнее загреметь на своих сайтах. В Chrome заявили, что они будут поддерживать Web VTT, и я работаю в Opera, поэтому могу сказать, что мы находимся в процессе его реализации, но пока у меня нет даты выпуска, не могу ли Safari и Firefox сделать это ». не могу сказать, но я думаю, что они есть.

Луи: Да. Но, опять же, если есть хорошие полифилы, которые хотя бы прикрывают нас, и мы можем начать использовать материал —

Брюс: Точно.

Луи: — и подожди и посмотри, что произойдет с поддержкой браузера. Просто говоря о браузерной среде, я просматривал ваши последние твиты в преддверии интервью и увидел, что вы сделали объявление о недавнем выпуске Opera 11.6, который я пропустил, вы хотели поговорить о немного о том, что там нового.

Брюс: Есть много действительно классных вещей. Самое крутое, что для веб-разработчика определенного стиля безумно круто, и для всех остальных это полностью зевакрама, но это парсер HTML5, и я показываю это людям и намеренно собираю его как самую крутую демонстрацию HTML5 вы когда-нибудь увидите, а затем я покажу некоторую разметку, которая является bi, close b, close i, с неправильно вложенным текстом, и HTML4, как спецификация, говорила браузерам, что делать с хорошей разметкой, но ничего не говорило о что делать с разметкой, которая была плохой, и мы провели некоторое исследование в 2008 году, когда мы рассмотрели три миллиона случайно сгенерированных URL-адресов для прогнозируемого проекта под названием MAMA, Opera MAMA, и обнаружили, что 96% веб-сайтов на удивление не являются действительными разметки. Проблема в том, что браузеры не знали, что делать с недопустимой разметкой, но все браузеры очень злопамятные и не хотят показывать вам пустой экран, поэтому они делают все возможное для визуализации. Так что они будут делать с этим неправильно вложенным b, а я — разные вещи; IE и Safari ведут себя одинаково, а Firefox, Chrome и Opera ведут себя по-другому, и никто не прав, и никто не прав, потому что он не определен. И если вы когда-либо писали сценарии JavaScripts, которые должны обходить DOM, который вы не можете предсказать, и делать что-то в веб-приложении или в текстовом процессоре, основанном на веб-технологиях, или что-то еще, вы будете знать, что с миром боли связаны факт, что вы не знаете, что отдельный браузер собирается делать с той же разметкой из-за этой проблемы. Таким образом, HTML5 однозначно и полностью определяет, что делать с любым вариантом разметки, независимо от того, насколько он сломан и искажен, каждый браузер, который реализует алгоритм синтаксического анализа HTML5, будет генерировать один и тот же DOM, и это может показаться новичку веб-разработчику не слишком привлекательным, но для тех из нас, кто был в нем целую вечность, идея о том, что вы получите один и тот же DOM во всех браузерах, является замечательной вещью, и это не просто теоретическое преимущество, но и отлично для потребителей, потому что никто не использует только один веб-браузер больше. Моя бедная госпожа, которая должна использовать IE6 на работе, будет использовать Safari на своем iPhone, а затем Opera на домашнем компьютере, поэтому идея, что один веб-сайт будет работать на одном или двух из этих браузеров, но не на третьем, это безумие, вы знаете, и абсолютно глупо для любого бизнеса иметь веб-сайт, который не будет работать во всех браузерах на разных устройствах, а анализатор HTML5 — это шаг вперед в совместимости между браузерами, что является огромной победой для потребителя, который никогда даже не слышал о HTML ,

Луи: Да, конечно, я вижу влияние этого. Является ли Opera первым браузером, который полностью реализует синтаксический анализатор, как он указан?

Брюс: Нет. Я полагаю, что сначала это было в Firefox, хотя это был вариант, затем это было в Chrome, поэтому я думаю, что Opera — четвертая, и тогда IE10 будет иметь ее, я полагаю, хотя вы еще не можете говорить о неизданных версиях. , И, конечно, как только IE10 получит его, это гигантский выигрыш для интероперабельной сети, и нам, конечно же, придется позаботиться о старых браузерах, потому что не у всех есть возможность обновиться, это еще один вещь, о которой я чувствую очень сильно; все очень хорошо говорят людям, что вы, кажется, используете старый дерьмовый браузер, пожалуйста, уходите и обновитесь.

Луи: Да, несколько недель назад в Twitter было что-то вроде суеты по этому поводу, я не знаю, заметили ли вы короткий спор с Джоном Аллсоппом и несколькими другими об этом, идея поддержки все браузеры и старые браузеры включительно, и Джон написал действительно отличный пост об этом в блоге.

Брюс: И я с Джоном, ты знаешь; если вы веб-разработчик, то легко забыть, что существует мир, использующий старые веб-браузеры, которому не видно конца. Я полагаю, что статистика по сетевым приложениям показывает, что 49% мира работает на Windows XP, и по каким-то причинам они решили, что Microsoft решит, что вы не сможете использовать IE9 в Windows XP, и, конечно, вы не сможете используйте IE10 на XP, так что 49% мира останется на XP, и мы знаем, что большинство людей не обновляют и не устанавливают другой браузер, так что будет, если мы не будем осторожны с сетью имущих и сетью неимущие, и это, по моему личному мнению, совершенно противоположно идее всемирной сети.

Луи: Но, конечно, люди, которые часто приводят этот аргумент, разгораются из-за Twitter, и это постоянно всплывает, потому что мне нравится приводить подобные аргументы и дебаты между различными фракциями в Мир веб-разработки в моих интервью, и что всегда всплывает, так это то, что люди будут говорить что-то в Твиттере и провоцировать дебаты, потому что им пришлось сжать свою точку зрения в такое небольшое пространство, что они сделали ее гораздо более абсолютной, чем она. звучало. Я дал интервью с Джереми Китом, которое полностью произошло в результате того, что у нас была дискуссия на шоу о чем-то, что он сказал в блоге, что мы, вы знаете, выглядело очень абсолютным, потому что он написал это в этом В некотором роде, в некоторой провокационной манере, и, очевидно, люди делают это сознательно, но я не думаю, что кто-либо проявил неуважение к любому из этих дебатов, и это одна из вещей, которые мне действительно нравятся в этом сообществе, и я думаю, мы все можем согласиться с тем, что люди очень уважительны, даже если они не согласны.

Теперь, идя дальше, давайте посмотрим, в то время как мы находимся на тему спорно, я получил несколько последних статей, которые вы как бы откликнулись на свой блог, один в дополнительной длины и один в меньшей, так что вы очень парень-семантик, и вы действительно взволнованы идеей семантики, и это часто встречается в вашей книге и в ваших работах, и вы много говорили о проблемах с элементом времени, когда он был впервые отброшен, и так Недавно я прочитал статью, и я подумал, что она очень интересна, что Divya Manian написал в Smashing Magazine. Это была своего рода деконструкция идеи о том, что многие веб-дизайнеры и разработчики тратят много времени, обращая внимание. к семантике и, возможно, это не обязательно хорошее использование нашего времени. И я подумал, что это было действительно интересно, потому что я видел много разных реакций на это, но лично я чувствовал, что да, я понимаю, я понимаю, что вокруг HTML5 было много суеты в смысле, о, если бы мы использовали раздел, статью или статью, вы знаете, и в своей работе и при написании статьи в HTML Doctor вы сталкивались со многими из этих ситуаций, когда вам приходилось переписывать статьи, когда мнения о вещах изменились, и вы даже упомянули о том, что ваша книга изменила ваше мнение о навигации.

Брюс: Да.

Луи: И я подумал, что это было интересно, потому что многие люди вроде как вышли и сказали: «О, нет, семантика — это самая важная вещь, или вы просто не можете покончить с этим, но я подумал, что, может быть, какая-то умеренная рассмотрение может стоить преследования. Поэтому я хотел бы узнать, что вы думаете об этом, потому что вы как бы ответили на это в другой статье, написанной для Smashing Magazine, хотя это был не прямой ответ, вы представляли защиту семантики.

Брюс: Да, я имею в виду, что я не написал эту статью в качестве ответа. Виталий из Smashing Mag попросил меня подвести итог моего выступления на Frontiers, но это оказалось защитой семантики. Я имею в виду, что Дивья прав, если вы тратите идею, вы знаете, у меня бесконечные разговоры с Дэном Сидархольмом, потому что он вставил цитату в якорь, а я поставил якорь внутри цитаты, и кто был прав, а кто неправ, и на самом деле конечно, если это не имеет большого значения, важна его согласованность, так же как и с элементом nav, я всегда говорил, подумайте, кто использует его в конце; если каждая ссылка внутри сайта — это навигация, то люди, которым действительно нужен элемент навигации, люди с вспомогательными технологиями, все это навигация, и поэтому им ничего не нужно. Так что это вопрос умеренности и баланса, и я уверен, что это то, что Дивья писал, и я бы согласился.

Луи: Да, я думаю, что некоторые из них могут происходить, вы знаете, у нас был один и тот же набор семантических элементов, которые имели очень ограниченную семантическую ценность в течение очень долгого времени, просто используя в значительной степени div и span везде с несколькими небольшими основные моменты семантической ценности здесь и там, и внезапно мы получили этот шведский стол элементов с HTML5.

Брюс: Конечно.

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

Брюс: Итак, да, у нас есть этот шведский стол новых семантических элементов, но у нас есть только я думаю, что это 105 или около того; если вы думаете, сколько слов мы используем в английском языке, чтобы выразить себя, это десятки тысяч, поэтому сотня элементов в нашем словаре означает, что нет достаточно места, чтобы выразить каждый нюанс вашего контента, потому что речь идет о разметке вашего значения, и ваш смысл слова и намерение, поэтому неизбежно существуют серые области, где ни один конкретный элемент не подходит, или два элемента кажутся одинаково применимыми, и ответ — нет, не парьтесь, выберите один и используйте его последовательно на всем сайте, и если вы понимаете, что, возможно, вы не были идеальны, не переживайте, просто сделайте это лучше в следующий раз, не стоит заводить семантические трусики. Если бы кто-то сказал мне, что более важно, правильно выбрав статью и раздел или убедившись, что это работает на IE6, я бы сказал, убедитесь, что это работает на IE6, вы знаете. Семантика жизненно важна, но это не единственная игра в городе, и я знаю, что Дивья и я полностью согласны с этим.

Луи: Да. Этот вид замечательно подводит вас, вы говорили о некоем ограниченном словарном запасе, который есть у нас в HTML, и о таких подсказках я хотел бы получить ваше представление о том, что произошло с элементом времени, потому что мы вроде говорили об этом на шоу раньше, но я думаю, что у вас может быть довольно интересная перспектива, вы писали об этом как при первоначальном удалении, так и при повторном добавлении. Таким образом, я понял, что первоначальная идея была в том, что Ян Хиксон удалил элемент времени, потому что он сказал, во-первых, он не использовался или не получил большой тяги, и, во-вторых, нечто подобное можно было бы сделать с помощью более общих данных Элемент, тип мышления, внешний вид, время — это всего лишь один тип машиночитаемых данных, поэтому зачем ему уделять особое место среди всех других типов машиночитаемых данных, которые вы можете иметь на своих страницах.

Брюс: Так что история времени интересная. Это было придумано, потому что люди в микроформате злоупотребляли элементом аббревиатуры для разметки дат и времени, и это не было семантикой в ​​повороте, это было проблемой, потому что некоторые программы чтения с экрана с настройками многословия считывали итоги элемента аббревиатуры, и что в микроформатах мир превращается в непостижимую последовательность цифр и букв, которую люди услышат вместо понятной человеку даты. Так что происходило то, что люди с вспомогательными технологиями фактически не могли понять предоставленный им контент, потому что у нас нет адекватного способа разметки даты или времени в HTML. Таким образом, HTML5 предоставил людям микроформата этот элемент времени, но они нанесли вред его, не позволив вам иметь нечеткую дату, к которой я имею в виду, что вы можете отметить 19 февраля 1867 года, но вы не можете сказать, что февраль 1867 года, и вы не могу сказать 1867. И это проблема для историков или людей, которые ведут музейные сайты, и я знаю это точно, потому что некоторые из моих друзей делают это, потому что, конечно, у вас не обязательно есть абсолютная дата, а также Вы не могли бы пометить даты до христианской эры, поэтому ничего — даже если вы знаете, что Юлий Сезар был убит 15 марта 54 года до нашей эры, вы не могли бы написать это, потому что это было до христианской эры. И поэтому сообщество микроформатов не использовало элемент времени, потому что он был искалечен, как это, с самого начала, и затем Хиксон увидел, что никто не использовал его, и поэтому удалил его. И да, время — это всего лишь одна из форм машиночитаемых данных, но это особая форма машиночитаемых данных, я имею в виду, что мой багбир или пчела в моем капоте — это тот факт, что большинство вещей в Интернете связаны с тем, кто, что, когда и где, вы знаете, кто что-то делает, когда они что-то делают, где они это делают. Таким образом, у нас есть элемент времени, потому что когда, очевидно, важно, у нас пока нет элемента местоположения, хотя мы могли бы это сделать, и у нас были бы широта и долгота в качестве обязательных атрибутов и, возможно, атрибута высоты.

Луи: Но, опять же, даже если вы — извините, возвращаясь к этому сейчас, просто хотите узнать свое мнение об этом, когда вы говорите широту и долготу в качестве обязательных атрибутов, что, опять же, как бы мешает вам использовать более нечеткий термин, например, Мельбурн или Австралия, когда вы описываете место, и вы хотите иметь возможность семантически пометить это как относящееся к месту, верно?

Брюс: Да, я не говорю, что это нужно — я не имею в виду какую-либо степень точности здесь.

Луи: Точно.

Брюс: Я имею в виду, что нет причины, по которой ты не сможешь сказать приблизительно 54 севера или что-то еще, я не знаю, но мне кажется, что существуют определенные типы машиночитаемых данных, которые более распространены и более распространены и легче увидеть варианты использования или получить доступ к ним через элемент. Таким образом, проблема с разметкой даты или времени с помощью элемента данных состоит в том, что у атрибута нет возможности узнать, что этот атрибут является датой или временем, потому что это просто случайные данные.

Луи: Точно, а затем отреагировать на это и каким-то образом улучшить его, предоставив вам более богатый набор метаданных или взаимодействий, да.

Брюс: Точно. Таким же образом, зачем изобретать верхний или нижний колонтитул, а не просто придерживаться div. Ну, это более конкретные, более очевидные варианты использования, я не предполагаю, что у нас есть длина метки носа (смех) и метка окружности глаза, а также расстояние от указательного пальца до метки локтя, потому что есть некоторые варианты использования это важнее других, и поэтому в нашем словаре у нас всего 105 слов в кавычках; HTML должен быть общим языком разметки, что означает, что вы не можете охватить все варианты использования с ним, но это означает, что он должен быть легким для изучения, и я большой сторонник того, чтобы Интернет оставался местом, где он относительно легко писать и публиковать контент, и я часто беспокоился о том, что XHTML направляется туда, где вам нужна специальная специальная подготовка, если вы просто хотите написать пост в блоге. Я думаю, что сейчас мы возвращаемся к степени простоты, что полезно, хотя я признаю, что большинство людей больше не пишут код HTML, они используют какую-то CMS.

Луи: Да, абсолютно. Но я имею в виду, что я согласен с вами в том, что идея сделать его достаточно простым, чтобы каждый мог его написать, и даже мне было бы гораздо легче написать код HTML5-страницы, чем четыре или пять лет назад, кодируя XHTML. страницу, на которой мне пришлось бы искать и тип документа, и различные метатеги. Теперь я совершенно уверен, что смог бы сделать это с нуля, если бы я оказался на необитаемом острове без единой палки, которую я мог написать в SOS на HTML, в действительном HTML.

Брюс: Ну, тебе нужно; если вы написали свой SOS в каком-то проприетарном формате, то многие IOS могут не отобразить его, кто знает о его SEO, вы знаете, HTML является языком общения.

Луи: Абсолютно.

Брюс: Но я очень верю в то, что Интернет — самая демократичная среда, которую мы когда-либо имели как люди. Я получаю от вас все пони, но я думаю, что это должно быть легко потреблять, поэтому вам не нужно иметь последний MacBook Pro за три тысячи долларов только для того, чтобы иметь возможность читать сайт, вы не У вас должно быть супер-супер-Wi-Fi соединение, и при этом вам не нужно иметь опыт работы в области компьютерных наук для создания веба. На планете миллиарды людей с рассказами и фотографиями котят, которые нужно показать, и я хочу убедиться, что они смогут продолжать показывать эти вещи, и все остальные могут продолжать получать доступ к этим вещам, даже если у них нет последних, лучший смартфон над развитой нацией инфраструктурой Wi-Fi.

Луи: (смеется) и даже тогда не все промышленно развитые страны.

Брюс: Я был в Австралии.

Луи: (смеется) Ах, да, все еще горько по этому поводу два года. Так что это отличные слова, фантастические и вдохновляющие вещи.

Брюс: Возможно, ты мог бы озвучить некоторых ангелов, таких как напев Silent Night за этим (смеется), но да, это хороший выход.

Луи: Я хотел кратко коснуться — потому что вы выпустили для выпуска Opera 11.6, вы опубликовали на YouTube видео о том, как вы играете на гитаре и поете рождественскую колядку о новых функциях в Opera 11.6, и я просто хотел специально дать вам реквизит для вашего рифмования Габриэля с радиальным (смех), как в ангеле Габриэле с радиальными градиентами, я думал, что это было фантастически, я слушаю много хип-хопа, и это все еще один из лучших рифм, которые я слышал все год.

Брюс: Спасибо, сэр.

Луи: Огромные реквизиты для этого. Относительно некоторых более серьезных вещей, поэтому вы кратко упомянули там, что демократическая природа Интернета во многом связана с доступностью полосы пропускания. И вот что я хочу получить, так это то, что, очевидно, главной темой в веб-дизайне за последний год, я думаю, что если бы кто-то сказал, какой была тема в сфере веб-дизайна на 2011 год, мы все согласились бы с тем, что адаптивный веб-дизайн был явным победителем. Но люди, кажется, сталкивались с одной сложной проблемой, пытаясь сделать адаптивный веб-дизайн, и я заметил это, потому что, прежде всего, потому что 24Ways — если кто-то слушает, не знаком с 24Ways, у вас еще есть время, переходите на 24ways. org, это своего рода календарь появления отличных статей о веб-дизайне, который выходит каждый декабрь, он выходит с 2005 года, фантастические вещи, и в этом году я заметил, что до сих пор, хотя мы даже не на полпути в течение месяца уже было две статьи об адаптивных изображениях. И я также заметил, что вы недавно написали небольшую публикацию в блоге, в которой предлагался альтернативный способ обработки адаптивных изображений, и что-то касалось этой идеи пропускной способности, верно, потому что вы делаете адаптивный дизайн, отлично, это может вместить весь контент, но если все, что вы делаете, это адаптируете это гигантское изображение к разным размерам экрана, это огромная полоса пропускания для большинства ваших пользователей, и многие из них могут не видеть это гигантское изображение.

Брюс: Да.

Луи: Итак, было предложено множество различных альтернатив, и вы предложили интересное, может быть, более фундаментальное изменение, которое могло бы взять некоторые подсказки от элемента видео.

Брюс: Мне просто показалось, что HTML5 дает нам элемент видео, который из-за крушения без единого кодека, работающего повсеместно, имеет возможность извлекать различные исходные файлы, используя исходный дочерний элемент, и мне показалось, что если бы у нас был какой-то новой версии изображения, и я называю это картинкой, но она может называться как угодно, тогда у вас могут быть исходные элементы под ней и медиа-запрос к этим исходным элементам, а не в CSS, потому что это не о макете, это о тянущих и фактически различных источниках, и тогда это может быть обработано декларативно. Потому что мне показалось, что если вы можете получить что-то классное, как видео, и загружать разные видео для разных медиа-запросов, что теперь работает в Opera и IOS, казалось странным, что для чего-то столь же простого, как изображение, мы должны прибегнуть к действительно умные и блестящие хаки с noscript и spacer gif-файлами или хулиганство с HTaccess и PHP и генерация вещей на лету. И я не хочу, чтобы люди меня неправильно поняли, я думаю, что блестящие обходные пути, которые люди придумывают, являются свидетельством превосходного латерального мышления моих друзей и моих сверстников, но, по сути, мы не должны делать это, это должно быть легко, и, как вы знаете, я не дизайнер, поэтому я не могу делать CSS, и я больше не программист, поэтому я слишком увлечен JavaScript, поэтому мне очень нравятся простые декларативные способы делать очевидные и основные веб-страницы. И привнесение изображения и проверка того, что вы не используете ядерную бомбардировку, кажется, что это базовый вариант использования, это должен быть базовый HTML и не должен нуждаться в подстройке под HTaccess ‘и шиммировании странных отложенных сценариев, и возможно я не прав И у меня есть большое сочувствие к идее, что это должно быть согласовано между клиентом и сервером, поэтому, другими словами, вы говорите, что я хочу это изображение здесь, и браузер должен сказать серверу, что у меня низкая пропускная способность на данный момент, и, конечно, это может измениться в сеансе, но в данный момент у меня низкая пропускная способность, поэтому пришлите мне наименьшую по размеру версию файла этого изображения, которую вы имеете, а затем сервер идет и ищет, какой из них это его самая маленькая версия и отправляет это. И, возможно, на самом деле это не должно беспокоить веб-разработчиков, может быть, это то, что машины должны делать, и это идея, называемая согласованием контента; мой коллега и друг из Монреаля, Карл Дубост, верит в это. Я думаю, что Карл прав, я думаю, что это должно быть сделано автоматически, но мы знаем, что дизайнеры предпочли бы этот мелкозернистый элемент управления, чем доверять автоматическому обсуждению между кремнием в вашем телефоне и кремнием на сервере. Итак, я думаю, что мы должны дать возможность дизайнерам сделать это, но, опять же, у меня есть все симпатии к людям, которые говорят, что хорошо, создайте новый элемент изображения HTML6, но это все еще десять строк кода, чтобы сделать отзывчивым изображение на странице, не так уж и много, и я думаю, ну, если вы думаете, что это слишком много, пусть переговоры по контенту разбираются с этим, и нам придется разбираться с механизмом для этого, но если вы хотите, чтобы детальный контроль, то вы можете сделать это простым декларативным способом. Но вы знаете, да! пропускная способность имеет значение, и в Opera мы знаем это, потому что у нас есть все виды механизмов сжатия сжатия страниц, чтобы заставить вещи появляться быстрее, но на самом деле большинство людей в территориях или странах, где пропускная способность очень низкая или очень дорогая, потому что они платят мегабайтом, они все равно отключат изображения; в каждом браузере есть настройка «не показывать изображения», так что вы можете легко получить адаптивные изображения, но многие люди просто выключают ваши изображения в любом случае, и тогда, конечно, это вернулось к базовой хорошей практике — убедиться, что ваш веб-страницы доступны, так что если люди выключают изображения, они видят альтернативный текст, который сообщает пользователю, что означает изображение.

Луи: Да.

Bruce: And if the image doesn’t mean anything then it shouldn’t be an image it should be a background image in your CSS. So, you know, it’s the thorny issue de jour, but ultimately it just comes back to basic good practice of semantic HTML with alternate text for images that are part of content or putting the prettiness and all the eye candy in the CSS because ultimately your users want the content, and we see this all the time and I know that loads of designers are now marching upon Birmingham UK to kick my head in (laughter) when I say that CSS is just prettiness, but, you know, in the vast majority of websites it is.

Луи: Да.

Bruce: Sorry designers.

Louis: (Laughs) I was just interested to talk about this because looking at your, it’s not really a proposal, but your just sort of quick sketch of how this might look, I thought, oh, that looks pretty good, makes sense, I would use that. And I had already looked at these two articles on 24Ways, and in both cases been kind of like uh-huh, not so much; definitely in the case of the sort of server side handling because I work on large enough websites that having a PHP process run for every request for an image is just not an option for performance reasons. And then the other one, the sort of the mix of comments and no-scripts and hacky JavaScript, I thought yeah, you know, that works, that’s very clever, I could consider using that and some kind of script based image loading. But, yeah, I was impressed by your idea and I hope to see something like that coming in, as you said, perhaps HTML6. But, yeah, as you said, the key, and we see it all the time, a well designed mobile site that when you pull it up on your phone it loads really, really snappily, even on Australian 3G, is a joy, and it’s something that a lot of people do, it just needs a little bit of care and stripping out the excess.

Брюс: Абсолютно. И с предполагаемым элементом изображения, как бы он ни назывался, я знаю, что этот материал начинает обсуждаться, и когда я опубликовал эту запись в блоге, некоторые громкие имена в сообществе «Responsive Design» связались со мной и причудливо Я продублировал предложение, над которым они работали в частном порядке, даже назвав его элементом изображения.

Луи: Точно.

Брюс: И поэтому я знаю, что они скоро внесут предложение в свою рабочую группу, так что, надеюсь, оно будет обсуждено и принято. Опять же, никто не говорит, что его нужно называть элементом изображения, никто не говорит, что он должен быть точно таким же, как я предложил, — это был глупый человек, который сказал, что давайте сделаем простой способ сделать это, когда вам не нужно знать JavaScript и PHP. и некоторые действительно довольно неприятные хаки, потому что мне всегда кажется, что когда у тебя такие грязные хаки, чего-то принципиально не хватает в языке.

Луи: Хм-мм.

Брюс: Эта степень сложности говорит мне, что нам нужна еще одна волна языкового развития, чтобы снова вернуться к простоте.

Луи: Это потрясающе, что мы достигли эпохи, когда мы можем посмотреть на такой взлом и сказать то, что вы только что сказали: о, если нам нужен такой взлом, мы, вероятно, делаем что-то не так, когда мы это делаем для закругленных углов в течение семи или восьми лет, и никто не сказал ни слова. Да, да, это нормально.

Брюс: Ах, но мы не делали ничего плохого. То, что у нас не было необходимых инструментов для работы. 24Ways Джейка Арчибальда без скриптов и гифок-проставок не делают этого неправильно, у него есть блестящий обходной путь для того факта, что у нас нет необходимых инструментов; Я действительно хочу уйти от идеи, что хаки — это что-то не так, или хаки —

Луи: Абсолютно.

Брюс: — блестящие творческие обходные пути, где есть препятствие.

Луи: Да.Думаю, все, что я пытался сказать, это то, что интересно, что мы теперь думаем об этом несколько иначе, чем раньше, мы привыкли видеть взлом и думаем, о, это здорово, это все, что нам нужно, конец истории; теперь мы видим взлом и говорим: о, это здорово, ясно, что нам нужно что-то сделать с базовыми спецификациями, чтобы сделать это возможным без взлома.

Bruce: I think it’s because we’re seeing movement on the spec again, and we’re actually seeing the fact that — one of the things that HTML5 gave us was the fact that the spec was being written based upon what people actually want to do, and we know they want to do it because they’re doing it, you know, we know that people were using div id = footer, div id = header, so let’s put it in the language, that’s the great thing; the spec was based upon real world needs and problems, and it seems to me that still continues to be the case. But I just wanted to make sure that nobody thought I was dissing Jake because he’s a lot bigger than me and he’s from the Northeast of England and therefore he’s really nasty when he’s had a pint or two.

Louis: (Laughs) Alright, let it be, let the record show that no disrespect was intended. Alright, well I know you’ve got a meeting in just a few minutes, so I’m gonna let you go, but I wanted to obviously thank you very much for taking the time to come on the show and talk about this stuff.

Bruce: Thank you for inviting me.

Louis: It’s been a lot of fun, and it’s a fitting end to my year of interviews; all this stuff is so much fun and I’ve had a great time talking to all these people about the stuff that’s going on, because it’s interesting to be in an industry where nothing was going on for a long time and now lots of stuff is going on.

Bruce: Absolutely (laughs).

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

Брюс: Я тоже на это надеюсь.

Луи: Итак, еще раз спасибо, и у вас есть отличный перерыв, если у вас есть немного свободного времени, чтобы приехать на каникулы.

Брюс: Спасибо, Луи, и вам тоже, и всем слушателям хорошего 2012 года.

Луи: Отлично. Большое спасибо, Брюс.

Брюс: Успокойся.

Луи: Береги себя.

Брюс: Пока, приятель.

Луи: И спасибо за прослушивание на этой неделе эпизода подкаста SitePoint. Мне бы очень хотелось услышать, что вы думаете о сегодняшнем шоу, поэтому, если у вас есть какие-либо мысли или предложения, просто зайдите на Sitepoint.com/podcast и вы можете оставить комментарий к сегодняшнему эпизоду, вы также можете загрузить любой из наших предыдущих эпизодов для загрузки. или подписаться, чтобы получить шоу автоматически. Вы можете следить за SitePoint в Твиттере @sitepointdotcom , это сайт dotpoint dotcom, и вы можете следить за мной в Твиттере @rssaddict .

Тема музыки Майка Меллы .

Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.