Эпизод 154 подкаста SitePoint теперь доступен! На этой неделе у Кевина Диса ( @kevindees ) есть два интервью для нас с юга на юго-запад. Сначала он берет интервью у Боба Симонетта ( @Bongo_Bob ) и Джереми Степпа о веб-образовании, а затем у Криса Миллса ( @chrisdavidmills ), который работает в Opera, о HTML5 и CSS3.
Скачать этот эпизод
Вы можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:
-
Подкаст SitePoint № 154: Образование и CSS3 на юге Юго-западом(MP3, 35:51, 35,4 МБ)
Резюме Эпизода
Кевин, Боб и Джереми рассказывают о различных аспектах веб-образования, в том числе о том, как веб-преподаватели могут улучшить свои курсы, а также о том, как студенты могут сыграть свою роль в улучшении курсов, в которых они участвуют. Затем Кевин говорит с Крисом о том, как мы можем принять прагматичный подход к использование HTML5 и CSS3. Просмотрите полный список ссылок, на которые ссылается шоу, по адресу http://delicious.com/sitepointpodcast/154 .
Стенограмма интервью
Кевин: Привет и добро пожаловать на подкаст SitePoint. Я Кевин Ди, и сегодня у нас есть два удаленно записанных интервью на South By Southwest в этом году для вас. Первый из них с Джереми Степпом и Бобом Симонеттом по веб-образованию. Оба эти человека являются опытными преподавателями Интернета и уже некоторое время находятся в поле.
Итак, я здесь с Бобом Симонеттом и Джереми Степпом, скажите мне, если я каким-либо образом убью ваше имя
Боб: Нет, это очень хорошо, ты понял.
Кевин: Итак, я уже два года слежу за Бобом в Твиттере, и мы все еще на юге, мы в Хэмптон Инн, а Боб и Стивен — учителя, они преподают на Веб довольно долгое время, насколько я понимаю; как давно это было?
Боб: Я занимался дистанционным Эд или просто преподавал в целом?
Кевин: Преподавание, обучение.
Боб: Одиннадцать лет, так что почти одиннадцать с половиной лет.
Кевин: Итак, вы учите в Интернете, и именно поэтому я хотел поговорить с вами, потому что в веб-пространстве есть много такого рода негативной коннотации, которая идет вместе с образованием в Интернете, и не без веской причины, потому что Сеть молода, ей всего около 20 с лишним лет, и поэтому очень трудно иметь твердую учебную программу с чем-то таким молодым; другие вещи, которым они учат, имеют сотни лет обучения и предметы, которые вы можете изучать, такие как математика и язык.
Боб: Верно.
Кевин: Но Интернет сам по себе другой зверь, и вы можете учить этому ежедневно. И одна из вещей, которые я хотел бы сделать темой этого разговора, это то, как ученики могут работать, чтобы сделать образование лучше для себя, потому что, вы знаете, обучение должно исходить от ученика, верно, оно не может — оно делает Пришли от учителя, но студент должен сообщить об этом в высшее образование, верно, я бы сказал, чтобы помочь вам донести это до людей, с которыми вам нужно поговорить, чтобы получить учебный план. И поэтому, несмотря на то, что здесь присутствует немного фонового шума, это немного раньше в тот же день, я хотел бы получить, возможно, некоторые точки зрения, которые вы имеете на некоторые из повседневных вещей, которые вы делаете в своих классах.
Боб: Хорошо, ну, в частности, в моих классах я преподаю большую часть внешнего интерфейса, HTML, CSS, JavaScript, у меня также есть класс, который занимается размещением видео и аудио и подобных вещей в Интернете. И поэтому для меня особенно, и вы правы, это ученик, это должно зависеть от ученика сейчас, как никогда, это было не так, когда я начал одиннадцать лет назад, начал преподавать в высшей школе. Эд Спейс, до этого я занимался корпоративными инструкциями. Но некоторые вещи, с которыми мне приходится иметь дело, вероятно, самая большая проблема, это быстро меняющиеся темпы Интернета.
Кевин: Верно; HTML5, CSS3 теперь просто из-за того, что два года назад люди не разговаривали — я имею в виду, что они говорили об этом, но не так, как сейчас.
Боб: Нет, не так, как сейчас. И я имею в виду, даже когда я имею дело с другими технологиями, я преподаю в техническом колледже, и поэтому есть много технологий, но мы, вероятно, одни из немногих в университетском городке, что быстрое изменение темпа просто — действительно трудно идти в ногу. Мне, как инструктору, трудно оставаться в курсе тенденций развития технологий, потому что я занят оценкой и пересмотром учебной программы и тому подобного, и, конечно, в этом смысле студентам также трудно решить, сколько из них мы собираемся дать им, потому что мы являемся двухгодичной школьной программой Associates Degree, поэтому у нас есть только — у нас ограниченное количество часов, которое мы можем дать ученику, и в этой области так много всего. И поэтому мы должны попытаться сосредоточиться на том, что им нужно на начальном уровне —
Кевин: Да, основы, HTML, CSS, JavaScript, верно, это курсы, которые вы преподаете?
Боб: Верно. Но в нашей программе мы также делаем Flash, PHP, покрываем базы данных, мы работали над Cold Fusion, я думаю, что это будет уходить осенью, но у нас есть несколько других классов по электронной коммерции, создание корзин покупок, все из такого рода вещей, так что это довольно широкий, но мы должны выбирать.
Кевин: Так что же это за процесс выбора и выбора? Я сидел на доске для ECPI, которая похожа на быстро развивающуюся программу на юге, я уверен, что это также и в других местах, но они примут как группа практикующих, и они скажут, что в следующем году Когда я сидел на нем, мы говорили о таких вещах, как мобильное пространство, верно, в то время, когда JavaScript не преподавали так много, и так, и jQuery; например, какие у вас процессы; У вас есть что-то подобное или это что-то еще, нужно ли студентам жаловаться и говорить, что мы не чувствуем, что это достаточно хорошо?
Боб: Ну, мы не хотим, чтобы студенты жаловались, нет, но у нас есть — у нас есть консультативный совет, который собирается раз в год со всеми преподавателями и заведующими кафедрами, некоторыми административными сотрудниками и во время этой встречи. это то, что мы пытаемся получить от них, это направление относительно того, где нам нужно взять учебный план, потому что вы знаете, что мы можем полюбить Юг к юго-западу, и я могу сходить с ума по этому поводу, это следующая большая вещь, но там в деловом мире они не заинтересованы в этом или не заинтересованы в том, чтобы привлекать людей в качестве нового найма. Таким образом, мы очень полагаемся на наш консультативный совет, чтобы дать нам это направление и сказать нам, что это такое, и консультативный совет состоит из людей из отрасли, которые также нанимают людей из сферы образования, и мы стараемся получить довольно широкий круг людей в нашем консультативном совете, потому что мы должны знать это, нам нужно знать, например, я просто искал в книжном магазине, и я видел эти книги по Ruby on Rails, и я слышал о Ruby on Rails, и поэтому я получил книгу, и я начал с ней возиться, и я подумал: «О, да, нам нужно это включить, и я принес это на консультативный совет несколько лет назад, и они сказали, ну, на самом деле, не так уж много». Итак, я мог бы уйти и попытаться вписать это где-нибудь в учебную программу, но они вроде как сказали, что не стоит беспокоиться об этом прямо сейчас, и, фактически, это их направление, почему мы исключаем Cold Fusion из программы а также по их совету.
Кевин: Так что я думаю, что то, что мы говорим, очень верно в том, что в индустрии то, что дети действительно должны знать, и то, что я хотел знать, когда я учился в школе, были какие-то основные понятия, которые я Нужно знать, чтобы быть хорошим программистом, не обязательно, какой это конкретный язык, но как правильно программировать. И поэтому я думаю, что это одна из замечательных вещей, которую делают веб-стандарты, W3C, я знаю, что WASP помогает с этим, как, в сущности, говоря, что это методы, это веб-стандарты, которые нам нужно продвигать в направлении, не обязательно особенно в отношении технологии, хотя в основе ее лежит именно то, о чем идет речь, на самом деле речь идет о практике продвижения отрасли вперед. И поэтому я считаю, что консультативные советы действительно хороши, и очень приятно слышать, что индустрия тоже работает. Из вашего опыта, что студенты могут сделать, чтобы лучше помочь вам помочь, не так ли? Потому что, когда я учился в школе, мы жаловались, мы говорили: «О, мы не чувствуем, что мы учимся лучшим вещам, или мы чувствуем, что это устарело, но мы бы не сказали что для учителей, мы бы просто цеплялись за свои маленькие кружки, верно. Что бы вы хотели услышать от ваших учеников, и что слушатели могут услышать от своих учителей и сказать: эй, это то, что нам нужно?
Боб: Да, это действительно хороший момент, потому что я всегда чувствую, что не слышу достаточно от студентов, обычно это жалоба на слишком большую работу или что-то в этом роде, но вы правы, я бы хотел, чтобы студенты скажем, я был в Интернете, и я видел это, я читал этот блог, или я видел эту статью и что об этом, и мы собираемся получить это, мы собираемся охватить это где-нибудь в этом классе или некотором другом классе в программа.
Кевин: Точно.
Боб: И такие вещи, или с другой стороны, как, может быть, я хотел бы, чтобы они пришли и сказали, вы знаете, мы говорили о XHTML, но я читал все о HTML5, в чем дело, Я хочу получить больше этого. И я иногда получаю это от студента здесь или от студента там, но я хотел бы услышать это больше от как можно большего числа студентов. Я даже пытался получить такую информацию, и студенты, кажется, стесняются этого делать.
Кевин: Я думаю, что это довольно большой барьер, потому что я знаю, что когда я был в школе, ты ходил, и ты читал в Интернете вещи, о которых говоришь, как я читал пост в блоге, и я вроде бы, вы знаете, вы чуть-чуть высунете подбородок, знаете, вы гордитесь собой, и тогда вы действительно не пойдете к учителю и ничего не скажете. И я думаю, оглядываясь назад, это было своего рода ошибкой, потому что учитель ищет помощи, как будто я все еще время от времени хожу к своим учителям и отсылаю им электронные письма и говорю, эй, вот что я нашел после факта потому что я теперь оглядываюсь назад, вау, это могло бы быть очень полезно. Итак, когда студенты дают вам то, на что они смотрят, на что они думают, что бы вы посоветовали студенту найти и найти эти вещи? Как я знаю, например, мы упомянули W3C, WASP InterAct, в какие еще места студенты могут пойти, чтобы посмотреть, что там можно получить эту информацию и вернуть ее своему учителю?
Боб: Ну, наряду с теми, о которых вы упомянули, оперой, оперным образованием, их пространством, у них есть много хороших статей и материалов, которые студенты могут использовать, чтобы увидеть, что происходит, и дополнить то, что они получают в классе. Другое дело, что я пытаюсь убедить своих учеников завладеть несколькими блогами, а затем, возможно, оттуда они найдут другие.
Кевин: Точно.
Боб: «List Apart» — отличное место для начала, и ученики должны найти, когда они найдут эти блоги, они должны вернуться к своему учителю и сказать: «Привет, я читал это, что вы думаете об этом человеке, потому что там так много, что некоторые из них все еще старые и, возможно, не очень актуальны, и студенты могут не знать, что важно, а что нет », надеюсь, их преподаватели знают. И поэтому для них будет хорошей идеей вернуться и спросить, читали ли вы когда-нибудь этот блог или что вы об этом думаете? Я говорю своим студентам в начале семестра: «Я не знаю всего этого», нет пути, просто нет пути; день такой парадигмы, когда инструктор держал все знания, а вы просто бросили их в их головы, это прошло, я имею в виду, что все кончено и должно быть закончено, потому что все знания там, если они выйдут и будут искать Это. Итак, я пытаюсь донести их до некоторых солидных блогов, как я уже сказал, A List Apart, Джон Аллсопп, все рок-звезды, вы знаете.
Кевин: Точно.
Боб: А также я указываю на такие места, как Smashing Magazine. Мне нравится Smashing Mag, потому что он объединяет, выходит и собирает все эти статьи, а затем собирает их все вместе, как бы объединяет, что действительно здорово; SitePoint, W3 Schools, эти две школы W3 имеют несколько хороших учебных пособий, которые они постоянно обновляют. Я вышел и нашел много обучающих сайтов, они просто не обновлены.
Кевин: Я знаю, что в прошлом в W3 Schools не хватало актуальности, потому что вы думаете о школах W3 так, как будто у них много информации, и это понятно. на базовом уровне, чтобы сказать, эй, сократить их немного расслабиться. Но в то же время, как когда я гуглял, когда я впервые начал заниматься этим, когда я гуглил, как создавать веб-страницы, возникла школа W3, и именно там я узнал много своих CSS, базовых CSS-вещей, и я подумал, что это было отличный ресурс, потому что я это узнал, верно. Теперь я узнал, что все, что они сказали, могло быть не идеальным, что может включать любой сайт, верно, потому что некоторые люди будут говорить о чем-то актуальном и техническом, а другие люди будут говорить о вещах, которые абстрактны и добры просто идей. Так что я думаю, что список вещей, которые вы выпустили, есть — вы не могли придумать лучший список, у вас есть Smashing, я знаю, что это будет частью подкаста SitePoint, у вас есть SitePoint, верно. Чтобы немного обдумать это, что бы вы сказали ученикам, и что бы вы сказали другим учителям, например, что вы делаете, может быть, вам нужно задать вопрос или, может быть, вам нужно сделать заявление; что это за две вещи?
Боб: Ну, для студентов я бы определенно сказал — на самом деле я процитирую Энди Ратледжа, или не цитирую, я думаю, перефразируя Энди Ратледжа, но, ваше образование, вы должны владеть своим образованием.
Кевин: Я полностью согласен.
Боб: Я думаю, он сказал, что ты должен украсть его. Вы действительно делаете. Это действительно очень важно, чтобы студенты пошли и сказали, что это то, чем я сейчас занимаюсь, я получаю образование и собираюсь делать все, что нужно. И в этой области, где мы говорим о технологиях, в частности, о Интернете, делать все, что нужно, означает выходить за пределы, читать и выходить за рамки вашего учебника, помимо того, что ваш преподаватель, преподаватель, профессор дает вам в классе, и находить выяснить, что сейчас там происходит, а затем передать это своему инструктору и сказать — спросить, что по этому поводу; спроси, спроси.
Кевин: Задавай вопросы, пока можешь.
Боб: Задавай вопросы, пока можешь. Что касается других факультетов, номер один, получить на борту с веб-стандартов; если вас там нет, вы знаете, что касается преподавания Интернета, веб-стандартов, я не могу этого подчеркнуть; Я был защитником веб-стандартов с 2001 года, и это должно быть. И, пожалуйста, делайте все, что вам нужно, чтобы ваши программы были в курсе, чтобы они были актуальными; Я знаю, что это сложно в некоторых местах. Нам очень повезло, когда я преподаю, потому что у нас нет кого-то еще, говорящего нам, какой будет наша учебная программа, мы получаем наш вклад от нашего консультативного совета, и мы принимаем это, и мы как бы собираем это вместе и обсуждаем это, но потом, когда дело доходит до создания этих классов и контента, это зависит от нас, мы делаем это. И это здорово, потому что у нас небольшой отдел, и мы все находимся на грани того, чтобы быть на грани, и я знаю, что это трудно в некоторых местах, особенно в четырехлетних учреждениях.
Кевин: Разве WASP InterAct Group или веб-стандарты InterAct — это правильный веб-сайт? Я не могу точно вспомнить URL-адрес, но в нем уже есть целый набор учебных программ, уже созданных на основе текущих материалов, верно?
Боб: Да, я тоже не совсем уверен, но если вы взаимодействуете с Google WASP, он вас туда доставит. И, да, у них есть — они еще не завершены, но у них есть много хороших вещей там.
Кевин: И это не значит, верно, это должно расти вместе с индустрией.
Боб: Верно. И у них есть, вы можете видеть, куда они пойдут и когда они собираются что-то делать, но, да, я уже использовал кое-что из того, что у них есть, это классно.
Кевин: Отлично. Ну, я знаю, что ты мало что можешь сказать (смеется), но —
Джереми: Ну, я имею в виду, что Боб в значительной степени охватил все это, я имею в виду, что вы говорите о студентах, имеющих собственное образование, я имею в виду, что это совершенно верно; у учащихся должна быть страсть, чтобы иметь возможность выходить и изучать эти вещи, потому что без этого они не получат того, что им нужно, от учебы в школе.
Кевин: Я думаю, что опыт работы в колледже тоже, особенно для молодых, которые приходят, как я, когда вы просто переходите из средней школы в колледж, вы в некотором роде, если вы не серьезно относитесь к этому, вы просто подумай, что ты должен сделать еще одну вещь, тьфу, я просто хочу пойти поболтать с моими друзьями или, знаешь, сделать что-нибудь, и ты вроде как должен пройти через это и сказать, знаешь, потому что ты не обязательно ходить в колледж, верно, но вы должны сказать, что я иду в колледж для меня, и это то, что я хочу делать, я хочу делать веб-сайты, я хочу создавать приложения, или что бы то ни было, вы должен быть серьезным, вы должны быть именно тем, что вы говорили, страстным, я думаю, что ваш совет прямо здесь.
Итак, чтобы подвести итог, где люди могут найти вас, чтобы задать вам вопросы, может быть, о некоторых вещах?
Боб: Где они могут — как адрес электронной почты?
Кевин: Хорошо, по электронной почте, в Твиттере, независимо от того, что вы предпочитаете, как трамплин для разговора.
Боб: Хорошо, Твиттер, мое имя в Твиттере @bongo_bob , поэтому @bongo_bob.
Кевин: А твой?
Джереми: Просто напиши мне письмо, [email protected].
Кевин: Хорошо, отличные ребята, большое спасибо за то, что пришли, и, надеюсь, это поможет студентам выйти и стать более продуктивными, а также выучить некоторые действительно хорошие вещи и сделать образование лучше, потому что это делает, это создает вверх изнутри, а не снаружи. Так что, спасибо, ребята.
Боб: Спасибо.
Кевин: Это следующее интервью с Крисом Миллсом из Оперы. В этом году Крис рассказал в South на Southwest о HTML5 и CSS3, и о прагматическом подходе, который мы можем применить к этим технологиям сегодня, который включает использование Modernizr и такие вещи, как Normalize CSS. Я надеюсь, вам понравится интервью.
Итак, к нам присоединился Крис Миллс, здесь на юге, на юго-западе. Вы выступили вчера с докладом, и я хотел бы немного рассказать об этом, но сначала я хотел бы поприветствовать вас на подкасте SitePoint.
Крис: Хорошо, спасибо, что вы со мной, Кевин; это здорово быть на борту.
Кевин: Итак, вы говорили о CSS3, HTML5, о новых классных инструментах, которые вы можете использовать в сообществе веб-разработчиков, сообществе веб-дизайна прямо сейчас. И не только это, но вы также говорили о некоторых проблемах, связанных с этим, одной из которых является совместимость браузеров и какие части вы можете использовать. Я надеялся, что вы могли бы немного рассказать о некоторых из этих вещей, таких как CSS3-градиенты и переходы, обо всем этом, что вы как бы демонстрировали во время своего выступления.
Крис: Ладно, конечно, я имею в виду, что это действительно одна из ключевых тем, на которой я концентрировался последние пару лет, я имею в виду, что я работаю в команде разработчиков Opera для людей, которые не знают, и Большая часть нашей работы сосредоточена на совместимости сайтов, и это особенно распространено в Opera, потому что мы более незначительный игрок в области браузеров, и проблема в том, что многие разработчики слишком легко забывают о нас. Иногда они делают глупые ошибки, например, используя только свойства WebKit, где они могут использовать свойства префикса, где они могут довольно легко —
Кевин: Который здесь недавно был большим провалом, верно?
Крис: Абсолютно. Они могли бы довольно легко использовать все разные префиксы или даже использовать решение, такое как Префикс или Префикс меньше, чтобы фактически использовать какое-то решение JavaScript, чтобы применять префиксы соответствующим образом для представления браузера на странице, чтобы сократить количество. работы, потому что, очевидно, совершенно непросто добавить все эти несколько версий свойств в каждую написанную вами таблицу стилей.
Кевин: Точно. Вы можете легко перейти от 100 строк кода к 1000, просто добавив, вы знаете.
Крис: Абсолютно. Но миссия здесь на самом деле не в том, чтобы зацикливаться только на совместимости с Opera, моя миссия состоит в том, чтобы сделать ее, веб-сайты и веб-приложения более совместимыми для всех веб-пользователей, поэтому я уделяю большое внимание совместимости со старыми версиями IE, которые до сих пор иметь значительную долю рынка, а также пользователей вспомогательных технологий; Я думаю, что простые сильные стороны Интернета, такие как универсальный доступ, часто забываются, когда вы имеете дело с этими блестящими новыми игрушками.
Кевин: Точно. Итак, на пороге всего этого нового CSS-материала, который мы увидим, мы увидели множество библиотек JavaScript, таких как Modernizr, которые оказали некоторую помощь на этом переходном этапе, когда технология только начинается. Где вы видите этот JavaScript? библиотеки и позицию среди трюков CSS, которые вы можете сделать сейчас?
Крис: Ну, я думаю, что такие вещи, как Modernizr для обнаружения функций и полифилов и прокладок, такие как CSS3 PIE и ответы JS и медиа-запросы, JS для поддержки медиа-запросов, я думаю, что они очень важны, если вы хотите использовать эти инструменты в в наши дни, потому что до тех пор, пока старые версии Internet Explorer не умрут с точки зрения их доли на рынке, нам нужно будет что-то использовать, потому что вы можете сидеть и говорить, хорошо, пока контент все еще находится на базовый уровень, пригодный для использования и доступный для использования этими браузерами, если он существует на этом базовом уровне, то это нормально, но часто клиенты будут хотеть большего, поэтому вместо того, чтобы просто полагаться на что-то вроде изящной деградации, сказать: у вас не будет закругленных углов и градиентов, но вы все равно сможете читать текст, вам понадобятся более интеллектуальные, более обоснованные решения для этих пользователей, поэтому используйте Modernizr для обнаружения поддержки для этих функций, а затем обеспечить действительно у меня приятный внешний вид, который отличается, но все равно выглядит очень хорошо, это очень важно.
Кевин: Есть ли какое-то практическое применение, например, люди, выходящие из школы или работающие на сайтах малого бизнеса, верно, распределение времени очень сложно оправдать, чтобы пойти и использовать что-то вроде Modernizr; Есть ли какая-то система, которую они могут использовать, чтобы проникнуть в новую технологию без увеличения своего бюджетного времени? Я знаю, что это более серьезный вопрос, чем вы, возможно, ожидали.
Крис: Нет, это круто, это интересный вопрос, и именно с такими вещами нам действительно придется начать сидеть и отвечать, потому что, вы знаете, там легко сидеть и просто проповедовать, как круты эти новые функции Но нам действительно придется начать отвечать на вопросы, которые думают реальные люди, которые зарабатывают деньги для реального бизнеса.
Кевин: Точно.
Крис: Так что я очень рад поговорить об этом. Я не вижу какой-то конкретной методологии, может быть, нам стоит написать такую, которая знает, я бы хотел попробовать ее написать, собраться с другими сторонниками открытых стандартов и подумать над этим. Но мой совет: да, это полная боль, но я не вижу в этом большей боли, чем то, что нам пришлось делать в конце 90-х в разгар войн браузеров, когда нам буквально приходилось подумайте о том, чтобы сделать в те дни полную разветвленность кода для Netscape и IE. Это намного проще, чем было тогда, я бы сказал, но, очевидно, многие люди, новички в отрасли, не будут помнить эти вещи, много недавних выпускников и все такое. Так что я бы сказал, вы знаете, как бы плохо вы не думали, это было хуже в старые времена.
Кевин: Точно.
Крис: И я бы сказал, что вам нужно разбираться с этим в каждом конкретном случае, вы знаете, каждый сайт, который вы создаете, вы думаете, хорошо, ну, давайте начнем с того, что мы на самом деле хотим достичь На этом сайте давайте посмотрим на инструменты, которые мы хотим использовать, и тогда вы сможете довольно быстро создать своего рода макет для того, как будет выглядеть контент и функциональность в новых блестящих браузерах, которые поддерживают новые блестящие функции. Но тогда всегда стоит вернуться назад и просто внимательно посмотреть, каково ваше первое впечатление от того, как оно выглядит в старых браузерах, насколько легко заставить его выглядеть очень похожим или создать приемлемый альтернативный опыт.
Кевин: Я думаю, что это сложная часть, верно, это помогает клиенту или тому, кто работает с Интернетом, даже если это персональный сайт, верно; вы хотите, чтобы этот опыт был одинаковым для всех людей, потому что вы вложили свое время в создание этого опыта в первую очередь.
Крис: Ну, я имею в виду, что опыт — это всегда очень субъективный термин, не правда ли.
Кевин: Точно.
Крис: Мне нравится думать об эквивалентах обслуживания, которое является официальным термином, оно часто используется в бизнес-сообществе и сообществах доступности, идея о том, что если это не тот же опыт, если результаты одинаковы для разных пользователей я думаю, что это должно быть приемлемо, и я стараюсь много проповедовать разработчикам и дизайнерам, чтобы попытаться продать это своим клиентам в виде сообщений, вы знаете. И я думаю, что легче продать это сообщение клиентам; теперь мы имеем такое растущее использование альтернативных браузерных устройств, таких как браузеры на мобильных телефонах и браузеры на планшетах, потому что в давние времена было очень трудно сказать клиенту: «Ну, вот несколько браузеров на экран вашего рабочего стола, но на этом он выглядит по-другому, потому что он также не поддерживает функции », и клиенты собираются посмотреть на него и сказать:« Ну, мне все равно, я просто хочу, чтобы он работать ». В то время как в наши дни вы можете показать им физическую разницу, это намного меньший экран, опыт не может быть таким же, и я думаю, что клиенты находят, что гораздо проще разобраться в этом и проглотить это.
Кевин: Правильно, потому что это не просто другой размер экрана, это совершенно другая среда.
Крис: Абсолютно.
Кевин: И опыт действительно нуждается в изменении, верно, сейчас мы видим много адаптивного веб-дизайна, и некоторые из подходов Mobile First, которые выходят, и люди начинают обращать внимание. Итак, одна вещь, о которой я хочу спросить вас — это реализация некоторых из этих библиотек JavaScript и новых техник CSS, верно. Я знаю, что в прошлом люди использовали условные комментарии IE, и, если вы не знаете, что это такое, вы можете отчасти их использовать в Google, но как вы относитесь к использованию условных комментариев, или вы думаете, что функциональность встроена с Modernizr, как YepNope — это хорошее решение? И, кроме всего прочего, отключение JavaScript действительно является проблемой, потому что большинство веб-сайтов не работают, если у них нет jQuery, все сейчас используют jQuery, верно.
Крис: И материал HTML5 действительно требует JavaScript, чтобы быть полезным. Итак, давайте рассмотрим их по одному, и с точки зрения людей, не использующих JavaScript, я бы сказал, что это действительно зависит от того, в каком секторе вы находитесь, на самом деле я встречал довольно много людей, у которых это есть как требование. например, государственный сектор, здравоохранение и правительство; кажется, есть большое количество людей, у которых все еще есть это как требование, вы знаете, это звучит немного страшно для этого возраста, но люди все еще там, так что.
Кевин: Абсолютно разумно, верно, если вам нужно выяснить, какой рецепт вы принимаете или сколько принимать, или обратиться к врачу, это важные вещи, и они должны быть доступны в любое время, независимо от вашего окружения.
Крис: Абсолютно, абсолютно. И я думаю, что с точки зрения доступности, многие из них — я не говорю, что это особенно правильно, но многие агентства, и так далее, создавая частные сайты, говорят, что это немного проще, потому что в значительной степени вы можете сказать, ну, это целевая аудитория, поэтому нам не нужно делать ее доступной для людей без JavaScript, и нам не нужно специально фокусироваться на людях, использующих программы чтения с экрана, хотя я бы сказал, что это должно быть правильно делать в любом случае. Но для правительственных сайтов они имеют фактический официальный мандат, что вы должны разрешить всем людям доступ к этим услугам, ко всем людям нужно относиться одинаково.
Кевин: Точно.
Крис: Якобы, но да, так что
Кевин: Но каковы правовые вопросы, я знаю, что есть WCAG, а затем для США это 508, верно?
Крис: Да, раздел 508, да, это абсолютно правильно, и эти вещи должны соблюдаться, потому что именно в этом случае правительство может на самом деле объективно нарушить закон, тогда как с другой стороны, любой может подать в суд на кого угодно за что угодно, может не так, но это немного меньше, фактически записано в мандате, чем для государственного сектора. Но затем вы спросили следующее:
Кевин: Был ли JavaScript; YepNope против условных комментариев, например, куда эти вещи попадают?
Крис: Ну, я думаю, что YepNope — это немного другое, это — для людей, которые не знают, что слушают, это условный загрузчик ресурсов, так что вы можете сказать, ну, вы знаете, например, если браузер на сайт заходит IE6, и вы хотите, чтобы ваши медиазапросы работали, тогда вы можете условно загрузить что-то вроде Respond JS, чтобы фактически обеспечить поддержку этих медиазапросов в виде полизаполнения, в то время как условные комментарии все еще можно использовать для такого рода. конечно, вы можете просто сказать: ну, я добавлю условный комментарий к этому тегу сценария, чтобы сказать, что если это IE, тогда я могу загрузить этот сценарий. Так что, по сути, я полагаю, что да, они делают очень похожие вещи, просто YepNope — это немного более интеллектуальный способ сделать это, выходящий за рамки просто IE, вы знаете, вы можете сделать это для более разных браузеров, и это более интеллектуально потому что это больше похоже на позицию обнаружения функций, а не просто на один браузер. Вы можете сказать, что если браузер поддерживает эту функцию, тогда загружайте эту библиотеку, а не, если браузер IE, а затем загружайте эту библиотеку, потому что я имею в виду, что гораздо более близоруко просто сделать поддержку вашего конкретного браузера, анализировать браузер.
Кевин: Где вы можете получить YepNope, как кто-то может получить доступ к этому и играть с ним?
Крис: На самом деле он включен в Modernizr по умолчанию, поэтому, если вы используете Modernizr, у вас есть доступ к YepNope, довольно просто.
Кевин: Да, именно так. Итак, с Modernizr я знаю, что в своем выступлении вы сказали, что это похоже на 42k, верно?
Крис: 49, но давайте не будем расставаться.
Кевин: Но это значительная загрузка страницы, особенно когда вы думаете о более медленном браузере, для которого вы будете тестировать и использовать этот инструмент, так что, скажем, Internet Explorer 7.
Крис: Да, конечно.
Кевин: И это займет немного больше времени, чтобы обработать все. Есть ли способ сделать это меньше, где вам не нужно так много скачивать?
Крис: Итак, фантастика в том, что я думаю, что примерно в Modernizr версии 2 они фактически включали систему, в которой вы можете перейти на веб-сайт, и вы можете ставить и снимать флажки, чтобы точно сказать, какие тесты вы хотите включить в свою версию Modernizr, а затем вы Можно загрузить пользовательскую версию, которая включает в себя только те тесты, которые вы хотите для реального рабочего сайта. Принимая во внимание, что вы можете просто получить версию, в которой все они включены в разрабатываемую версию Modernizr, просто для того, когда вы играете с ней, но да, для реальной производственной версии вы можете сделать это, и это здорово, потому что вы можете значительно сократить вниз количество килобайт внутри файла JavaScript.
Кевин: Таким образом, вы можете полностью попасть в сингл К
Крис: Абсолютно, да, я бы сказал, если хотите, да.
Кевин: И, кроме того, я считаю, что Modernizr также включает HTML5, верно?
Крис: Да.
Кевин: Так что же такое HTML для HTML5, почему это важно?
Крис: Хорошо, причина в том, что это важно, потому что старые браузеры снова возвращаются к нашим старым друзьям IE6 в IE8, они пока не будут поддерживать эти элементы HTML5, они будут обращаться с ними как с неизвестными элементами, которые по умолчанию неизвестный элемент в основном обрабатывается как анонимный встроенный элемент некоторого вида. И это, очевидно, проблема, потому что большая часть нового семантического материала HTML5 в значительной степени содержит турбонаддувные дивы с более конкретными приложениями для семантической разметки. Итак, первое, что вам нужно сделать, кстати, это не в HTML5, это просто вещь CSS, вы должны настроить все эти элементы для отображения в виде блоков в вашем CSS, чтобы фактически заставить их вести себя в большинстве браузеры, но IE нуждается в некоторой дополнительной помощи, и вот тут-то и появляется шим.
Кевин: Точно. И поэтому блок отображения включен в такие вещи, как Eric Meyers новая версия 2 CSS Reset, и есть другие CSS Reset, которые также включают это, верно?
Крис:Я имею в виду, что это еще одна интересная тема; Я на самом деле не большой поклонник CSS Resets, потому что я думаю, что они зашли слишком далеко. Так что, да, я на самом деле предпочитаю нормализованный .CSS, потому что вместо принятия корня перезагрузок, которые просто избавляются от всего и заставляют вас начинать с самого начала, нормализация фактически просто делает стилизацию многих вещей намного более последовательной В разных браузерах особое внимание уделяется таким вещам, как элементы формы, которые, как знают многие слушатели, выглядят очень, очень по-разному в разных браузерах, особенно в IE6 и IE7, так что это общая проблема, но Normalize избавляет от многих проблем. этой боли. В любом случае, возвращаясь к вопросу о шивсах или шимсах, как правильном слове (смех), я считаю, что это произошло из-за неправильного использования слова в блоге Джона Резигаи потом его просто называли Шив навсегда, но на самом деле это шим. Итак, что делает shim, так это то, что он включает в себя немного кода JavaScript, чтобы снова исправить старые друзья IE6 в IE8, потому что даже если вы используете CSS для объявления этих семантических элементов HTML5 как блочных элементов, IE все равно просто отказывается их подбирать и стилизовать. их. Итак, что делает shiv, так это создает экземпляр каждого из этих элементов HTML5 в DOM, используя элемент create документа, и после этого они могут фактически выбирать стили. Он также включает в себя компонент защиты печати IE, который решает конкретную проблему в старых версиях IE, затем он облажается и не может распечатать этот элемент HTML5 при попытке распечатать страницу, поэтому он также решает эту проблему.исправьте старые друзья IE6 в IE8, потому что даже если вы используете CSS для объявления этих семантических элементов HTML5 как блочных элементов, IE все равно просто отказывается их подбирать и стилизовать. Итак, что делает shiv, так это создает экземпляр каждого из этих элементов HTML5 в DOM, используя элемент create документа, и после этого они могут фактически выбирать стили. Он также включает в себя компонент защиты печати IE, который решает конкретную проблему в старых версиях IE, затем он облажается и не может распечатать этот элемент HTML5 при попытке распечатать страницу, поэтому он также решает эту проблему.исправьте старые друзья IE6 в IE8, потому что даже если вы используете CSS для объявления этих семантических элементов HTML5 как блочных элементов, IE все равно просто отказывается их подбирать и стилизовать. Итак, что делает shiv, так это создает экземпляр каждого из этих элементов HTML5 в DOM, используя элемент create документа, и после этого они могут фактически выбирать стили. Он также включает в себя компонент защиты печати IE, который решает конкретную проблему в старых версиях IE, затем он облажается и не может распечатать этот элемент HTML5 при попытке распечатать страницу, поэтому он также решает эту проблему.Итак, что делает shiv, так это создает экземпляр каждого из этих элементов HTML5 в DOM, используя элемент create документа, и после этого они могут фактически выбирать стили. Он также включает в себя компонент защиты печати IE, который решает конкретную проблему в старых версиях IE, затем он облажается и не может распечатать этот элемент HTML5 при попытке распечатать страницу, поэтому он также решает эту проблему.Итак, что делает shiv, так это создает экземпляр каждого из этих элементов HTML5 в DOM, используя элемент create документа, и после этого они могут фактически выбирать стили. Он также включает в себя компонент защиты печати IE, который решает конкретную проблему в старых версиях IE, затем он облажается и не может распечатать этот элемент HTML5 при попытке распечатать страницу, поэтому он также решает эту проблему.
Кевин: И это все включено в Modernizr.
Крис: Да.
Кевин: За исключением нормализации CSS.
Крис: Нет, нормализация CSS — это отдельная вещь.
Кевин: Правильно, так что вы должны найти это в Google.
Крис: Да, вы можете легко найти нормализацию CSS.
Кевин: Отлично.Ну, есть ли у вас какие-нибудь дальнейшие мысли о вещах, которые вы могли бы завершить сегодня нашей беседой? И после этого, где люди могут найти вас?
Крис: Итак, самый простой способ найти меня — это просто посмотреть меня в Твиттере, это @Chrisdavidmills — мой хэндл в Твиттере, поэтому, пожалуйста, свяжитесь со мной, если хотите поговорить об этом. Единственное, что я хотел бы упомянуть, это очень кратко вся образовательная работа, которую я выполнял в W3C, я являюсь сопредседателем W3C Community Education Community Group, и наши цели — предоставить ресурсы для преподавателей и студентов гораздо лучше преподавать и изучать материалы Webdev, что больше соответствует современным Web Best Practices, потому что многие курсы действительно отстойные, чтобы быть тупыми.
Кевин: Точно.
Крис: И мы также хотим провести много аутрич-мероприятий, чтобы донести эти материалы до людей, которые могли бы наиболее их использовать, поэтому, если вы заинтересованы в улучшении сети завтрашнего дня с помощью образования, пожалуйста, поищите в Google Web Education Community Group и Вы также можете связаться со мной через эти страницы. Так что, да, в любом случае, спасибо, что приняли меня.
Кевин: Да, спасибо, что пришли, хорошего.
И спасибо за прослушивание подкаста SitePoint. Если у вас есть какие-либо вопросы или мысли о сегодняшнем шоу, пожалуйста, не стесняйтесь связаться. Вы можете найти SitePoint в Твиттере @sitepointdotcom , это сайт dotpoint .Вы можете найти меня в Твиттере как @kevindees , и если вы хотите оставить комментарии о сегодняшнем шоу, проверьте подкаст на sitepoint.com/podcast ; Вы также можете подписаться на шоу там. Этот эпизод подкаста SitePoint был создан Карном Броудом, и пока я Кевин Дис.
Тема музыки Майка Меллы . Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.