Подкаст SitePoint № 156: Пересмотр платных сетей

Луи: Это немного более управляемо. Так, кто хочет сначала пойти с историей на этой неделе?

Кевин: Я пойду первым. У меня есть статья Криса Койера о свертывании контента, и он опубликовал это несколько дней назад, и это отчасти актуально, но в то же время это немного дружелюбно к будущему, не обязательно теперь дружелюбно, если это даже имеет смысл. Но в основном он говорит о том, как вы передаете контент с помощью адаптивного веб-дизайна и что делает W3C в соответствии с этим — я думаю, что это модуль Regents. И в основном он делает небольшой урок по интересной технике, пожертвованной Adobe, о том, как в основном отправлять фрагменты контента из одного раздела в другой в зависимости от ширины вашего экрана. Так что, если вы можете представить себе, как на большинстве сайтов, у вас есть боковая панель и область контента, а затем, когда вы уменьшаете размер экрана, боковая панель имеет тенденцию перепрыгивать полностью вниз, и поэтому, если у вас есть шесть или семь элементов там это не очень полезно, особенно если это реклама. То, что это делает, позволяет создавать так называемые div внутри или между статьями в этой основной области контента, и когда размер экрана уменьшается, вместо того, чтобы показывать всю рекламу внизу, вы можете размещать их между статьями по мере необходимости. Так что это довольно интересный подход, однако, я действительно хотел спросить вас об этом, Луис, потому что в этом примере есть несколько пустых элементов div, и я не знаю, я имею в виду, что вы всегда можете пойти и добавить это в полевые div, но я чувствую, что это стало бы чем-то вроде стандартной вещи, когда вокруг лежат пустые div, и семантика позади этого, я не знаю, что я чувствую.

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

Кевин: Точно.

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

Кевин: Точно.

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

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

Луи: Да, я имею в виду, что у меня такое чувство, что такого рода пустых элементов типа div не должно быть, но, возможно, такое ощущение, что это действительно лучшее решение, если вы хотите действительно адаптивный макет, в котором все движется довольно гибко и вы не хотите использовать JavaScript для этого, хотя, возможно, кто-то будет утверждать, что для этого вполне законно использовать JavaScript, потому что мобильные устройства, на которые вы ориентируетесь — это iPhone или устройства Android, почти все будут иметь довольно компетентные движки JavaScript, и просто использование JavaScript для перемешивания этого контента может быть хорошей идеей. Или, вы знаете, я разговаривал с Люком Вроблевски на последнем интервью, которое я провел, и его подход «сначала мобильные» — это интересный взгляд на это; если ваши объявления фактически включены в ваш контент в исходной разметке, и вы перемещаете их в сторону, когда экран достаточно широк, это может быть другим подходом к этому.

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

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

Кевин: Да.

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