Что случилось, когда мы поговорили с HTML5 с экспертами

Для тех из нас, кто является обычным разработчиком xhtml, насколько это плохо, если мы закрываем теги, такие как <img /> и <br />, используя html5 doctype?

тест, совсем не плохо

Но разве это не вызывает ошибки валидации?

У меня большие проблемы с проверкой формы в HTML5

HTML5 разработан таким образом, чтобы ваш существующий контент не сломался. Так замкнутся или нет, оба валюди

Он никогда не работает как задумано, пузырь не может быть стилизован.

круто, спасибо @bruce

Sega пузыря является частью браузера Chrome. Вы не можете стилизовать диалоги загрузки файла или кнопку возврата — вы не можете стилизовать пузыри проверки. Я согласен, что вы должны быть в состоянии, хотя

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

Как вам, ребята, нравятся ваши панировочные сухари?

Я пишу шаблоны, это потрясающе, но недавно, с новыми инструментами проверки HTML5, пузырь не может быть стилизован, и вы можете стилизовать его только с Chrome, эти проблемы с несколькими браузерами сводят меня с ума. :

@ Сага, не видя ваш реальный код, я не могу быть уверен на 100%, но если это действительный HTML4 или действительный XHTML, то это действительный HTML5.

SpaceBee совсем не плохо, прекрасно.

Я Алехандро здесь! Каковы наиболее распространенные варианты использования data- *?

Обычное использование alejandr для data- * — передача данных в сценарии на странице.

Приятно видеть @ian здесь. Всем, если вы смотрите видео / мультимедиа в формате HTML5, книга Яна — лучшая

внешние скрипты?

@bruce Я бы хотел немного лучше понять алгоритм выделения и семантические элементы. У вас может быть <aside> для страницы и для <article>… но как насчет <section>? Связывается ли потом с <section>?

AliSpark здесь, (только что закончил ужин!) Я изучаю HTML5, CSS3, Blender 3D, среди прочего. У меня проблема с получением звука для работы, как это должно быть на моем сайте …

Где обстоят дела с hgroup? Рекомендуется или нет?

@alejandromg то, что действительно приятно, это когда вы можете получить доступ к значениям набора данных напрямую через JavaScript, то есть el.dataset.foo извлечет значение data-foo — и настройка работает аналогичным образом.

@theirf Ян Девлин

Я Джесс, разработчик внешнего интерфейса в компании в Ньюкасле, Австралия. Команда разработчиков только что перешла от строгого xhtml к html5, и мы все еще не понимаем, где использовать разделы и т. Д.

о, это круто

Спасибо @bruce — HTML5 Multimedia Разработка и дизайн — книга @theirf

поэтому наборы данных облегчают взаимодействие с js! приятно знать

Круто, я проверю это. Спасибо

rem будет в основном заниматься вопросами API / JS, я буду делать разметку, проверку и т. д.

Это приложение для общения не очень хорошее: — Я не могу прокрутить людей, связанных справа …

@ Брюс, кто спрашивал?

@ круто, я это проверю. Спасибо

это болтовня — ерунда — я не могу использовать Opera с ней, @rem!

Я знаю @rem. К сожалению, это лучшее из плохого. Я много исследовал и не могу найти ничего идеального.

@bruce, а также, я просто хотел бы понять, что можно получить <header> и <footer> … можно ли поместить <header> и <footer> в <aside>?

Рем, каждый раз, когда я использую javascript, я должен хранить скрипт в своих папках или использовать ссылку на апо?

апи?

Я никогда не писал ничего на HTML5, мои сайты написаны на XHTML. У меня есть один большой вопрос: как сайты HTML5 работают в ie6-7?

Верхний и нижний колонтитулы @paceaux могут содержать что угодно, кроме другого верхнего или нижнего колонтитула

Есть правило, чтобы использовать тег раздела? Я имею в виду, что он должен быть предназначен не для использования в качестве позиционного элемента, а в качестве логической части страницы (т. Е. Разделы могут быть частью оглавления), что должно быть их правильным использованием? Раздел> заголовок> содержание?

Вопрос CSS 3, а не HTML 5, но зачем нужны префиксы браузера для многих новых классов, когда раньше не было необходимости? Будет ли это прекращено, когда будет расширено внедрение html5 / css3?

@ Spaceaux да, вы можете положить верхний и нижний колонтитулы в сторону

@eddieA, оба — зависит от контекста. Локальные скрипты для вашего приложения -> папка. API-вызовы, как твитер -> обычные API-вызовы.

Ребята — те, кто хочет скинуть по разделу и статье — отличный супер подробный раздел в замечательном заголовке: Представляем HTML5 => http://introductionhtml5.com

Есть ли лучшая практика для поддержки новых элементов HTML5 в CSS с помощью IE6?

@kestrel html5 сайты работают в ie6-7, но вам нужно использовать html5shiv, который написал @rem, чтобы сделать их стилизованными. Если у ваших пользователей IE6, 7 нет JavaScript, он не будет работать, поэтому не используйте html5

тест см. мой ответ на @kestrel, выше

@test либо используйте html5shiv, либо modernizr поставляется со встроенным

@bruce, если вы используете html5shiv, это переведет браузер в режим причуд?

@rem Я читал эту книгу по крайней мере дюжину раз, я просто не видел примеров <header> и нижнего колонтитула во всех элементах секционирования на html5doctor.com

Мне любопытно узнать, правильно ли использует этот сайт <section> (как на домашней странице, так и на странице контента — например, на странице about) — http://sill-lighting.com.au

@rem спасибо

Добро пожаловать всем, кто только что присоединился. Не стесняйтесь прыгать на любом этапе с вопросами, которые у вас есть для Брюса и Реми. Если у вас его нет, не стесняйтесь представиться и принять участие в чате.

Если бы я мог вмешаться, @paceaux

kestrel no htmlshiv = не переводит браузер в режим qurisk

@bruce — hgroup… рекомендуется или нет? Я читал разные мнения.

Брюс, за каким веб-дизайнером мне следует следить в Твиттере?

Джеймс, я никогда не использую hgroup, так как я никогда не видел в этом необходимости pre-html5

@eddieA ты можешь следовать за мной * улыбается * 🙂

@eddieA me, @rem, @iandevlin, @mattwilcox, @tabatkins, @miketaylr

@rem || @bruce Хотелось бы услышать ваше мнение о будущем онлайн-рекламы и ее переходе на новые веб-стандарты, основанные на том, что она в основном основана на флэш?

@ Брюс круто спасибо человек 🙂

@ian абсолютно, заголовок не является заменой для h1-h6

@juliandr панировочные сухари: упорядоченный список

@ Брюс Спасибо.

хороший вопрос @johnpercival

@johnpercival Я ожидаю, что рекламные агентства начнут переходить на технологию типа HTML5 — включая видео и холст — в основном, они не будут двигаться туда для победы стандартов, они пойдут туда для дальнейшего проникновения

У кого-нибудь есть опыт работы с CS6, и это переход на HTML5, это работает? http://www.adobe.com/products/flash.html

@bruce — W3C рассматривает возможность удаления hgroup из спецификации?

Привет, есть хорошая и обширная документация по слушателям событий и где-то с хорошими демонстрациями

Может быть, пришло время попробовать этот HTML5 / модернизатор вещи: P

@eddieA Несколько хороших из них — @justcreative и @meyerweb

@johnpercival Я уверен, что webGL, холст или куча дерьма пустых div-ов, разбросанных с помощью CSS-анимации, будут повсюду, прежде чем lonjg для рекламы

Я знаю @paceaux, но если у вас будет <header> <h2> Mt Title </ h2> </ header>, то вы, вероятно, пропустите <header> и будете использовать только <h2>

@johnpercival Моя самая большая проблема с внедренной рекламой — это то, что они часто используют document.write — это большой убийца и, на самом деле, главное, что нужно сделать.

Договорились 🙂 Спасибо за вклад

@kestrel Я использую его как новичка, и это здорово

innerHTML как альтернатива?

@kestrel Помните, что Modernizr * только * для определения поддержки в браузере — но да, проверьте этих плохих парней

@johnpercival больше, чем они должны ждать, пока дом будет готов — но это не по теме 🙂

@ian, чтобы быть точным, я делал реализацию CMS, где наш основной контент помещался в <article>, но иногда там были заголовки, где пользователь мог вставить h1-6 AND <p>… и статью можно было разместить в любом <Разделе>….

Джеймс w3c хранит hgroup, что-то упало. Я никогда не использовал это. Например, я бы не стал делать <header> <h1> Мой сайт </ h1> <h2> Виджеты славы! </ H2> </ hgroup> </ header>, я бы сделал <header> <h1> Мой сайт </ h1> <p> Виджеты Славы! </ P> </ header>

@ian Я хотел быть уверен, что если я помещу тот же контент в <aside>, это все равно будет допустимо

@hollowx MDN — отличный ресурс. Я запускаю http://html5demos.com, но он невелик, и Opera.dev тоже чертовски хороший ресурс.

@rem @bruce — спасибо

@paceaux

@hollowx также проверьте http://html5rocks.com

@bruce, я иногда не использую тег <p>. Должен ли я всегда использовать тег AP

@rem Я последние несколько лет придерживался XHTML + CSS2, думая, что этот материал не готов к производству.

я думаю, что это будет @paceaux, как @bruce говорил ранее (теперь я перестану угонять!)

@hollowx о, и, вероятно, лучший ресурс http://html5doctor.com

Chrome все еще лучший браузер для разработки HTML 5 и CSS 3?

@eddieA нет, не нужно использовать <p> в этом случае

@kestrel CSS2 перешел в фазу «рекомендации» только в конце 2010 года — но до этого вы использовали его в производстве, верно?

Благодаря @rem только что проверил хорошую статью о захвате события css3 на сайте. http://www.sitepoint.com/css3-animation-javascript-event-handlers/ это приятно, так как я делаю все больше и больше iPad-приложений с анимацией или событиями

Barlow1984 Chrome является лучшим, как и Opera, Firefox, Safari и IE. Вы веб-разработчик, верно? Так что вы разрабатываете для Интернета = все браузеры

@kestrel То же самое с HTML5 и CSS3 — вы берете части, которые стабильны, и оставляете кусочки, которые не являются стабильными. т.е. .innerHTML — это HTML5 — но вы его используете, микроданные являются частью HTML5, но они почти не поддерживаются — поэтому игнорируйте их.

@ bruce Полагаю, мы довольно ограничены в работе с нашими слишком строгими ИТ-политиками и должны развиваться в FF 5 как минимум, пытаясь подтолкнуть их к полному доступу Chrome.

@ian спасибо за ваши ответы. клиент будет рад узнать, что я правильно понял

@ barlow1984 Большинство последних версий браузеров действительно хороши для поддержки HTML5 — даже IE10 впечатляет. Я склонен выбирать браузер на основе инструментов разработчика. И это имеет тенденцию быть личным предпочтением.

barlow1984 вам нужны все браузеры, как иначе вы можете протестировать ваш сайт?

@ barlow1984 — Аврора сборки Firefox имеют довольно хорошие инструменты для разработчиков

@rem зачем игнорировать микроданные, так как это не повредит пользователям, у которых их нет?

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

Adobe Flash мертв?

@rem | @bruce — в прошлом я иногда использовал <cite> для подписи (например, «Статья написана Джоном Доу»); я должен использовать что-то еще?

Добро пожаловать всем, кто только что присоединился. Не стесняйтесь прыгать на любом этапе с вопросами, которые у вас есть для Брюса и Реми.

@EddieA Нет!

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

@eddieA нет.

@bruce какие CSS-свойства мы можем найти для таких элементов, как <summary> / <details> и даже <progress> / <meter>

Лол! Люблю это @bruce

@ barlow1984 для инструментов разработчика у вас также есть Google Canary

@bruce, действительно, это моя точка зрения с ними… .. мы можем «тестировать» в других браузерах, но не «разрабатывать», поэтому я пытаюсь перейти на что-то более современное, такое как chrome или более новый FF

@EddieA CS6 имеет Flash, конвертирующий в страницы HTML5

@hollowx спасибо, я посмотрю

@bruce сможем ли мы контролировать заполнение и форму прогресса / метра… и могу ли я изменить треугольник в сводке / деталях?

eddieA Вспышка понадобится еще долго, чтобы проигрывать видео, аудио и веб-сокеты (и localalstorage, верно @rem?)

Что касается тестирования браузера — вам нужны все браузеры. Они ВСЕ имеют отличную поддержку HTML5 в своих последних браузерах. Как разработчик, вы должны знать свой путь и знать, какие странности скрываются в старых браузерах.

@ sega, интересно. Интересно, как это будет работать

@paceaux да, когда появится теневой DOM. Еще нет.

Скобки Adobe выглядят интересно … Есть мысли по этому поводу?

@ barlow1984, если ваши ИТ-политики ограничивают его, скажите им, что вам нужен доступ ко всему. Даже виртуальная машина с текущими браузерами

@eddieA я тоже! У кого-нибудь есть опыт с этим?

@eddieA Flash находится в стратосфере приложений — трехмерное интерактивное видео DRM в реальном времени — это место, которое еще далеко от веб-стандартов.

@ Брюс ааа, круто. не могли бы вы указать мне некоторую документацию по этому вопросу?

http://html.adobe.com/

@ barlow1984 проверяет наличие флагов about: flags и prefs в инспекторе (сенсорные события, fps)

Нерив выглядит интересно. но у меня есть сомнения по поводу редакторов wysiwyg. Они всегда кажутся мне WYSIWTF

очень интересно!

@NERIV это приятно, но я все еще vim и возвышенный Гал

@rem, поэтому достаточно сказать, что «это работает в последней версии вашего браузера»? Хотя, например, миллионы на IE <9?

Я использую блокнот ++

@bruce Есть ли проблемы с людьми, работающими со старыми браузерами (скажем, IE7), также работающими со старыми версиями flash, вызывающими проблемы с shim?

кто-нибудь еще поддерживает IE6?

ничего не знаю

WYSIWTF 🙂

@dxbmatt да, мы пробуем некоторые вещи VMware, но это не так отзывчиво

@ Тест Нет, это далеко не так. Я не сказал, что я?

@ian LOL!

@ Джеймс — Нет, если я могу помочь, но решать клиенту

люблю это … WYSIWTF

@ Джеймс, надеюсь, нет

@ Брюс, я думаю, было бы очень мало способов обнаружить это, кроме отзывов клиентов

@sega Это @ Брюс!

WYSIWTF 🙂

Мы тестируем в IE7-9, FF и Chrome (какие бы версии у нас не были на наших компьютерах)

Я пробовал различные способы получить работающую звуковую панель в формате html5 (с Flash в качестве последней опции для браузера). Пока что ни одна не была удовлетворительной. Основная проблема в хороших браузерах: обычно вокруг панели управления есть прямоугольник, который мне не нужен. А в Opera говорит, что мне нужен плагин, но я не знаю, какой мне нужен. Какие-либо предложения?

Получил сладкое, что

сладкий # твит

@ Брюс Ха! Это точно. @rem Слышал немного о возвышенном … думаю, мне нужно попробовать.

Проблемы AllSpark для Opera, напишите мне [email protected] и я посмотрю

Нерив Я использую возвышенное

Я имею в виду, что если «вам нужны все браузеры», то не остановит ли это вас от использования каких-либо функций HTML5? Почему, скажем, не использовать специфичные для Chrome функции, например, потому что это не webby, если вы не поддерживаете IE6 / Safari 1.0 / etc.?

Общий вопрос, касающийся HTML5, помимо очевидного включения видео / аудио и новых семантических тегов, что является главной целью эволюции языка разметки, это может быть глупый вопрос, но что было ошибочным в xhtml и html 4, что означает нужна была новая версия? Разве он больше не поддерживает тип приложений / страниц, создаваемых разработчиками?

Хорошо спасибо брюс

@SpaceBeers — Согласен. Тем не менее, я заранее сообщил клиенту, что для совместимости с IE6 и / или 7 будет выставлено дополнительное время.

stefan24 что было неисправно? нет видео, аудио, веб-сокетов или локального хранилища или веб-работников или базы данных или метода рисования на экране.

@ тест нет, это меня совсем не останавливает. Я использую закругленные углы, и IE7 все еще работает. Там, где мне нужна конкретная технология, скажем, WebSockets, я буду заполнять браузеры, которые не поддерживают ее изначально.

Привет всем, я предполагаю, что у меня возникнет вопрос, будет ли принятие HTML5 означать, что мы увидим меньше специальных CSS-тегов для браузера / движка, необходимых?

Интересно, кто-нибудь нашел пуленепробиваемый способ тестирования старых версий IE на одной машине? IETester кажется немного глючным, а старые режимы браузера IE9 — это совершенно новый зверь.

stefan24 «Разве он больше не поддерживает тип приложений / страниц, создаваемых разработчиками?» — точно, вы получили его за 1

@ тест, но это в каждом конкретном случае. Если основной аудиторией является IE6, то нет смысла создавать 3D-игру с использованием WebGL и полифиляжа с помощью Flash — просто создайте эту вещь во Flash и покончите с этим.

@bruce И все же, что все могло быть добавлено без изменения элементов HTML с точки зрения разметки, не так ли?

@SpaceBeers есть что-то под названием SuperPreview

@spaceBeers получают подписку на стек браузеров, которая стоит своих денег! 🙂

@spaceBeers вам нужно несколько установок виртуальных машин. IETester недостаточно хорош, потому что они исправляют файлы .dll для отдельного запуска IE, так что это не идеальная копия IE на 100%.

@ Джеймс Ie6 все зависит от вашего рынка, если вы идете в Китай, вы должны в другую Европу и штаты больше не нужны.

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

@SpaceBeers Я использовал это немного, но, честно говоря, я думаю, что лучший способ это, вероятно, с использованием виртуального ПК

@spaceBeers Я использую Fusion на Mac, но есть ряд решений.

@ SpaceBeers Пока нет. У нас есть виртуальные машины с собственными версиями браузеров, и это единственный способ, к сожалению, быть уверенным.

@sega — вот чем я сейчас занимаюсь. Кажется чрезмерным, хотя.

@rem — Мак меня пугает.

@spaceBeers уверен, что вы можете создавать виртуальные машины на ПК и Linux, но я не уверен, что вы можете виртуализировать OS X, чтобы вы могли протестировать Safari

Насколько похоже сафари на ПК против Mac?

@SpaceBeers — это единственный верный способ проверить пользовательский опыт. SuperPreview не делает состояния наведения, и я не могу найти другой способ, который делает. Единственный реальный способ (поскольку Microsoft просто глуп) состоит в том, чтобы тестировать каждую версию ОС на каждую версию IE, ее состояния при наведении и т. Д.

моя установка для тестирования — несколько окон Xp на виртуальных машинах с IE6 IE7 IE8 и затем IE9 в Vista

@rem — все наши дизайнеры основаны на Mac, поэтому есть несколько лишних шуток.

@test в настоящее время я буду использовать Modernizr для обнаружения функций и Shiv, так что более ранние браузеры не представляют особой проблемы. Акцент на «так», потому что клиент всегда будет использовать IE6-7, и пока это объясняется заранее, я не считаю это проблемой.

@ jess.irwin Я слышал, что на ПК есть проблемы со стабильностью. Не могу сказать больше, чем чем

@spaceBeers Раньше меня тоже пугали, но через год я не вернусь к ПК, если ты мне заплатишь. И я был разработчиком .NET!

извините, я не хотел переводить разговор на тестирование xbrowser! просто что-то, что перед глазами …

@hollowx +1

@ jess.irwin safari одинаково как на ПК, так и на OSX, они даже делают шрифты идеально подходящими, поэтому на ПК он такой медленный: P

@SpaceBeers Вернусь к IE7, я больше не тестирую 6, а это значит, что мне больше не нужно использовать прозрачность PNG.

@ jess.irwin, очень похоже это называется IE на ПК

@rem @dxbmatt Я просто не понимаю, когда люди говорят, например, «вы не занимаетесь веб-разработкой, если поддерживаете только Chrome и Opera», хотя на самом деле поддержка последних версий всех браузеров еще далека от полной поддержки. Итак, я предполагаю, что мой вопрос в том, как мы можем / можем ли мы на самом деле определить, что такое «веб-разработка» и «разработка для конкретного браузера»?

@ тест вы должны отпустить понятие «полная поддержка».

кажется, что функциональность, которая была бы обработана на сервере, теперь может использоваться разработчиками внешнего интерфейса. С точки зрения перехода очень сложно изменить мнение моих коллег о переходе на html5 из-за ограничений IE, какую стратегию вы бы использовали для перехода?

но пока делаю больше вещей на iPad, обычный веб-разработчик

@ bruce есть ли у нас какие-либо новые атрибуты или элементы для <table> в HTML5, я не припоминаю, чтобы читал о каких-либо изменениях в вашей книге … но я хочу быть уверен, что ничего не пропустил

Люди: ни один браузер не поддерживает весь CSS 2.1 — остановит ли это его использование?

@sega — Клиент сказал мне, что на прошлой неделе они работали с IE 5. Я чуть не плакал. Она неправильно прочитала версию. Я был очень рад.

paceaux ничего нового с таблицами, IIRC — некоторые вещи пропущены (атрибут итога, атрибут оси)., но запланировано еще несколько CSS

Мы просто не поддерживаем IE6 вообще — Microsoft не делает, поэтому мы не делаем.

Единственный способ получить IE 5 — остановить их разработку

@hollowx не соответствует действительности — но я не собираюсь сейчас вступать в это обсуждение.

@ Брюс … черт. только когда я создавал приложение для этого

На моей последней работе моим любимым браузером менеджера проектов был IE6. Это было в прошлом году. Он был ведущим архитектором всего нашего веб-программного обеспечения.

@James сказал: «В прошлом я иногда использовал <cite> для подписи (например,« Статья написана Джоном Доу »); я должен использовать что-то еще? »Я использовал бы статью, написанную <cite> John Doe </ cite>, но это противоречит спецификации

@ jess.irwin & @hollowx согласились

@SpaceBeers не является нашей обязанностью создавать сайты для IE5. Однажды я пошел еще в IE 5.5. Это не сложное тестирование для нескольких браузеров, но реально наличие серии компьютеров упростит этап тестирования, особенно для IE6.

слышал об этом австралийском интернет-магазине, который взимает дополнительную плату с клиентов IE 7

(это было в отделе ИТ 10 лучших университетов США)

Мы хотим вернуться к HTML5 или мы рады поговорить об IE6 и др.? Я не против лично так или иначе.

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

@hollowx серьезно? Конечному пользователю?

@Test согласен с @rem в этом. Нет такой вещи как полная поддержка браузера или совместимость. Существует (или должен быть) приемлемый уровень функциональности и доступности. И все зависит от клиента

@rem Я хочу поговорить о твоих волосах

@rem — IE10 пока выглядит отлично

@ Брюс Я хочу поговорить о твоих розовых штанах

Это я или европейские страны более продвинуты в том, что касается новых методов кодирования, CSS3 и т. Д.

@ Брюс, прости, желтый!

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

@bruce Говоря о волосах, у тебя все еще розовый цвет?

Я хотел бы знать, правильно ли использует http://sill-lighting.com.au разделы. Мы использовали HTML только 3-4 месяца, и я все еще не уверен в правильном использовании разделов и разделов.

@eddieA это ты.

@rem @bruce — будет ли что-нибудь в спецификации про адаптивные изображения? Я использую адаптивные изображения на данный момент

У div’ов @ jess.irwin нет никакого семантического значения, они — разделители. Мысли об этом так помогли мне классифицировать, как я их использовал

Хорошо, HTML5 отлично подходит, но со всеми различными браузерами вы должны сделать выбор, если вы хотите использовать эффекты перехода css3 и т. д., но для структуры это нормально

@spaceBeers нет, но в w3c идет обсуждение. Я не знаю, последний, хотя. @bruce может иметь некоторую информацию.

IE10 потрясающе работает в параллелях на Mac. Вернемся к теме, при необходимости вернитесь к HTML5, я отвечаю на кросс-браузерные материалы!

Q: лучшие практики для цитат в HTML5 … Использовать элемент P или нет? Я вижу, что избранные цитаты не требует элемента P. Это, возможно, уже было загнано, но только что пришло.

Добро пожаловать всем, кто только что присоединился. Не стесняйтесь прыгать на любом этапе с вопросами, которые у вас есть для Брюса и Реми. Если у вас его нет, не стесняйтесь представиться и принять участие в чате.

Я думаю, что не очень важно использовать CSS3 переходы @hollowx, это не будет иметь большого значения. Я использую их все время. В основном я использую переходы CSS3, чтобы заменить то, что когда-то сделал для меня jQuery.

@ sega серьезно скажи им, что они будут взимать дополнительную плату, или они могут скачать другой браузер

@rem больше для шаблонов, которые состоят из 2 столбцов — обычно это будет что-то вроде <div id = content> <div id = main> </ div> <div id = side> </ div> </ div> — где # main — левый столбец, а #side — маленький правый столбец.

@ Что вы думаете о jquery mobile?

@spaceBeers r / e адаптивные изображения — группа W3C обсуждает это неизбежно

@hollowx, да, это было на сайте в какой-то момент и BBC в Великобритании

@ jess.irwin, если для получения желаемого стиля используются div, то, возможно, это нормально. Вещи вроде id = side — это может быть сторонний элемент, поэтому вы хотите попробовать впитать семантическое значение, которое дает вам HTML5.

Где в США я могу пройти обучение для jQuery Mobile?

@ Брюс спасибо. Сейчас я работаю с адаптированной версией адаптивных изображений. Официальный метод был бы очень удобен.

@spaceBeers я предложил <изображение>; WHATWG хотел <img src-set>, теперь мы объединяем предложения. Смотрите статью Мэтта Уилкокса

@rem Итак, может ли <section> почти всегда заменять <div>, если нет другого четкого семантического выбора (header / footer / etc.)?

лол .. http://blog.silktide.com/2012/06/charging-customers-for-using-an-older-browser/ @spaceBeers

Лучший справочник html5 css3?

как вы используете JQuery Mobile вы используете пользовательский агент, чтобы предоставить его пользователю?

@stevenGardner Я собирался спросить что-то подобное, если честно. Оптимизированные для мобильных устройств веб-сайты или собственные приложения HTML 5

TimGreen Представляем HTML

TimGreen Представляем HTML5

@ вовсе нет. <div> использовался для всего. Раздел! = Div. У <div> все еще есть реальное применение в документе HTML5.

электрическое или влажное бритье?

@arranrp парикмахер.

Кто-нибудь из вас чувствовал себя с поваром

@sega хорошо начал менять мои привычки на чистый javascript и css3 вместо jQuery. Но, возможно, я буду использовать jQuery 1.8, когда вы сможете настроить его.

@ brucel / @ rem размышления о поли-заполнении HTML5 и о самых передовых функциях браузера, а не о вложении усилий в то, чтобы заставить пользователей переключиться на более качественный браузер или что-то вроде хромированной рамки? мы тратим время, пытаясь «залатать» сеть усилиями по заполнению?

Проигнорируйте это трудно на iPod

Адаптивные изображения: в чем проблема, и как мы можем это исправить? http://dev.opera.com/articles/view/responsive-images-problem/

@ barlow1984 это зависит от того, что вам нужно. PhoneGap — это отличная мостовая платформа, если вы не можете получить нужные кусочки через обычную веб-страницу — например, доступ к камере — но это все меняется.

@test Я часто вижу <div id = ”wrapper”> в html5, поскольку нет очевидной замены, например, <section>

@addyosmani Не думаю, что мы теряем время. Я думаю, что те, кто пытается заставить пользователя отключить <IE8, тратят время.

@bruce Я знаю, что могу использовать атрибут «for» для <output> и назначить его обратно форме…. но можно ли использовать какие-либо другие типичные атрибуты формы в <ouput>?

@rem меняется, как в большей поддержке HTML 5 с мобильных телефонов или что-то еще?

@addyosmani => http://remy.tumblr.com/

Я читал, что контент должен быть разбит на разделы, но разве это нереально для тех, кто использует редакторы WYSIWYG в CMS?

Я вполне представлял

addyosmani! Мысли о полифилдинге HTML5 и новейших возможностях браузера, а также о вложении усилий в то, чтобы заставить пользователей переключиться на более качественный браузер или что-то вроде хромированной рамки? », многие люди не могут изменить свой браузер.

@alistairds Так что обертка это не раздел?

@рем круто круто. Я проверю это. Спасибо, сэр.

@addyosmani последнее сообщение — итоги: люди специально не хотят придерживаться своего браузера, просто дают им контент, который они хотят.

@bruce Мне просто интересно, смогу ли я использовать <label> для <output> и могу ли <output> принимать атрибуты типа «name»…

@alistairds часто, когда я собираюсь сделать <div id = wrapper>, я понимаю, что это на самом деле <body>, что я хочу стилизовать

@ barlow1984 извините — не могли бы вы еще раз задать мне этот вопрос с немного большим контекстом — пытаясь просмотреть здесь немало сообщений 🙂

jess.irwin «Я читал, что контент должен быть разбит на разделы, но разве это нереально для тех, кто использует WYSIWYG-редакторы в CMS?». Нет, вы читаете, что контент * может * разбиваться на разделы. Если ваша CMS не позволяет, не переживайте! HTML4 с нами навсегда

@rem, как это работает для stickyfooters? тебе не нужен <div id = обертка>

@ rem / brucel Должен ли я предполагать, что вы, ребята, отстаиваете «по крайней мере, дайте всем контент (даже если приложение / сайт выглядит супер базовым), дайте современным браузерам способ мышления, а не равный опыт для всех?

@rem И все же мой руководитель в буквальном смысле решил использовать IE6, потому что он сказал, что ему нравится больше всего. Но он, надеюсь, один из 7 миллиардов …

@rem, но разве в некоторых браузерах нет проблем с определенным стилем <body>? Я не могу вспомнить, какой именно или какой браузер (полезно, я знаю …), но это случилось в прошлом.

@ jess.irwin уверен — или <footer>, что будет — но если вам нужно обернуть его для стилизации: <div> <footer>…

@ spaceaux не могу вспомнить -попробуй и проверь, и напиши мне, чтобы я знал

@alistairds, особенно для центрированного макета, я применяю фон к <html>, а затем делаю body {margin: 0 auto; ширина: 60em;}

@addyosmani да.

@rem извините, вы упомянули, что мобильные устройства меняются, просто задались вопросом, имеете ли вы в виду доступ к оборудованию через веб-браузеры, такие как камеры и т. д.?

сладкий. звучит хорошо.

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

@addyosmani Я в лагере «дай мне контент, даже если он выглядит супер базовым». Потому что мои слепые друзья предпочитают, чтобы их закрывали и не получали никакого контента, потому что они не могли видеть блестящие

@ barlow1984 getUserMedia является одним из них, например

Так для примера <div id = content> <div id = main> </ div> <div id = side> </ div> </ div>, где клиенты вводят контент в #main. будет версия html <section id = main> <article> [содержимое здесь] </ article> </ section>

@ Spaceaux это хорошая идея, я должен попробовать это. Я не пытался использовать div-обертку в последнее время, но видел несколько постов в блоге, где другие упоминали, что продолжают использовать его в html5

@test, но по правде говоря, IE6 — чертовски старый браузер. Они похожи на старую собаку, которая не хочет учиться новым трюкам — что ж, пусть зверь лжет 🙂

Я просто отвечал на ссылку, которую вы разместили в своем блоге, где говорилось, что никто не хочет использовать IE6. Не то, что здесь уместно, извините;)

Да, он определенно был старой собакой

Я просто думаю, что он не может быть один

@ Бруцел это совершенно понятно. Недостаточно рассмотреть возможность доступности. Я согласен с тем, что не всем нужен блеск.

@ barlow1984 getUserMedia предоставляет мобильным телефонам и браузерам доступ к камере. Смотрите www.html5doctor.com/getusermedia

@ barlow1984 да — именно так. Доступ к камере, доступ к датчикам и т. Д. Две демонстрации в верхней части html5demos.com работают в Opera Mobile 12 — считывает вашу камеру и платит ее вам

@ тест я уверен, что он не один 🙂

Немного не по теме, но кто-нибудь начал использовать медиа-запросы?

Мне трудно ухудшить некоторые из моих модных htlm5 вещей на ie6 без JavaScript. К сожалению, я должен заставить все работать отлично для этого, и я часто нахожу себя удаляющим биты html5 только для того, чтобы выполнить работу вовремя. Я изучал заливки и другие решения, но это требует времени

@test, может быть, есть форум признательности ie6

Однако — устройства могут ограничить доступ

getUserMedia с микрофонной аудиосистемой приземлится в Chrome позже в этом году, у Opera есть инструмент, и FF тоже скоро приземлится.

jess.irwin nope <div role = main> <article> [содержание здесь] </ article> </ div> лучше

хорошие новости вокруг.

@bruce — Видите ли вы в будущем доступ к большинству функций телефона из веб-приложений, а не только к камере и т. д.

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

IE6 мертв, даже Microsoft так считает, http://www.ie6countdown.com/

@StevenGardner это наша работа, правда. И убедитесь, что у вас есть хорошее понимание вашей демографии — т.е. Убедитесь, что люди используют IE6, прежде чем поддерживать его для вашего бизнеса. Тем не менее, убедитесь, что вы даете им что-то — что-то лучше, чем сломано — каждый раз.

@ тест, но как долго он собирается «держаться»?

StevenGardner не беспокойтесь о том, чтобы сделать IE6 отзывчивым — у кого есть IE6 на их телефоне / планшете?

@ sega отлично. Давайте двигаться дальше тогда мы? 🙂

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

@ Брюс звучит как вызов …

@spaceBeers это именно то, над чем мы работаем #

@rem уже сделал 🙂 Мы больше не поддерживаем IE6.

@ Sega, у меня есть. Я работаю над адаптивным дизайном сайта. Еще не эксперт в этом? много проб и ошибок. @ Брюс и @ Рэм, вы тоже так чувствуете?

@ снова вернитесь к немного другому имени пользователя, так как перешли с iPhone на Mac и не смогли перенести сеанс. Если вы хотите рассказать о реальном опыте тестирования браузеров и подтолкнуть ИТ-специалистов к его решению, напишите мне в Twitter @dxbmatt

@bruce — я начал заниматься разработкой для IOS, но кажется, что веб-приложения могут делать все, что могут нативные приложения, практически бессмысленно.

Полифилы @ jess.irwin не являются прогрессивным улучшением, что является их преимуществом. Они также не являются грациозной деградацией, поэтому вы должны быть осторожны, часто им * требуется * javascript, который когда-нибудь вытащит вас из дыры….

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

прямо сейчас, если я хочу сделать HTML5-видео для размещения на моем сайте. Сколько закодированных версий мне нужно будет сделать и какими они будут?

@пустельга

Пустельга 2 — webM и mp4

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

адаптивный битрейт?

@eddieA отзывчивый это весело. Но да, очень новый и много следов и ошибок. В основном я нахожу в дизайне / dev hand. Наш конф-сайт настолько отзывчив, насколько мы могли бы получить: http://2012.full-frontal.org (конф-сайт JS)

У меня была проблема с заполнителями форм, использующими метки, которые я нашел на GitHub.

У меня была проблема с заполнителями форм, использующими метки, которые я нашел на GitHub.

@bruce @johnpercival будут ли две версии охватывать весь рынок или мне также понадобится версия FLV?

Re: аудио, я тоже добавил OGV. Разве это не нужно сейчас?

@ stefan24 — Мой первый отзывчивый сайт был для компании, в которой я работаю. Мой босс не хотел испытывать это на реальном клиенте, поэтому мы экспериментировали на себе

я думаю, FLV для старых браузеров

FLV для флеш-плеера возвращается

Kestrel это нормально — вы можете загрузить mp4 на флеш-плеер для старых браузеров. Смотрите видео для всех от Kroc Camen

@rem, Реми, да, я проверил этот сайт. l как стиль растрового изображения

@bruce webM для chrome и mp4 для FF / Safari / Opera?

@spaceBeers, какие у нас самые большие проблемы с разработкой сайта RD? Я только сейчас учусь делать сайты с фиксированной шириной в течение многих лет.

нет необходимости в FLV. Или проверьте Playr от Delphiki или короля видео-заполнения / проигрывателей, mediaelementjs.com

@ Брюс, я опаздываю на все это SVG. Можете ли вы дать мне резюме, почему я должен использовать SVG

@rem — мой босс не раскошелится на билеты, но сайт выглядит хорошо, и я потрошу, что не могу прийти.

Любой британский народ хочет изучить HTML5 и посетить супер-классную конференцию Full Frontal, у нас осталось несколько билетов: http://2012.full-frontal.org/workshop/html5

(сутенер как босс)

@ Брюс офигенно, чувак 🙂

Ребята, вы приложили усилия к микроформатам и арии?

В зависимости от того, какую версию Flash Player вы используете

@rem @bruce Ранние этапы, но есть мысли о предлагаемом элементе <picture>?

Kestrel webM для Chrome / FF / Opera, mp4 для IE, SAfari

@spaceBeers сообщают вашему боссу, что ваши конкуренты, готовые к тренировкам, получают конкурентное преимущество!

@eddieA @sega Ловушка адаптивного дизайна — это когда разработчики полностью удаляют навигацию / страницы. Многие пользователи проводят большую часть времени на мобильных устройствах — а не просто в очереди в кафе — поэтому важно позволить пользователю делать все, что он мог, если бы вы не изменили макет.

dxbmatt-mac много мыслей; Я изобрел это

@ stefan24 — найти кого-то, чтобы попробовать сайт, было большой проблемой. Поскольку мы использовали себя, мы удалили любое давление крайнего срока.

@ dxbmatt-mac лично мне нравится, но я не играл с ним вообще в производстве

@bruce знал, что я узнал ваше имя откуда-то 🙂

@bruce, удивительно, что путают браузеры, переключающиеся между разными кодеками

Ogv устарел?

@rem — уже пробовал это. Неудачно. Я коплю себя на следующий год. Новый ребенок означает, что мы немного бедны в данный момент, но кажется глупым пропускать что-то подобное, когда это так локально.

@stevenGardner да, но в основном vcard и немного другое (лично для меня). Я виновен в том, что не добавляю роли арии, и я знаю, что должен — должно быть больше публичных знаний о том, как они работают в реальной жизни. @bruce может иметь несколько ссылок.

@ dxbmatt-mac более полезно, см. мою статью http://html5doctor.com/html5-adaptive-images-end-of-round-one/

@spaceBeers ах, у меня новый ребенок, трюк в том, чтобы * запустить * конференцию 😉

@test полностью согласен, но адаптивные макеты меняются в зависимости от ширины экрана, что меняет их пользовательский опыт, хороший или плохой, время покажет.

@ Stefan24 — В противном случае изображения были самым большим балладом. Работать в процентах было хорошо, как только вы обдумаете это.

@rem — Хороший трюк. Хитрость.

AliSpark ogv — это обсольте для видео, Ogg для аудио живет на

«Баллаш» это было смешно

Ребята, мне пора, спасибо за отличный чат

Есть ли хорошие предложения для книги HTML5 сегодня вечером? 🙂

@ Брюс — О!

Я слышал страстную презентацию в Эдинбурге в прошлом году об арии, которая заставила меня положить вещи, когда я помню

cya @sega

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

@kestrel да — купи книгу, а Брюс и я получим по 20 пенсов каждая — специальное предложение только на вечер — сделай это!

@sega позже человек

@rem роли ARIA: см. HTML5 Accessibility Chops: заметки по использованию ARIA http://www.paciellogroup.com/blog/2012/06/html5-accessibility-chops-using-aria-notes/ от моего товарища Стива (который является австралийцем) )

@bruce Отличная статья, я нахожусь в основном списке рассылки Whatwg, так что все равно следил за развитием событий

@stevenGardner помнишь кто?

Какой проект я могу сделать прямо сейчас, чтобы выучить html5? Стандартный веб-сайт не кажется подходящим, так как мне бы пришлось потратить кучу времени на написание его в формате xhtml для совместимости с браузером. Я хочу практический проект с достойной совместимостью.

Рем, большой босс пимпин прямо сейчас

Джош О’Коннор написал прекрасную книгу под названием «Доступность HTML5».

@spaceBeers хотел бы, чтобы было решение для этого, я уверен, что оно придет.

@rem только 20p? 🙁 sitepoint являются ведомыми драйверами: P

@ stefan24 — адаптивные изображения от Matt Willcox (sp) создают изображения разных размеров для вас, но мне пришлось довольно сильно его настроить, чтобы работать с дизайном.

забавный факт: мы предложили представить HTML5 (нашу книгу) для Sitepoint, но они отказались (их аудитория не заинтересована в этом, сказали они)

@bruce Не понимал, что мистер Фолкнер был австралийцем, не то чтобы это имело значение, конечно!

@kestrel они не наши издатели 🙂

Привет, ребята — у нас официально осталось чуть более 5 минут, так что, если вы сидите на вопросе, или вы задали вопрос, который пропустили в шуме, сейчас самое время его получить.

@ Брюс лол

@ stefan24 Я думаю, что можно полагаться на строку UserAgent, поскольку любой, кто меняет их, знает, что он делает, и знает, что не получает опыта для своего фактического устройства / браузера. У кого-нибудь еще есть мнения по этому поводу? Я не понимаю, почему все в Интернете говорят «вы не можете полагаться на строку UserAgent», когда большую часть времени она абсолютно точна.

Ой, думаю, я немного опоздал

о боже, я лол О Боже.

@bruce Можете ли вы помочь понять, когда следует использовать атрибут «скрытый» вместо {display: none} или {visibility: hidden}?

@rem Ты уволен.

@rem OMG, круто !!!!

@paceaux Я на самом деле использую этот — но я использую его в JavaScript: el.hidden = true — это действительно хороший способ, а не добавление класса

@ spaceaux это отображение: нет, а не видимость: скрыто, хотя.

@bruce @rem как называется книга? Могу ли я найти его на Амазонке? Я ожидал, что это будет книга сайта: P

«скрытый темп» означает скрытый от всего, не только не показанный, но все еще взаимодействующий со сценарием и т. д.

@test думаю, что это была лучшая практика, чтобы избежать использования агента пользователя, может быть, просто старой концепции, от которой нужно отказаться?

@test Я только что купил дешевое устройство Android ICS, и строка User-Agent браузера по умолчанию -… iPad iOS 3.2!

@paceaux — скрытая видимость оставляет большую дыру там, где когда-то был элемент.

@rem, я всегда получаю их обратные слова … но все же, зачем мне использовать «скрытый»

@kestrel http://introductionhtml5.com/

@ тест, вы не должны полагаться на строки UA — они лгут. Функция обнаружения, когда вы можете.

Есть ли HTML5 intelisense для Sublime Text 2?

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

@spaceBeers Я знаю, что делают дисплей и видимость со стороны CSS

Снова @paceaux, я не использую его в HTML, я использую его в JavaScript, как для систем табуляции. tab.hidden = true;

там 20р подгоняет к тебе свой путь как мы говорим: P

@hollowx это звучит как правильный подход.

@rem Мне интересно, чем отличается атрибут «скрытый»… например… почему бы мне не использовать {display: none}

@spaceBeers спасибо за ссылку, выглядит интересно, мне придется изучить ее дальше

ой кто-то только что ударил меня по голове монетой в 20 пенсов

У кого-нибудь есть какие-нибудь отличные рекомендации для (PC) редакторов кода для html / css / js … WebStorm / Sublime — это две, которые я сейчас пробую — какие-нибудь еще рекомендации?

@rem, так как все больше сайтов запрашивают html5 dev вместо flash

А поскольку я лояльный работник, книгу SitePoint HTML5 можно найти здесь http://www.sitepoint.com/books/htmlcss1/

@ Брюс, черт возьми, я думал, что мы разделяем это.

лол хок

Осталось 4 минуты, прежде чем я освободил наших экспертов …

@hollowx, действительно, многие клиенты говорят, что они переходят с flash на HTML5, и многие участники семинара говорят то же самое.

Клиенты часто просят HTML5, даже не зная, о чем они говорят. Это проблема.

alistair, notepad ++ — это облегченная опция с подсветкой синтаксиса и множеством плагинов (и с открытым исходным кодом)

@rem «они лгут» — правда? Я слышал, что люди так говорят, но не видел много доказательств, несмотря на дешевое Android-устройство @ webber. Есть ли статья / книга / разговор / и т.д. где-нибудь, что дает какие-либо доказательства этой лжи?

@ian это не так. Клиенты похожи на посетителей наших сайтов, им все равно, как это делается — до тех пор, пока это работает и соответствует модным словам

@test Opera претендует на звание Opera 9 в соответствии со строкой UA, а не Opera 12.

проверить статью webAIM о строках пользовательских агентов, чтобы увидеть, как они выглядят

@rem Хорошо, это «может быть проблемой» — зависит от клиента и его понимания HTML5.

@hobbitmime, notepadd ++ лучше, чем Dreamweaver

.. ложь Или откройте Opera Dragonfly и установите строку UA в «мой прекрасный браузер», чтобы подделать их

Телевизионные браузеры @test также выдают ложные строки UA

?

@rem Я не помню имя парня, но это был хороший разговор. Твой тоже был хорош. Мои книги по HTML5 — это @rem HTML5, сваренная вкрутую книга Маларки и книга по карману html5 частей

@bruce сделает, спасибо!

@test opera отображал бы свой пользовательский агент как IE, так что в данном случае это не был точный тест для этого браузера, насколько мне известно, что это одна из причин того, что он не совсем точен.

@stevenGardner о — в Хайленд Флинг?

@rem @bruce Это последнее издание? http://booko.com.au/products/9780321784421

@bruce, так что «скрытый» подходит для… «аккордеонов», может быть?

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

требуется чтение для всей истории браузера строки агента пользователя http://webaim.org/blog/user-agent-string-history/

@eddieA

@rem да

спасибо за линк брюс!

Я имел в виду, меня интересовали другие примеры. «Несмотря на» просто означало, в дополнение к.

да @alispark

@ тест ах хорошо

Спасибо за это. Отмеченный re notepadd +++

@stevengardner Джек Осборн, тогда я думаю.

@AliSpark — возвышенное v.good

@bruce как я мог сделать это <style hidden = ”false” contenteditable = ”true”>?

Я чувствовал, что использование пользовательского агента не было круто, и поэтому я избегал его, будет интересно получить больше информации об этом

@rem Жаль, у нас нет отличного визуального редактора для создания на лету настоящей анимации в JavaScript css3. Как Flash-редактор для HTML5 CSS3 Canvas. Forr не гипер-программисты здесь. Некоторые существуют, но сгенерированный код не может быть использован.

Dreamweaver не справляется с показом CSS и многого другого

@rem На его было хорошо, но насчет HTML5 этот парень был все об Арии

И ребята, не забудьте проверить Full Frontal конференцию: особенно семинары по обучению инструменту! http://2012.full-frontal.org/#tooling

(сводник завершен: ууу)

ритм нет. скрытый = «истина» — это HTML, а не CSS

… Я имею в виду немного его макет.

@eddieA еще прекраснее дизайн котлет.

аааа, так что скрытый предназначен только для использования в JS

ритм нет. Это HTML. Не CSS, не JS

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#the-hidden-attribute

@all Что было самым желанным дополнением в HTML5 для вас?

Хорошо, ребята, это было реально. 5 часов свистнул, и я вышел.

У @rem сейчас есть клиент, который непреклонен (не значок начала 80-х), что он вообще не хочет использовать Flash, только HTML5 / JS. Для мультипликационного сайта, и они смотрят на стили взаимодействия и анимации Pixar / Dreamworks, которые, как мне кажется (поправьте меня, если я ошибаюсь), нам еще далеко! К счастью, некоторые из них достаточно включены и обучают других внутренне. Посмотрим….

bruce + paceaux — но он определен в IDL для элемента HTML, поэтому он является частью JavaScript DOM API

@ dxbmatt-mac canvas + web-gl — вы можете это сделать.

@rem понял. это отличается от двух подходов CSS, и это не атрибут HTML

@rem true, устанавливается JS, но является атрибутом HTML

@rem Я получаю доступ только к «скрытым» через JS DOM

Хорошо, спокойной ночи всем. Не забывайте — www.introductionhtml5.com менее безрассуден и так же великолепен, как @rem и я

@bruce … о … это * атрибут * HTML, тогда? … Это касается моего вопроса о том, когда мне следует использовать его для двух вариантов CSS

@paceaux нет, через HTML как атрибут и через JavaScript через свойство.

Хорошо все Это конец официальной сессии, что означает, что @rem и @bruce свободны! Вы можете остаться здесь и поболтать сколько угодно, но учтите, что сессия больше не модерируется (не то, что вы ее изначально требовали). Большое спасибо за участие.

то есть. <div hidden> </ div> и el.hidden = true;

спасибо @rem и @bruce, как всегда информативно

@ Брюс позже человек 🙂

Спасибо экспертам! Для обмена своими мыслями и во многих случаях кода!

@rem люблю ответ — позор клиент должен поддерживать IE8 🙂

Далее в этой серии мы будем говорить о макетах CSS. Подробности TBA.

Пейдж прочитал спецификацию — я отправил ссылку http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#the-hidden-attribute

Adios folks — не забудьте купить книгу, и это не только на Рождество!

Спасибо ребята!

всем пока

Благодарность

@rem Thx много чувак

Спасибо ребята. Это был приятный неожиданный способ провести час. Очень интересно. Твой 20p будет в твоем выигрыше!

спасибо @rem & @bruce за ваше время

Хотелось бы, чтобы я запомнил это и подготовил несколько вопросов, на которые мне нужно было ответить, но спасибо за ваше время, ребята.

@HAWK — Как мы узнаем о следующем? Я наткнулся на это случайно

Спасибо @rem @bruce

Яйца.

@ Брюс Я прочитал спецификацию … Я все еще был потерян … все нормально. Если это было использовано в дикой природе, я

Спасибо @rem & @bruce за сессию и продолжайте распространять хорошие знания.

Спасибо, пока, и спокойной ночи / дня (в зависимости от того, где вы находитесь)!

@spaceBeers, которые я публикую в Твиттере (@sitepointdotcom) на Facebook (facebook.com/sitepoint) и на этом форуме http://www.sitepoint.com/forums/forumdisplay.php?438-Talk-With-The-Experts

Спасибо @HAWK. Я вернусь за больше.

Приветствия Sitepoint.com

@hawk, @bruce, @rem спасибо, ребята … я действительно ценю это

Приветствия @haWK напиши нам в твиттере, когда ты опубликуешь стенограмму, Брюс и я отправим ее обратно людям на улице. Спасибо, что приняли нас.

Прощай на сегодня, благополучного пути — у меня есть кроличья нора, чтобы спрыгнуть вниз.

@rem сделает 🙂

Я не видел ответа на вопрос «так что« скрытый »подходит для…« аккордеонов », может быть?» От @paceaux

@rem Я написал в Твиттере мой вопрос, но, похоже, этот дисплей: блокировка перезаписей скрыта = ”true”

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

@kravvitz да, похоже, это просто DOM-метод для переключения … display: none?

все, что я получаю от спецификации, это то, что она скрыта от * всего *

чтобы программы чтения с экрана не читали скрытые = «правда»

но я понимаю, что дисплей: никто не делает то же самое

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

так что … я думаю, что если вы пытаетесь <style hidden = ”false” contenteditable = ”true”>, у вас есть более быстрый метод для редактирования блоков встроенных стилей

http://cssdesk.com/93FbQ

Нет. В спецификации указано, что «элемент [<style>] не представляет контент для пользователя». Http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the -стиль-элемент

Также атрибут hidden является логическим, поэтому его присутствие похоже на установку hidden = ”true” в JS.

«Законно показано в другой презентации»

так что, если я хотел продемонстрировать функциональность и позволить пользователю редактировать блок стилей, кажется, что настало подходящее время для установки hidden = false

но да, кажется, что аккордеоны не будут подходящим использованием, потому что я хотел бы, чтобы читатели экрана видели это

1. Я не здесь.

2. @paceaux hidden = ”false” означает скрытый = true — потому что это логический атрибут

это присутствие означает, что он включен и, следовательно, верно

то же самое, что readonly = «true» — это то же самое, что readonly = «false» — то же самое, что и readonly.

Так что не устанавливайте логические атрибуты со значениями.

3. Я убираюсь отсюда, ребята!

спасибо, призрак, @rem … как вы можете сказать, я не такой умный. но я думаю, что понял

@rem, как вы говорите, что является логическим атрибутом из спецификации?

@ spaceaux совсем нет — мы все должны сначала ошибиться.

@ troll999 IIRC так и говорит. Но вы должны проверить это. Большинство таких атрибутов — bool. Но есть несколько причудливых, таких как автозамена = «да» — я имею в виду — ЧТО, ГДЕ ОНИ ДУМАЮТ!?!?

Глупые поставщики браузеров.

Хорошо, я действительно выключен.

Ночные ночные люди.

пока Рем.

@ troll999 http://www.w3.org/TR/2010/WD-html5-20101019/editing.html#the-hidden-attribute, если вы читаете вступление в «скрытом», они сообщают вам, что это bool

@rem спасибо огромное!

Я никогда не пытался использовать contenteditable = ”true” для элемента <style>. Какие-нибудь браузеры действительно используют стили, которые пользователь вводит в него?

Ok. Видимо, вы можете: http://css-tricks.com/show-and-edit-style-element/