Эпизод 113 подкаста SitePoint теперь доступен!
Скачать этот эпизод
Вы можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:
-
Подкаст SitePoint № 113: HTML5 и CSS3 для реального мира с Алексисом Гольдштейном и Эстель Вейль(MP3, 37:56, 36,4 МБ)
Стенограмма интервью
Луи: Здравствуйте и добро пожаловать в еще один эпизод подкаста SitePoint. На этой неделе в шоу у нас есть два из трех авторов нашей недавно вышедшей книги по HTML5 и CSS3, Алексис Гольдштейн и Эстель Вейль, Луи не может быть здесь сегодня, Луи Лазарис — другой автор, но он действительно счастлив иметь вы оба на шоу, так что мы можем немного поговорить о книге, я не хочу тратить все время на обсуждение книги и на то, как мы ее удивляем, но, надеюсь, мы сможем поболтать о HTML5 и CSS3 и все это классные вещи, так что, привет, Алексис и Эстель.
Алексис: Привет, хорошо быть здесь.
Эстель: Спасибо, что приняли нас.
Луи: Это удовольствие; хорошо, что вы, ребята, в. Я работал над другой книгой, поэтому недавно у меня не было возможности поговорить с вами, ребята, но работать над этой книгой было очень весело.
Алексис: Ну, мы очень по тебе скучали.
Луи: О, чёрт, спасибо, это очень мило. Как редактор, я не часто это понимаю
Алексис: Вы отлично поработали
Луи: Один из тех, кто гоняется за сроками, и все такое обычно я пугающий человек, так что приятно слышать, что иногда я встречаюсь хорошо. Поэтому я подумал, что мы могли бы начать с небольшого разговора о HTML5 и CSS3, я думаю, что многие из наших слушателей попадают в несколько разных лагерей, некоторые из них, очевидно, действительно взволнованы этим и думают, что это здорово. новые технологии в веб-разработке, и это своего рода лагерь, в который попадают все три, но есть также люди, которые либо потому, что они только начинают, и они действительно не знают, что к чему, либо потому, что они все еще что-то вроде того, что они немного неохотно опускают свои пальцы в воду этих новых технологий, которые вроде не проверены, так что есть люди, которые, вероятно, не потратили много времени на изучение этого, поэтому, возможно, просто поговорим о том, почему вы Ребята, это круто, и почему вам, ребята, было весело работать над книгой на эти темы.
Эстель: Я думаю, что IE6, IE7 и IE8 нас сдерживают достаточно долго, и то, чему вы научитесь, читая эту книгу или просто практикуясь с HTML5 и CSS3, — абсолютно нет причин не использовать эти технологии сейчас. Большинство браузеров поддерживают эти технологии, все мобильные устройства, за исключением мобильных устройств Windows, поддерживают эти технологии, и мобильные устройства — это то, каким образом большая часть мира на самом деле будет получать доступ к Интернету в течение следующих нескольких лет, а не из настольных компьютеров. компьютеры активно мобильны, так почему бы не начать сейчас. И когда браузеры, которые его не поддерживают, то есть IE6, IE7 и IE8, есть прокладки и полифиллы, которые в основном фальсифицируют поддержку и заставляют ее вести себя так, как будто она поддерживает, поэтому нет причин не начинать.
Луи: Да, конечно. Алексис, есть мысли по этому поводу?
Алексис: Я думаю, что для меня самое интересное в этом то, что мы действительно начинаем играть с некоторыми вещами, которые были ограничены нативной разработкой, так что я имею в виду такие вещи, как геолокация и некоторые из более интерактивных API JavaScript. например, перетаскивание и возможность выполнять действия с помощью только браузера, который действительно дает вам опыт, который почти или действительно просто выглядит как собственный, но не требует изучения нескольких языков и разработки приложений для различных платформ. Вы можете просто написать его один раз, а затем быть доступным на любом устройстве, поэтому я думаю, что это, пожалуй, то, что меня больше всего волнует.
Эстель: Это правда. Я имею в виду HTML5, CSS3 и JavaScript, если вы кодируете его один раз, скажем, Chrome будет работать на вашем телефоне, работать на вашем Wii, работать на GPS в вашем автомобиле, работать на любом устройство, в котором есть браузер, так что это действительно очень интересно. И не только это, но если вы думаете, как Chrome Book, Chrome Book имеет все это программное обеспечение, но все же он имеет только браузер.
Луи: Да, абсолютно. Одна из вещей, которая возникла в ходе дискуссии, которую мы провели для подкаста несколько недель назад, была публикация в блоге Smashing Magazine, где автор провел своего рода не совсем научный, а своего рода быстрый тест скорости CSS3 против то же самое, тот же сайт, использующий устаревшие методы CSS, поэтому спрайтовые изображения для закругленных углов и кнопок и все такое, и он придумал не только более быструю веб-страницу с точки зрения скорости загрузки с точки зрения меньшего количества ресурсов, но и более быстрое время разработки потому что вы проводите намного меньше времени в Photoshop и обратно, пытаясь заставить все эти изображения работать. Таким образом, помимо того, что мы склонны считать преимуществами: о, это круто для разработчиков и над ним интересно работать, у него также есть некоторые ощутимые преимущества, такие как кроссплатформенная совместимость, о которой вы только что говорили, по сравнению с нативной работой на мобильных устройствах. платформ, но также и с точки зрения возможности сделать это быстрее и получить более легкие веб-страницы.
Эстель: Это лучший способ использовать HTML5 и CSS3 для создания прототипов. Я больше не использую Photoshop для разработки своих веб-сайтов, я проектирую в совместимом браузере, а затем, если потребуется, я создаю изображения позже для старых браузеров, но создание прототипов веб-сайтов теперь происходит очень быстро.
Луи: Да, конечно, я делаю то же самое сейчас; это просто дошло до того, что все, что вам нужно сделать, от ваших теней до стилизации текста и до всего, можно сделать прямо в браузере, и это происходит намного быстрее, потому что вы можете просто перейти и отредактировать свой код напрямую и увидеть, что отражается и затем, когда вы закончите, у вас уже есть код, это не значит, что вам нужно взять все эти вещи, которые вы сделали в Photoshop, а затем потратить эквивалентное количество времени, переделывая все это в CSS.
Эстель: Верно. И еще быстрее есть панели инструментов Dragonfly, Firebug и веб-разработчиков, вы можете просто изменить значения прямо там и F12, панель инструментов F12 в IE9 и 10, где вы можете просто сделать это на лету, посмотреть, как это выглядит, а затем скопируйте и вставьте ваш код в ваш текстовый редактор. Так что это действительно очень быстро, вам даже не нужно перезагружать страницу, чтобы внести изменения.
Алексис: Ну, и я думаю, что даже в дополнение к улучшениям производительности, которые вы видите, когда вам не нужно иметь изображение или не нужно беспокоиться, скажем, опечатка в7, изображение, которое вы вставили в логотип, который ранее был файлом, заключается в том, что мы может действительно создать этот захватывающий опыт, и я думаю, что это было, и я, конечно, собираюсь забыть название группы, которая сделала это, но Google выпустил действительно классное музыкальное видео, которое было только для браузера Chrome, но он использовал геолокации, и он использовал все эти другие технологии HTML5 для создания этого крутого визуального эффекта, когда вы бегали по своему району, в котором выросли, я хочу сказать, что это был Arcade Fire, но я не уверен на сто процентов.
Луи: Да, я уверен, что это был Аркадный Огонь.
Эстель: Я думаю, что это был Arcade Fire, да.
Алексис: Итак, я думаю, что мы начнем видеть это все больше и больше, и я думаю, что многие из этих технологий действительно позволяют персонализировать, позволяют сделать их более захватывающими, динамичными, и это действительно требует почти до уровня кинематографического качества, я думаю, тогда как раньше я думал, что все было гораздо более статичным.
Луи: Да, абсолютно. На прошлогодней конференции по веб-направлениям в Сиднее интро представляло собой видео, которое Кэмерон Адамс сделал с использованием анимации WebKit, и это действительно выглядело, знаете, любой, кто не знал, что происходит, подумал бы, что эта анимация была сделана во Flash или в Final Cut или что-то, а затем в конце он сказал, что все это просто работает в браузере. Это было потрясающе …
Алексис: Да, и я просто хотела сказать, что я пошла на демонстрационную вечеринку, Mozilla Labs устроили демонстрационную вечеринку в хакерском пространстве, к которому я принадлежу, а именно в New York City Resister, и они сыграли это действительно классное демо, которое Mozilla собрала вместе он назывался Flight of the Navigator, и они использовали WebGL, который до сих пор не поддерживается во всех браузерах, но это то, чем я восхищаюсь в будущем, и вы летали в этом действительно крутом самолете, и там было что-то живое Потоковые обновления Twitter для всех, кто писал в Твиттере, я думаю, что Mozilla Labs, и это было действительно похоже на просмотр 3D-анимационного фильма, который был живым и интерактивным, и отвечал на то, что люди говорили в Twitter, это было действительно удивительно.
Эстель: Я имею в виду, что с WebGL дело в том, что он не полностью хорошо поддерживается, но есть Canvass, который гораздо лучше поддерживается, и который также не так сложен в изучении, немного страшно просто промокнуть, но удивительно, сколько эффекты, которые вы можете сделать с помощью нескольких строк JavaScript.
Луи: Да, это потрясающе. Вы немного раньше говорили об IE9 и 10 и инструментах для разработчиков. Кто-нибудь из вас смотрел предварительные версии платформы IE10?
Estelle: IE10 будет поддерживать градиенты, как линейные, так и радиальные, и в последнее время я много играл с градиентами, так что это было довольно захватывающе. И улучшение в их панели инструментов только для IE9, то же самое в IE10, но IE10 все еще является предварительным просмотром, но IE9, предоставляемые инструменты, не так хороши, как Firebug или панель инструментов для веб-разработчиков, особенно та, что Chrome только что вышел, но если вы не играли в IE, потому что вы были раздражены этим или напуганы этим, сделайте еще один выстрел, это стоит посмотреть. А также в IE9 вы можете отображать IE8 и IE7, чтобы вам не приходилось переходить от одного браузера к другому, вы можете делать все это в одном браузере во время отладки.
Луи: Было ли что-то еще, что они объявили о поддержке не только градиентов, каких-то новых вещей в IE10, или это все еще немного рано?
Эстель: Это было просто то, с чем я играла; Я еще не заглядывал так глубоко. Я уверен, что было объявлено множество вещей, я просто не изучал это.
Луи: Приятно видеть, что теперь в движении, когда все браузеры фактически конкурируют за поддержку стандартов, это такой резкий переход от того, что, как мне кажется, мы все привыкли со времен веб-разработки в конце 90-х и начало 2000-х годов.
Эстель: Я думаю, что мы видели это в конце 90-х годов, и в течение 10 лет все стагнировало, но назад, вы знаете, были войны браузеров 10 лет назад, и эти войны заставили браузеры продвигаться вперед очень, очень быстро, что дало нам CSS2 и 2.1, но за последние 10 лет мало что произошло, так что это действительно захватывающее время.
Луи: Да, абсолютно. Одна из вещей, которую я хотел бы затронуть очень быстро, это вопрос, который возник, я думаю, что это были форумы SitePoint относительно недавно, и на него было много разных ответов и разные взгляды, поэтому мне интересно посмотрим, что вы оба думаете. Кто-то был очень, очень плохо знаком со всей HTML-ареной, верно, они только начали изучать, как собрать самую основную веб-страницу, и они пришли на форумы и спросили, должен ли я изучать HTML5 с самого начала или я должен начать с изучения XHTML1 или HTML4, потому что они стабильны и поддерживаются, а затем, возможно, перейду к изучению HTML5 позже, когда я уже освоил это. И моя реакция на это, моя внутренняя реакция была хорошей, нет, я думаю, что вам, вероятно, стоит просто погрузиться прямо в HTML5, а затем в места, где что-то не поддерживается, или в места, где вам нужно немного двусмысленно проявить себя, тогда вы можете сделать шаг назад. и посмотрите на ваши варианты, но я бы сказал, перейдите прямо к HTML5, но я хотел посмотреть, что вы оба подумали об этом.
Алексис: Я имею в виду, что я преподаю оба, и я думаю, что важно изучать HTML4 и CSS2 только в основных понятиях, что такое селектор, как HTML работает с селекторами CSS для создания форматирования и эффектов, и я думаю, что если вы погрузитесь прямо в HTML5, и если вы много раз просматривали доступные ресурсы, то на эти базовые фундаментальные концепции действительно не будет времени. И, возможно, это изменится, но, по крайней мере, на данный момент, я думаю, что если вы абсолютно ничего не знали и пытались читать литературу по HTML5, вы могли бы пропустить некоторые из этих основных концепций.
Эстель: Я имею в виду, если вы посмотрите на книги по HTML5, включая ту, которую мы выпустили, мы предполагаем базовые знания HTML4 или XHTML или их комбинации, а также CSS, вы знаете, основную идею селекторов. И я не думаю, что мы будем видеть книги; Вы знаете, прямо сейчас, если вы видите книгу, в которой говорится, что изучают HTML4 и CSS, они начинаются с самого начала, они начинают с того, чем является селектор, а книги HTML5 и CSS3 начинались не так давно. Но я бы сказал, что в течение двух лет мы, вероятно, увидим книги, в которых написано «Изучай HTML5», и начнем с того, что это HTML-тег, это заголовок, это тело, это абзац, это через H1 через Н6, но сейчас мы этого не видим. Теперь единственная причина, по которой я не хотел бы сразу бросать кого-то в изучение HTML5 с точки зрения элементов, заключается в отсутствии поддержки CSS без какой-либо прокладки, чтобы IE6, IE7 и IE8 даже знали, что эти элементы существуют. Поэтому начинать кого-то с изучения новых элементов может быть немного сложнее, но я, конечно, научу его новому типу документа, с которого я начну, я не стал бы беспокоиться о том, чтобы учить его XHTML или HTML4.01, потому что они никогда собираюсь узнать это в любом случае.
Луи: (смеется)
Алексис: Это все копирование и вставка! Это интересный разговор, хотя, это заставляет меня думать, что вау, очевидно, есть необходимость, и есть люди, которые испытывают эту путаницу, и, возможно, нам следует заняться добавлением этой информации, возможно, в новую книгу или новый сайт.
Луи: Да, ну, я не могу разглашать какую-либо информацию о расписании наших книг, но в следующем я определенно могу сказать людям, что следующая книга для начинающих, которую мы делаем, книга для начинающих, вроде как, как создать веб-сайт, если Вы никогда не открывали текстовый редактор, прежде чем мы собираемся по крайней мере включить некоторые элементы современного HTML5, так что, по крайней мере, например, doctype и посмотрите на некоторые новые элементы, не пытаясь унизить людей во всех различиях разницы между двумя спецификациями и всеми сложностями, но мы определенно будем использовать подход, при котором те вещи, которые имеют смысл использовать прямо сейчас, мы покажем с самого начала. Я думаю, что Эстель права, я думаю, что поколение книг не катилось, верно, эти книги не обновляются очень часто, потому что эти вещи не сильно меняются, так что может пройти несколько лет, прежде чем все материалы для начинающих там с учетом текущего состояния, что является лучшей практикой для начинающих.
Эстель: Ну, я имею в виду, что я также считаю, что лучшая практика для новичка — это вставлять JavaScript в голову, чтобы браузер распознавал CSS на этих новых элементах, что может быть немного сложным, я думаю, нам нужно подождите пока IE7 и IE8 умрут.
Луи: Мы будем очень-очень долго ждать этого (смех).
Эстель: Мы будем.
Алексис: Нет, я думаю, что это забавно, чтобы получить точку зрения новичков, хотя, потому что много раз я получаю вопросы от людей, которые действительно новички в этом, и они вроде как подождите минуту, так что вы говорите мне, что я нужно знать HTML и CSS и JavaScript? И вы начинаете забывать, работая с ним так долго, что на самом деле это не самая естественная вещь.
Луи: Да, это может быть тяжелым прогрессом для начинающих. Даже трудно вспомнить, как это было, когда мы узнали об этом, вы знаете, все кажется, что это заняло около двух месяцев, но, очевидно, мы потратили намного больше, чем это, но в зеркале заднего вида это просто кажется сжатым.
Эстель: Прошло 11 лет, и я все еще учусь этому.
Луи: (смеется) Да.
Алексис: Я склонен согласиться с Эстель, хотя, думаю, наличие у них необходимости включать JavaScript, чтобы заставить работать новые элементы, может быть немного пугающим для того, кто начинал с нуля.
Эстель: Особенно, когда я имею в виду, что я стандартист, и мне действительно нравится видеть, как люди отделяют свой контент от их презентации, от их поведения, поэтому необходимость придерживаться такого поведения, чтобы позволить презентации работать непосредственно на вашем уровне контента, делает обучение основы немного более запутанными, я думаю.
Луи: Я понимаю, что мы немного поговорили об этом, поговорили о прокладке, и мы на самом деле не объяснили, о чем мы говорим, так что ради тех, кто слушает, кто не знаком с HTML5-шим любой из вас хочет попробовать сделать это в двух предложениях и сказать, о чем мы говорим и о чем мы говорили последние пять минут, предполагая, что эти люди еще не перестали слушать ?
Эстель: Хорошо, конечно. Итак, IE6, IE7 и IE8 не понимают элементы, которые они не знают, поэтому они игнорируют любые стили. Таким образом, есть шим, который является JavaScript-шимом, который вы должны поместить в заголовок вашего документа, который в основном просто создает эти элементы, поэтому он создает статью, создает раздел, не добавляет его на страницу, фактически создает элемент вы в основном информируете браузер о том, что эти элементы существуют, и тогда браузер сможет их стилизовать, поэтому я не знаю, что такое URL для прокладки.
Алексис: И если вы делаете что-то с HTML5, скорее всего, вы используете библиотеку с открытым исходным кодом Modernizr, которая позволяет определить, поддерживает ли конкретный браузер, используемый посетителем, данную функцию, и эта библиотека также включает эту функцию. в дополнение к целому ряду других вещей, так что есть еще одна альтернатива: если вы хотите использовать Modernizr, вам не нужно беспокоиться о включении чего-то отдельного, он также поставляется с Modernizr.
Estelle: Итак, что делает Modernizr, так это сценарий, который позволяет обнаруживать все функции CSS и все API-интерфейсы HTML5, поэтому вы можете в основном использовать классы селектора, такие как, вы знаете, имеют градиенты и тому подобное, он предоставляет всю информацию для вас, так что вы в основном тестируете все эти функции один раз, и затем вы можете получить доступ ко всем этим функциям и таким образом вы можете сделать запасной вариант, вы можете сказать, что если modernizer.geolocation что-то делает с геолокацией, то вы можете предоставить запасной вариант. Таким образом, на всех конференциях, на которых я сейчас говорю, в основном все втыкают скрипт Modernizer в свои документы, поэтому я настоятельно рекомендую делать это, если вы собираетесь использовать более двух или трех функций, потому что тогда таким образом у вас есть все обнаружения для вас. , И это, Modernizr, в основном пишется как слово модернизатор за исключением того, что в конце нет E.
Луи: В освященной традиции Web 2.0 выбрасывать гласные без всякой причины.
Эстель: Есть причина, по которой доменные имена не доступны.
Луис: Да, верно (смеется), я думаю, это веская причина. Да, Пол Ирриш был на шоу с Кевином несколько месяцев назад, я думаю, что говорил об обнаружении функций, и он один из разработчиков Modernizr. Итак, еще одна вещь, которую я хотел сделать, просто чтобы немного повеселиться здесь, я хотел попробовать сыграть адвоката дьявола и выдвинуть некоторые возражения, которые я склонен слышать или которые вы склонны видеть в комментариях в блогах или на форумах, посвященных HTML5 и CSS3, и посмотрите, сможете ли вы, ребята, их опровергнуть и расскажите, почему это не совсем обоснованные возражения. Очевидно, что главное, что приходит на ум, — это то, что спецификация не окончательная, ни одна из этих вещей еще не доработана, все по-прежнему в движении, они все еще являются черновиками спецификаций, и хотя браузеры уже начали их реализовывать, они ‘ все еще подлежит изменению. Так что многие люди говорят, что хорошо держаться до тех пор, пока он не станет окончательным или пока он действительно не будет готов к работе, что вы скажете на это?
Estelle: CSS 2.1 еще не завершен, он окончательно рекомендован в этом году, так что мы используем CSS2.1 с 1999 года, я думаю, представьте, подождали ли мы до 2011 года, чтобы начать использовать его. Многие из спецификаций, которые вы знаете, все еще будут небольшими изменениями, но они готовы, они поддерживаются во всех основных браузерах, нет причин не использовать их; если вы хотите подождать, пока все спецификации не будут завершены, вы можете подождать до 2022 года.
Алексис: И я также думаю, что многие вещи, которые вы, возможно, захотите использовать, особенно в части CSS3, — это вещи, которые, даже если браузер не поддерживает их, не будут создавать или нарушать пользовательский опыт, поэтому как закругленные углы или тень текста или тому подобное, и поэтому у меня действительно нет причин не использовать его, потому что большинство ваших посетителей получат богатый опыт, а те, кто этого не сделает, не получат неблагоприятный эффект, ничто не упадет.
Эстель: И еще одно замечание, это действительно хороший момент, Алексис, еще одно замечание: когда вы используете CSS3, браузер игнорирует все, что он не понимает, поэтому вы всегда можете сделать откат. Вы начинаете с основ, а затем вы предоставляете более продвинутый CSS3, такой как цвет фона, если вы собираетесь создавать фоновое изображение, вам сначала нужно очистить изображение для старых браузеров, а затем вы можете объявить градиент, если браузер понимает Градиент он будет служить градиентом вместо вашего фонового изображения, но если браузер не понимает градиент, он полностью игнорирует его, поэтому он не отменяет его. Таким образом, способ разработки CSS действительно безопасен для обеспечения обратной совместимости.
Alexis: И если вы хотите, чтобы это было еще более безопасно, есть хорошая функция Modernizr, которая в основном добавляет в атрибут класса HTML-элемента имя всех поддерживаемых функций, а затем без дефиса название функции, так что вроде нет -geolocation, столбцы без CSS, если это не поддерживается, так что вы можете написать этот условный CSS и иметь условные селекторы, которые в основном говорят, что функция поддерживается, используйте это замечательное новое свойство CSS3, если это не так, вы знаете, давайте сделаем некоторые альтернативные вещи.
Эстель: Отличная мысль.
Луи: Да. Еще одна вещь, которая иногда упоминается, заключается в том, что в HTML5 принят несколько иной подход или другой подход к проверке соответствия разметке, чем в предыдущих версиях HTML и следующих спецификациях HTML, и многие считают, что это несколько из-за регресса, что он возвращает нас во времена небрежной разметки, когда XHTML и HTML строгие правила имели очень конкретные правила относительно того, как вы пишете свои теги. Так в чем же твоя противоположность? HTML5 небрежный?
Алексис: Я имею в виду, я полагаю, вы могли бы утверждать, что это небрежно, но я думаю, что этот вид восходит к политике, и я никогда не знаю, как это сказать, но ЧТО Рабочая группа, вы говорите, что РГ, я никогда не знаешь как это сказать?
Луи: Я не знаю (смеется).
Эстель: Я говорю What WG, но я не знаю, правильно это или нет.
Алексис: Хорошо, давайте просто назовем это What What WG. Это заставляет меня думать о каком-то начальном расколе, и я забываю, какой это был год, но в основном люди, которые сформировали What Working Group, которая по сути является Apple, и я полагаю, что Mozilla, были отчасти недовольны W3C. продолжал идти по пути XHTML, и мне показалось, что их мнение таково: слушай, мы должны делать то, что лучше для большинства людей, и мы должны делать то, что лучше для браузеров и того, что происходит. сделать страницы большинства людей доступными и видимыми для всех, значит быть обратно совместимым, а также быть несколько прощающим. И я думаю, по крайней мере, с моей точки зрения, всегда лучше дать возможность большему количеству людей создавать вещи, чем быть пуристами, и я думаю, что да, было бы замечательно, если бы все написали действительно строгую разметку, и мы могли бы научить действительно строгой разметке, но я думаю, что она существует в мире, он существует в Интернете, люди учат вас неправильно / цитировать, и поэтому я думаю, что ослабление стандарта только даст возможность большему количеству людей писать больше кода и создавать больше сайтов, и я думаю, это хорошо, но я, конечно, не пурист, так что это точка зрения не пуриста.
Эстель: Лично я пурист, когда речь заходит о моем собственном коде, но я знаю, что люди, которые поддерживают мой код, не будут заключать в кавычки атрибуты, и с рабочей группой HTML5 дело в том, что она в основном ложится на браузер вместо автора, и он определяет, как, если вы не собираетесь закрывать LI, если вы не собираетесь закрывать свой тег, как браузер должен обрабатывать его так, по крайней мере, когда люди строго не кодируют, а По крайней мере, все браузеры будут обрабатывать это одинаково. Ранее с IE7 и 8 вы закрывали элементы и открывали их снова, если вы помещаете их как элемент уровня блока внутри встроенного элемента, чтобы ваш CSS отображался дважды, если у вас было фоновое изображение на ссылке, оно дважды помещало фоновое изображение потому что это сломало бы ваше — оно фактически закроет и снова откроет ваш элемент, поэтому здесь HTML5 предоставляет стандартный способ для всех браузеров обрабатывать все эти разные причудливые способы разметки вашего HTML.
Луи: Да, абсолютно. Одна из других вещей, которую вы часто слышите в ответ на всеобщее жужжание HTML5, потому что все вещи были в некотором роде жужжанием, это то, что это в некотором смысле словечко, многие люди видят HTML5 и HTML5 перешел от ссылки конкретно к версии спецификации HTML к тому, чтобы быть подобным кухонным приемником смежных технологий, и многие люди даже не понимают, что мы имеем в виду, когда говорим больше о HTML5. Так что вы думаете, что любое из волнений по поводу HTML5 — это ажиотаж, есть ли здесь что-то, что может быть нас больше волнует, чем мы должны быть, или это просто так, что мы так взволнованы, что это становится этим всеобъемлющим термином и Все в порядке?
Алексис: Ну, я думаю, что у W3C было своего рода последнее слово о том, что мы собираем все вместе, когда они решили, что собираются объединить все вместе, выпустить наклейки и футболки и просто хлопнуть по HTML5, так что я думаю, что мы спорить об этом — спорный вопрос только потому, что они решили, что это круто с ними. Я знаю, что многие люди были очень расстроены этим и думали, что это приведет к дальнейшему замешательству, и я также думаю, что реклама иногда не очень хорошая вещь, потому что я всегда вспоминаю, когда JavaScript был переименован в JavaScript, потому что Java была с тех пор я так запутался, что о том, кто из них. Но я думаю, что обман оправдан, единственное, что меня беспокоит в обмане, и это то, чем я все еще пытаюсь научиться, это то, что стандарт настолько новый и с точки зрения информационной безопасности, что я делаю Я думаю, что есть потенциальные дыры, которые открывает HTML5, и я думаю, что все мы, веб-разработчики, должны не отставать от любых новых статей, которые выходят с безопасностью, я знаю, что были некоторые проблемы с думаю, что это были WebSockets, но я думаю, что это моя единственная забота; когда что-то раскручивается, слишком много людей начинают использовать это слишком быстро, не понимая каких-либо последствий для безопасности.
Эстель: И чтобы ответить на основной вопрос, вопрос, который вы задали, а также другими словами, я думаю, что это полный маркетинговый термин, вы знаете, у вас есть рекрутеры, которые говорят о трехлетнем опыте работы с HTML5.
Луи: (смеется)
Эстель: Есть люди, которые не знают, что такое HTML5. Так что это немного расстраивает, потому что я все еще рассматриваю CSS3 как отличающийся от HTML5, но W3C смешивает CSS3 с их логотипом HTML5, так что я думаю, что и то, и другое, все новые веб-технологии выходят в тупик под зонтиком HTML5, и это нормально по маркетинговым соображениям, но с точки зрения того, что если вы хотите стать разработчиком, можете ли вы сказать, что знаете HTML5, если все, что вы знаете, это новые элементы, вам нужно знать, как программировать WebGL, чтобы сказать, что вы знаете HTML5? И я считаю, что вы должны знать обо всех API, но когда вы говорите, что знаете HTML5, это не значит, что вы знаете JavaScript, и я думаю, что из нового API вам нужно знать JavaScript.
Луи: Да, это немного сложно, и вы затронули интересный момент, если бы мы оказались в гипотетической ситуации, когда я искал кого-то, и я ожидал знания HTML5, если кто-то пришел, и все, что они знали о HTML5, было новые семантические элементы, и я не знал ни CSS3, ни нового JavaScript API, я был бы немного разочарован, я не думаю, что это имеет значение, но на самом деле, если бы я не был более ясен, чем просто высказывание опыта HTML5, возможно, это законно.
Эстель: Но также, если кто-то говорит, что знает HTML5, я не ожидаю, что он знает, как программировать каждый API.
Луи: Точно. Я не ожидаю, что кто-нибудь из людей знает, как программировать каждый API (смех).
Алексис: Но это похоже на то, что если кто-то просит разработчика iPhone и ожидает, что он будет знать абсолютно каждую библиотеку в IOS, это невозможно, вы должны точно знать, что вы пытаетесь сделать, и, к сожалению, рекрутеры не всегда знают, что , но это, вероятно, более длинный и отдельный разговор.
Луи: (смеется) Да, разговоры об ИТ-рекрутинге могут продолжаться и продолжаться.
Эстель: Я все еще получаю должности разработчика Java, потому что они ищут Java и видят слово JavaScript в резюме в своих поисках, и это моя беда, это хорошая проблема, но это раздражающая проблема со всеми этими рекрутерами, которые не имеют ни малейшего представления о том, что они говорят о том, когда они пытаются завербовать. Так что я не знаю, есть ли в мире кто-то, кто имеет — есть люди, которые имеют трехлетний опыт работы с HTML5, потому что они пишут спецификации более трех лет, но если вы знаете кого-то, кто имеет 10 лет Опыт jQuery У меня есть запрос на это сегодня (смех).
Луи: Это очень хорошо. Я свяжусь со своими контактами и посмотрю, смогу ли я найти кого-нибудь, который подходит под этот счет.
Эстель: Да, Джон Резник этого не делает (смех).
Луи: Хорошо. Ладно, я думаю, это охватывает то, что я имел в виду, касаясь конкретно HTML5 и CSS3, и я думаю, что мы хорошо поработали над тем, чтобы не тратить 30 минут на разговоры о том, насколько крута наша книга.
Эстель: Наша книга потрясающая.
Луис: Наша книга потрясающая, поэтому давайте просто добавим ее туда для записи.Эстель, вы недавно выступали на некоторых конференциях, и я знаю, что у вас довольно плотный график; Вы хотели немного поговорить о том, что вы видели на конференциях? Я знаю, что людям, которые не собираются посещать такие мероприятия, всегда интересно узнать, что такое горячие темы, что такое громкие разговоры, кто был по-настоящему впечатляющим, какова атмосфера на конференции в этом году?
Estelle:Хорошо, позвольте мне включить несколько конференций. Если вы заинтересованы в изучении CSS3, существует двухдневный саммит CSS3, который проводится в Environments for Humans под названием «Саммит CSS», и на самом деле это онлайн-конференция, поэтому вам не нужно платить за авиабилеты или гостиницу, и это будет в июле. И я думаю, что есть 16 докладчиков, действительно высших достижений, и тем будет много по анимации и градиентам, а также по всем новым функциям CSS, но, безусловно, передовые материалы, которые вы видите, активно используются на мобильных устройствах и Телевизоры и игры, немного менее полезные вещи, которые вы не могли бы использовать для своего веб-сайта типа брошюры для своего банка или корпоративного сайта, но определенно интересные вещи, если вы занимаетесь разработкой игр или мобильных устройств. И новые и интересные функции,многие люди говорят о мобильных и облачных вычислениях, потому что если вы думаете об этом в течение последних 10 лет, мы обращаемся к Интернету с нашего настольного компьютера, но в течение последних двух лет вы получаете доступ к Интернету все больше и больше. с вашего мобильного устройства, с вашего планшета, с вашего телевизора, с вашей видеоигры, с консоли вашего автомобиля, с вашего самолета, вы знаете, с места в самолете. Итак, понимая, что люди больше не получают доступ к контенту только из одного места, они получают доступ к нему из разных мест, с разных типов устройств, поэтому медиа-запросы, безусловно, получают много разговоров, но также и о мобильной разработке и облачных вычислениях.Вы получаете доступ к Интернету все больше и больше с вашего мобильного устройства, с планшета, с телевизора, из вашей видеоигры, с консоли вашего автомобиля, с вашего самолета, вы знаете, с вашего кресла. Итак, понимая, что люди больше не получают доступ к контенту только из одного места, они получают доступ к нему из разных мест, с разных типов устройств, поэтому медиа-запросы, безусловно, получают много разговоров, но также и о мобильной разработке и облачных вычислениях.Вы получаете доступ к Интернету все больше и больше с вашего мобильного устройства, с планшета, с телевизора, из вашей видеоигры, с консоли вашего автомобиля, с вашего самолета, вы знаете, с вашего кресла. Итак, понимая, что люди больше не получают доступ к контенту только из одного места, они получают доступ к нему из разных мест, с разных типов устройств, поэтому медиа-запросы, безусловно, получают много разговоров, но также и о мобильной разработке и облачных вычислениях.медиа-запросы, безусловно, получают много разговоров, но также и о разработке мобильных приложений и облачных вычислениях.медиа-запросы, безусловно, получают много разговоров, но также и о разработке мобильных приложений и облачных вычислениях.
Луи: Отлично.На каких конференциях вы выступаете лично, если придет кто-нибудь, кто захочет подойти и сказать привет?
Эстель: Хорошо, так что я буду выступать на саммите CSS, но вы можете сказать привет виртуально, но не лично, а затем также на конференции Open Source O’Reilly, которая состоится в Портленде на прошлой неделе в июле, и я буду делать две сессии, трехчасовую сессию по HTML5, The Good Enough Parts и часовую сессию по веб-формам, а затем я также буду выступать в Open Web Camp, который находится в Пало-Альто в середине июля, и Я буду говорить и о веб-формах. И мы на самом деле не говорили во время этого сеанса о веб-формах, но веб-формы — проклятие существования каждого, и новые функции в CSS в HTML5 сделают формы, возможно, не забавными, но действительно мощными, но по-прежнему трудными для стилизации, но определенно нет. больше боли, чтобы проверить. Поэтому я буду выступать с полными презентациями на трех конференциях: CSS Summit,OSCON и Open Web Camp.
Луи: Занятый график.
Эстель: Да.
Алексис: Эстель очень занята летом.
Эстель: На самом деле они все за одну неделю.
Алексис: Ты сумасшедшая.
Луис: Алексис, у тебя есть что-нибудь, что ты хочешь включить?
Алексис: Я не знаю, нужно ли мне это подключить, но я собираюсь быть на Всемирной конференции разработчиков Apple, которая была распродана, я верю в один день, но если кто-то захочет прийти и сказать мне привет, я бы хотел сказать Привет, это, наверное, один из самых ярких моментов моего года, и в прошлом году у них были действительно замечательные материалы о новых веб-стандартах, поэтому мне очень интересно посмотреть, что они придумают в этом году. И я также буду в DEF CON, и я не знаю, есть ли в нашей аудитории действительно кто-нибудь, кто мог бы там быть, но если вы вообще заинтересованы в информационной безопасности и планируете перейти на DEF CON, я должен быть там как Что ж.
Луи: Отлично. И поэтому, прежде чем мы пойдем, вы хотите просто сообщить слушателям, где они могут найти вас в Интернете, если они хотят быть в курсе того, что вы делаете?
Эстель: Вы можете найти меня в Твиттере ( @aestellevw или в моем блоге, который является Standardista.com .
Алексис: А для меня вы можете найти меня в Twitter @alexisgoldstein, и мой сайт — Alexisgo.com .
Луи: Отлично.Большое спасибо, что пришли и поговорили об этом сегодня. было бы хорошо поболтать об этом за пределами перефразирования глав и обычного вида работы.
Эстель: Хорошо, спасибо, что приняли меня, это было приятно.
Алексис: Да, спасибо, это было здорово, и просто для того, чтобы дать вам пробку, я был действительно впечатлен уровнем технического редактирования и просто вопросами, которые мы получили от вас, было действительно приятно делать книгу, так что благодаря с тобой было приятно снова поговорить.
Луи: Отлично.
Эстель: И я повторяю все, что она только что сказала.
Луи: Ах, большое спасибо.
Тема музыки Майка Меллы .
Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.