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

В наши дни для всего есть фреймворки, и кажется, что только вы разберетесь с одним, как на смену ему придет другой. Это особенно касается CSS фреймворков для адаптивной сетки, и каждый называет себя “самым лучшим”. Такой переизбыток информации вводит в замешательство.

Давайте вернемся на шаг назад, сделаем глубокий вздох, и спросим себя: действительно ли мы собираемся использовать все 24 варианта, и миллион их комбинаций, которые нам предоставляет “Этот Наикрутейший Фреймворк”? Зачастую нам нужно простое, гибкое решение, с ограниченным количеством вариаций, с кодовой базой, которую мы можем в любой момент расширить. Я хочу рассказать о четырех техниках реализации CSS сеток, каждая из которых легко расширяется. Вот эти четыре способа:

Адаптивная сеточная разметка №1 (с использованием отрицательных отступов)

Адаптивная сеточная разметка №2 (с использованием box-sizing: border-box)

Адаптивная сеточная разметка на основе табличного отображения

Адаптивная сеточная разметка на основе flexbox

Я упрощу описание этих способов, и буду использовать минимальное количество простого и понятного CSS. Для каждого способа будет представлена демонстрация на CodePen.

Общий CSS

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

/* сбрасываем свойства */ *, *:before, *:after { box-sizing: border-box; } .clearfix:after { content: ""; display: table; clear: both; }

Способ 1: используем отрицательные отступы

Данный способ основан на использовании отрицательных отступов для создания блоков сетки с фиксированным отступом между блоками. Размер отрицательного отступа варьируется от позиции блока в сетке, а расстояние между блоками остается постоянным. Давайте посмотрим на разметку:

/* сетка */ { margin-bottom: 20px; } :last-child { margin-bottom: 0; } { } @media all and (min-width: 768px) { /* all cols margin */ { margin-right: 20px; } :last-child { margin-right: 0; } /* делаем колонки адаптивными */ .col-1-2 { float: left; width: 50%; } .col-1-4 { float: left; width: 25%; } .col-1-8 { float: left; width: 25%; } /* 2 span rows */ .row-2 { padding-left: 20px; } .row-2 :first-child { margin-left: -20px; } /* 4 span rows */ .row-4 { padding-left: 60px; } .row-4 :first-child { margin-left: -60px; } /* 8 span rows */ .row-8 { padding-left: 60px; } .row-8 :nth-child(4n+1) { margin-left: -60px; } .row-8 :nth-child(5n-1) { margin-right: 0; } .row-8 :nth-child(6n-1) { clear: both; } } @media all and (min-width: 1200px) { /* adjust width */ .col-1-8 { float: left; width: 12.5%; } /* 8 span rows */ .row-8 { padding-left: 140px; } /* reset these... */ .row-8 :nth-child(4n+1) { margin-left: 0; } .row-8 :nth-child(5n-1) { margin-right: 20px; } .row-8 :nth-child(6n-1) { clear: none; } /* and add this */ .row-8 :nth-child(1) { margin-left: -140px; } }

Как видно, в рамках условий медиазапросов фиксированное значение отступа (назовем его x) умножается на количество колонок в строке минус 1 (n-1), и такой отступ применяется к строке слева. У каждой колонки, кроме последней, задан фиксированный отступ справа (x). А первой колонки в строке задан отрицательный отступ (n-1)*x

Недостатки и ошибки

Необходимость в некоторых расчетах, к тому же способ становится непрактичен при увеличении количества колонок. К тому же при увеличении количества шагов (количество градаций медиазапросов, например на 1 колонку на строку, 4, 8…), нам необходимо сбрасывать CSS, и приходится использовать множество математических вычислений.

Еще одна интересная ошибка всплывает, когда у нас много плавающих элементов. Общая сумма отступов в какой-то момент может скомбинироваться, и элементы перенесутся на новую строку. Это можно видеть в случае с 8 колонками. Если поменять условие последнего медиа-запроса на минимальную ширину, меньше 1200px, то можно наблюдать данный баг в действии. Помните об этом. Но у этого способа есть и свои преимущества.

Преимущества и использование на практике

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

Primary Lorem ipsum dolor... Secondary Lorem ipsum dolor...

А CSS - так:

/* разметка */ .primary { margin-bottom: 20px; } @media all and (min-width: 600px) { .container { padding-right: 300px; } .primary { float: left; padding-right: 60px; width: 100%; } .secondary { float: right; margin-right: -300px; width: 300px; } }

А вот и демонстрация кода в действии на CodePen :

Способ 2: используем box-sizing: border-box

Этот способ использует всю силу box-sizing: border-box . Так как это свойство позволяет добавлять элементу поля без того, чтобы их значение влияло на общую ширину элемента, мы все еще можем добиться гибкой сетки с фиксированными “отступами”. Но здесь вместо использования свойства margin , мы будем использовать внутренние поля, которые будут играть роль отступов между элементами сетки.

Разметка:

Здесь мы обойдемся без головокружительной математики, так что наш CSS будет действительно простым. А вот и он, с возможностью разметки до 8 колонок:

/* сетка */ .row { margin: 0 -10px; margin-bottom: 20px; } .row:last-child { margin-bottom: 0; } { padding: 10px; } @media all and (min-width: 600px) { .col-2-3 { float: left; width: 66.66%; } .col-1-2 { float: left; width: 50%; } .col-1-3 { float: left; width: 33.33%; } .col-1-4 { float: left; width: 25%; } .col-1-8 { float: left; width: 12.5%; } }

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

Расширяем этот способ:

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

@media all and (min-width: 600px) { .col-1-8 { float: left; width: 25%; } .col-1-8:nth-child(4n+1) { clear: both; } } @media all and (min-width: 960px) { .col-1-8 { width: 12.5%; } .col-1-8:nth-child(4n+1) { clear: none; } }

Способ 3: используем табличное отображение

Этот способ реализует старое-доброе табличное поведение, но не ломая семантику или структуру. В этом методе видимые элементы отображаются по-умолчанию как блоки. Но при определенных размерах строки сетки становятся таблицами, а столбцы становятся ячейками таблицы. Давайте взглянем на разметку - она похожа на аналогичную из второго способа, но тут нам не нужен.clearfix:

И, соответственно, CSS:

/* сетка */ .row { margin: 0 -10px; margin-bottom: 10px; } .row:last-child { margin-bottom: 0; } { padding: 10px; } @media all and (min-width: 600px) { .row { display: table; table-layout: fixed; width: 100%; } { display: table-cell; } /* set col widths */ .col-2-3 { width: 66.66%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.33%; } .col-1-4 { width: 25%; } .col-1-8 { width: 12.5%; } }

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

Способ 4: Flexbox

Последний способ, который я опишу, использует модуль flexbox. Согласно MDN :

CSS3 Flexible Box, или flexbox - режим макета, предоставляющий возможность размещать элементы на странице так, что они ведут себя предсказуемо на различных размерах экрана и различных устройствах.

Flexbox предлагает множество различных возможностей, дающих нам мощный арсенал различных вариантов компоновки элементов. Сделать модуль flexbox адаптивным проще простого. Как и ранее, наша разметка выглядит так:

А теперь посмотрим на наш новый CSS:

/* grid */ .row { display: flex; flex-flow: row wrap; margin: 0 -10px; margin-bottom: 10px; } .row:last-child { margin-bottom: 0; } { padding: 10px; width: 100%; } @media all and (min-width: 600px) { /* set col widths */ .col-2-3 { width: 66.66%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.33%; } .col-1-4 { width: 25%; } .col-1-8 { width: 12.5%; } }

В данном случае для строк необходимо выставить свойство display в значение flex , а также указать свойство flex-flow. Полное определение и описание этих свойств доступно в документации MDN к flexbox . Для медиа-запроса мы просто меняем ширину колонок, а flexbox делает за нас остальное.

Заключение

Мы рассмотрели 4 способа создания адаптивных сеток на CSS, каждая со своими достоинствами и недостатками. Не существует абсолютного способа реализации того или иного действия, и я часто ловлю себя на том, что возникают ситуации, когда один способ подходит лучше другого, или мне нужно комбинировать несколько вариантов. Способы 1 и 2 - мои любимые, и я частенько использую их в своих проектах (основная разметка по методу 1, а адаптивные сетки по методу 2).

Как упоминалось ранее, третий способ имеет свои преимущества, но я предпочитаю использовать табличные макеты только тогда, когда это строго необходимо. Способ 4 прекрасен, и я жду не дождусь дня, когда я смогу перенести его на все свои проекты. Flexbox набирает обороты, но он поддерживается только в IE10 и выше. Для него есть полифиллы, но я предпочитаю обходиться без них. Хотя и сегодня есть сценарии, в которых flexbox будет превосходным решением (например, в мобильных браузерах, где нет IE).

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

На какие типы делятся элементы

Дело в том, что не все фрагменты на веб-странице – блоки. Элементы вообще делятся на блочные и строчные. Вторые могут спокойно записываться в одну строку и при этом им не нужно ничего дополнительно прописывать. Простой пример строчного элемента – ссылка. На одной строке может быть сколько угодно ссылок, пока они будут помещаться на ней.

Блочные элементы имеют абсолютно другое поведение. Без дополнительных манипуляций они не смогут стать в один ряд. Пример такого блока – абзац, который задается тегом p. Так вот, зачем я вам все это говорю? Это сказано для того, чтобы вы понимали – размер нужно задавать только блочным элементам, что мы и будем делать в этой статье.

Рис. 1. Основные свойства, которые помогают задать размер

Простые свойства для размеров

Самые простые свойства, которыми можно записать размеры – это width и height. Означают они, соответственно, ширину и высоту. К ним также можно дописывать префиксы min- и max-. В таком случае будет задаваться минимальная и максимальная ширина или высота соответственно.

Значения можно записывать в пикселях или в процентах. Иногда еще используется относительная единица em (высота шрифта), но обычно с ее помощью определяется величина текста. По умолчанию все сетки (главные структурные блоки шаблона), в которых размеры определяются в процентах, называют резиновыми. Также процентная запись помогает легко адаптировать шаблон, что тоже очень важно.

Размер в пикселях

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

#container{ width: 1000px; }

#container{ width : 1000px ;

Если записано так, то ширина контейнера не будет меняться ни под каким предлогом. При изменении масштаба или уменьшении окна она будет оставаться прежней. Размер сайта не уменьшится и при необходимости появится горизонтальная полоса прокрутки.

Это так называемые фиксированные шаблоны. Сегодня все еще много сайтов работают таким образом. Например, социальная сеть Вконтакте. Попробуйте на компьютере уменьшить размеры окна и вы увидите, что шаблон никак не меняется. Конечно, у Вконтакте есть отдельные версии для планшетов и смартфонов, поэтому они решили оставить фиксированный шаблон.

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

#container{ max-width: 1320px; }

#container{ max - width : 1320px ;

И что это значит? А то, что при необходимости блок будет уменьшаться. Если сжать окно, то он тоже уменьшится. В то же время, если разрешение экрана позволяет, ширина будет составлять 1320 пикселей ровно. Уменьшая окно вы не увидите горизонтальный скролл.

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

#container{ min-width: 600px; }

#container{ min - width : 600px ;

Если ширина окна станет меньше 600 пикселей, то блок перестанет сжиматься и появиться та самая горизонтальная полоса прокрутки.

Размер в процентах

Задавать величину в процентах становится все более популярным. При грамотном использовании это может принести отличное отображение сайта на разных устройствах.

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

#sidebar{ float: left; width: 28%; } #content{ float: right; width: 62%; }

#sidebar{ float : left ; width : 28 % ; #content{ float : right ; width : 62 % ;

В итоге сайдбар получит 28% ширины родительского элемента (а в нашем случае это общий контейнер), а основной блок – 62%. Их общая ширина составит 90%. Остальные 10 оставим на различные внешние и внутренние отступы, рамки и т.д.

Рис. 2. Резиновые блоки изменяют свои размеры при уменьшении окна в браузере

Как влияют отступы на размеры блоков

Когда вы задаете ширину какому-то блоку с помощью свойства width, это может быть далеко не окончательное значение. Дело в том, что так мы определяем ширину только той части, в которй непосредственно есть содержимое. Нужно помнить, что в css padding увеличивает размер блока, так же, как и рамка (border).

Допустим, возьмем боковую колонку. Мы дали ей 28% от всей ширины контейнера. Но чтобы содержимое в сайдбаре не прилипало к краям, ем нужно дать кое-какие отступы. Также, возможно, вы захотите добавить боковой колонке рамочку.

#sidebar{ padding: 10px 20px; border: 2px solid black; }

#sidebar{ padding : 10px 20px ; border : 2px solid black ;

Сделать адаптивный шаблон сайта достаточно просто, но поддерживать элементы в сбалансированном виде во всех точках изменения шаблона - вот что является настоящим искусством. В данном уроке представлены 5 методов для использования в CSS для адаптивного шаблона. Есть очень простые свойства CSS, такие как min-width , max-width , overflow и относительные значения, но они все играют важную роль в разработке адаптивных дизайнов.

1. Адаптивное видео

Данный трюк CSS позволяет встраиваемому видео растягиваться до установленных границ.

Video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

2. Минимальная и максимальная ширина

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

Контейнер со свойством max-width

В ниже приведенном примере определяется размер контейнера 800px, но устанавливается ограничение по размеру границу 90%.

Container { width: 800px; max-width: 90%; }

Адаптивное изображение

Можно сделать изображение с автоматически изменяющимся размером до максимальной величины с помощью свойств max-width:100% и height:auto .

Img { max-width: 100%; height: auto; }

Выше приведенный код для адаптивного изображения работает в IE7 и IE9, но не действует в IE8. Для исправления ситуации нужно добавить свойство width:auto . Можно использовать условное правило CSS специально для IE8 или ниже приведенный трюк для IE:

@media \0screen { img { width: auto; /* для ie 8 */ } }

Свойство min-width

Свойство min-width противоположно по действию свойству max-width . Оно устанавливает минимально возможную ширину элемента. Ниже приведен пример использования свойства min-width, чтобы поле ввода не становилось слишком маленьким при уменьшении масштаба.

3. Относительные значения

В адаптивном шаблоне использование относительных величин может существенно упростить код CSS и улучшить внешний вид дизайна.

Относительные поля

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

Относительный размер шрифта

С помощью относительных величин для размера шрифта (em или %) можно достаточно просто добиваться соответствующего изменения высоты строк и размеров отступов при адаптации шаблона под размер экрана устройства. Например, размеры всех связанных элементов автоматически изменяются при установке новых размеров размера шрифта для родительского элемента.

Относительные отступы

Нижеприведенный рисунок демонстрирует преимущества использования относительного значения в % для отступов. Блок слева имеет несбалансированное пространство при применении абсолютных величин в px. Блок справа имеет отличный вид с пропорциональным заполнением содержанием.

4. Трюк со свойством overflow:hidden

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

Свойство max-width помогает разместить неломающийся текст (например, длинный адрес URL) в несколько строк вместо одной.

Break-word { word-wrap: break-word; }

В толпо-“элитарном” обществе и в толпо-“элитарных” общественных организациях (движениях и политических партиях) на программно-адаптивный модуль возлагается функция воплощения в жизнь программы (концепции), получаемой им от предиктора-кор­рек­то­ра, которую программно-адаптив­ный модуль однако только использует в своей деятельности, будучи не в праве изменить её. Соответственно, изменения и дополнения, неизбежно вносимые в «спу­щен­ную сверху» программу действий при её осуществлении, в общем случае рассматриваются как антисистемный фактор. Это находит свое выражение в известной поговорке: «иници­а­ти­ва наказуема», - которая отражает основной принцип отбора кадров на руководящие должности в структурах программно-адаптивного модуля толпо-“элитарных” обществ: продвижение наверх - исполнительных, но безынициативных - на первые роли; способных к инициативе, но таких, что приучены сдерживать свою инициативность из страха (под­дают­ся шантажу по оглашению и шантажу по умолчанию), согласуя свою инициативность с высказанными и не высказанными, но угаданными ими пожеланиями более высокого начальства, - на вторые роли заместителей и помощников; инициативных, знающих и умеющих работать, но не желающих либо не приученных подлаживаться под вышестоящее начальство, - на должности подчинённых, предназначение которых - быть «маль­чи­ками для битья» в обыденных обстоятельствах и кадровым резервом руководителей для спасения дела, если это потребуется, в случае, когда безынициативные руководители-исполни­тели и их “сдер­жан­ные” заместители и помощники доведут дело до грани краха 1 .

Наше отличие от толпо-“элитарных” общественных организаций состоит, прежде всего, в том, что предиктор-корректор, несущий полноту концептуальной власти, в Концепции общественной безопасности структурно не локализован, не обособлен и пребывает как вне структур общественных организаций, поддерживающих Концепцию общественной безо­пасности в Богодержавии, так и внутри них.

Это - нормальное положение для всякой антитолпо-“элитар­ной” общественной организации, проистекающее из самовластного по её природе характера концептуальной власти, возникающей как общественная инициатива тех людей, чувствам которых полная функция управления общественной в целом значимости открыта для восприятия даже в том случае, если они и не охватывают её своим миропониманием. Общественная инициатива возникает и действует на основе прямых личностных отношений разных людей, в силу чего она неизбежно носит неформальный характер: организационные формы всякий раз порождаются самою деятельностью сообразно обстоятельствам и во многом обусловлены личностными особенностями делателей 1 .

Этот общественно-инициативный характер предиктора-корректора, охватывающий все этапы полной функции управления, если и не исключает полностью для имитаторов-провокаторов возможность возглавить ту или иную структуру, то исключает возможность извратить характер деятельности этой структуры, поскольку имитатор-провокатор, дорвавшийся до административной власти, неизбежно столкнётся с проявлениями реальной концептуальной власти, исходящей не «сверху», а «сни­зу». В результате этого он либо будет отстранён от должности, либо структура, которую ему удастся возглавить, разрушится или обезлюдеет, и в ней не останется никого, кроме её номинальных руководителей, сидящих на папках с разного рода отчётностью о проделанной “работе”.

Нам не следует бояться такого рода исчезновения обезлюдевших структур, а к их гибели нам не следует относиться как к краху дела продвижения Концепции общественной безопасности в жизнь. Просто при невозможности преодолеть тенденцию к извращению деятельности структуры, которую смогли возглавить имитаторы-про­во­каторы, при невозможности отстранить их от руководства необходимо целенаправленно осуществить процесс её ликвидации и возобновления деятельности новой структуры под руководством иных координаторов 1 .

Соответственно этому обстоятельству руководители структур, действующих в русле Концепции общественной безопасности, обязаны прежде всего прочего быть людьми, чувствующими течение жизни и вдумчивыми, чтобы отличать (и поддерживать мощью структурного управления) личную инициативу рядовых участников структур и ниже стоящих руководителей, в которой выражается концептуальная властность структурно нелокализованного предиктора-корректо­ра , от всевозможных «системных шумов» непрестанного выражения несогласия со всяким мнением всякого начальства и от наведённых извне помех, что так или иначе свойственно деятельности всех структур в обществе; тем более, что и проявления концептуальной властности, и системные шумы с наведёнными извне помехами внешне могут выглядеть очень похоже, а в ряде случаев несогласие с мнением руководства может быть отчасти концептуально властной инициативой, а отчасти системным шумом и внешними помехами.

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

Через выявленные ошибочные по отношению к Концепции общественной безопасности писаные и неписаные уставные положения следует переступить в инициативном порядке поддержания концептуальной самодисциплины и осуществления концептуальной власти в Богодержавии.

Соответственно этому руководители структур должны понимать и действовать в согласии с тем, что структуры предназначены не для удовлетворения их личностных “велико­кня­жеских” амбиций, а для согласования в русле Концепции общественной безопасности личной инициативы множества рядовых участников структур, из среды которых исходит во всей её полноте высшая внутриобщественная власть - власть концептуальная, действующая по принципу, выраженному А.С.Пушкиным: «волхвы не боятся могучих владык, а княжеский дар им не нужен» (помните, как дальше? чувствуете ли это в единстве жизни своего внутреннего и общего всем внешнего мира?) 1 ; а руководители структур обеспечивают функционирование только программно-адаптивного модуля концепции и в Концепции общественной безопасности в Богодержавии должны делать это в согласии с концептуальной властью, а не пытаться обуздывать и подавлять её 2 с упорством, достойным лучшего применения: иначе им - смерть (во всех смыслах: от политической до физической) от “коня” своего.

Руководители структур в Концепции общественной безопасности - по предназначению своему не диктаторы, от которых только и может исходить легитимная для участников структур инициатива, а координаторы вполне легитимной инициативы всех без исключения участников структур в русле Концепции. Руководители, как и все прочие участники структур, имеют право на инициативу, но их инициатива по своему качеству, рассматриваемому вне связи с занятием ими руководящих должностей, ни чуть не лучше и не хуже инициативы других участников структур. И это должны понимать и жить в согласии с этим все участники Движения для того, чтобы “князья” - великие и малые - не обросли опекунами, приставленными к ним от чуждых концепций, и не распустились в своей демонической вседозволенности, а организационные структуры, осуществляющие Концепцию общественной безопасности, не постигла судьба организационных структур КПСС, утративших большевистскую дееспособность и ставших антинародными.

Всё, что сказано ранее в начале этого раздела о роли руководителей партийных и государственных структур, этических нормах, которым они должны следовать в отношении рядовых партийцев и простых граждан, об инициативе народных масс, критике «снизу» и т.п. (кроме упоминания концептуальной власти и полной функции управления, осуществляемых в жизни общества) так или иначе многократно говорилось и в советском прошлом на протяжении всей истории КПСС и Советской власти. Но во всём этом обходилось молчанием следующее:

Все эти обстоятельства, выражающие необходимость защиты самоуправления концептуально властного над самим собой общества по полной функции, отрицают нравственно-этические и организационные принципы и выражающие их уставные положения, свойственные для общественных организаций и политических партий толпо-“элитарного” характера, включая и РСДРП - РСДРП (б) - РКП (б) - ВКП (б) - КПСС - КПРФ на всех этапах её существования 1 .

Соответственно это требует при проведении в жизнь Концепции общественной безопасности в Богодержавии главенства иных принципов сплочения участников общественных организаций, структуры которых входят в её программно-адаптив­ный модуль . 2

К настоящему времени программно-адаптивный модуль Концепции общественной безопасности представлен двумя общероссийскими структурами:

Народным движением “К Богодержавию” и

Всенародной партией мирной воли “Единение”.

Это приводит к необходимости построить работу народного движения и политической партии в русле общей для них Концепции общественной безопасности в Богодержавии так, чтобы они взаимно дополняли друг друга. А для этого необходимо определиться в функциональном и организационном отличии общественного движения от политической партии.

Для того, чтобы не ошибиться в их функциональном разграничении следует проанализировать историю продвижения Концепции общественной безопасности в Богодержавии в общество на протяжении последних десяти лет от времени завершения первой редакции “Мёртвой воды” в конце июня 1991 г.

Всё это время предиктор-корректор действовал и действует как общественная инициатива, которая не нуждается в каких бы то ни было неизменных организационных формах и уставных документах, регламентирующих должностные обязанности и порядок взаимного подчинения и ответственности её участников (персональный состав которых в силу разных причин меняется на протяжении всего времени). Всё это время предиктор доводил и доводит материалы Концепции до сведения как частных лиц, так и должностных лиц структур государства, общественных организаций и политических партий как в границах России, так и за её пределами 1 . Руководство ни одной из них до настоящего времени не заявило о принятии Концепции общественной безопасности к исполнению, не довело материалы Концепции до сведения руководства подчинённых структур и до сведения их рядовых участников 2 .

В процессе такого рода (просветительской по её существу) деятельности участников предиктора возник достаточно широкий круг лиц, которые, ознакомившись с материалами Концепции, нашли, что она выражает жизненные интересы их самих, других добросовестных тружеников и последующих поколений, открывая возможности к разрешению кризиса, к которому пришло человечество к концу ХХ века под концептуальной властью библейской доктрины и её хозяев. Именно у таких противников библейской доктрины возникла потребность обеспечить гарантированный, быстрый и предсказуемыйдоступ к материалам Концепции как для самих себя, так и для тех, кого они желают ознакомить с ними. Так случайный -не предсказуемый и не гарантированный- доступ к материалам Концепции, на основе которого они сами познакомились с нею, перестал отвечать потребностям социального времени, порождаемого Концепцией. И целенаправленными усилиями таких людей были созданы постоянно действующие структуры, устойчиво обеспечивающие обмен информацией среди сторонников Концепции общественной безопасности, живущих в разных регионах России и русскоязычного зарубежья (этот обмен включает в себя и контуры прямых и обратных связей общенародного предиктора-корректора Концепции общественной безопасности, о чём не следует забывать). Так возникло ныне юридически зарегистрированное Народное движение “К Богодержавию”. Действуя с 1997 г., Движение “К Богодержавию” доказало свою эффективность в качестве системы, поддерживающей процесс самообразования людей в смысле развития их мировоззрения и миропонимания, способствующих их переходу к человечному строю психики и преображению их целесообразными усилиями культуры общества .

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

И это свое значение Движение будет сохранять, по крайней мере до тех пор, пока доступ к Интернету не будет столь же массовым, как ныне доступ к просмотру телевизионных программ и прослушиванию программ радиовещания, или пока система общего и специального образования (в смысле обучения владению знаниями и навыками) не перейдёт от кодирующей педагогики (формиру­ю­щей тип строя психики зомби), к активной помощи учащимся в их самообразовании (в смысле формирования человечного строя психики как основы для самообучения владению знаниями и навыками в темпе возникновения личностно и общественно значимых потребностей) . Когда сложатся такие общественные обстоятельства, те потребности, которые ныне удовлетворяют структуры Движения “К Богодержавию”, будут удовлетворяться в обществе иными способами, вследствие чего структуры Движения в их нынешнем виде станут либо никчемными и потому исчезнут, либо возьмут на себя какие-то иные общественно значимые функции и тем самым сохранят себя, но в каком-то ином качестве.

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

Иными словами, решая те задачи, которые в прошлом должны были решать структуры общества “Знание”, Движение “К Богодержавию” не является ни политической партией, ни «беспартийной» партией власти. Однако при этом, когда Движение стало достаточно многочисленным и охватило многие регионы России, у многих его участников возникла потребность непрестанно воплощать Концепцию в реальную политику российской государственности как на уровне государства в целом, так и на уровне регионов РФ, местного общественного самоуправления и в трудовых коллективах.

Возникновение этой потребности выражает нравственно-эти­чес­кую готовность какой-то части участников Движения к такого рода фактически профессиональной (как минимум в ранге второй профессии по совместительству с основной) общественно значимой управленческой деятельности в государственных учреждениях, в частном предпринимательстве, в среде трудовых коллективов.

При этом необходимо понимать, что не все участники Движения несут в себе готовность к такого рода деятельности и осознают ответственность за неё по совести перед Богом и другими людьми не потому, что они якобы плохи, “второсортны”, а просто в силу того, что в Движение постоянно включаются новые люди, которые только-только проявили интерес к Концепции, и только-только начинают изучать и осваивать её материалы. В силу этого обстоятельства Движение в целом не может функционировать как инструмент воплощения идеалов Концепции в реально осуществляемую политику государства. И это является принципиальным свойством Движения, вытекающим из возложенной на него функции - обеспечивать гарантированный быстрый доступ к материалам Концепции заинтересованным лицам, большей частью с не устоявшимися мировоззрением, миропониманием и алгоритмикой психики, первоочередная задача которых, прежде всего прочего, - осмысление и переосмысление своей личной жизни и жизни общества, переустройство своих мировоззрения и миропонимания, преображение алгоритмики своей психики. Пока они не совершат каждый сам некоего минимума (для каждого своего) такого рода работы над собой, они объективно не способны к непреклонной концептуальной самодисциплине и к выражающей её профессиональной политической деятельности в русле Концепции общественной безопасности.

Именно из обусловленной этим обстоятельством объективной неспособности Движения решать задачи, которые в нынешних государственно-организационных формах решают политические партии, и возникает потребность некоторой части его участников (тех, кто в основном преодолел каждый свой кризис мировоззрения и миропонимания) в организации политической партии как инструмента, предназначенного для повсеместного профессионального воплощения идеалов Концепции в повседневную политику государственности Русской цивилизации в целом и на местах, а также в разнородное общественное самоуправление .

И эти две функции:

обеспечивать гарантированный быстрый доступ к материалам Концепции заинтересованным лицам;

быть инструментом воплощения идеалов Концепции в реальную политику государственности Русской цивилизации в её исторически сложившихся к настоящему времени формах,

Смешивать в функциональной нагрузке одной структуры вредно для дела воплощения в жизнь идеалов Концепции общественной безопасности. Вредно потому, что жизнь выдвигает несовместимые критерии оценки качества управления в деятельности Движения “К Богодержавию” и в деятельности политической партии “Единение”, что в свою очередь предопределяет и своеобразие принципов построения Движения, отличающих его от своеобразия принципов построения политической партии.

всякий человек, как-то что-то узнавший о существовании Концепции общественной безопасности и услышавший где-то о существовании Движения “К Богодержавию”, обратившись к представителям какой-либо из его структур лично или по почте, получил литературу, по которой он может ознакомиться с Концепцией настолько широко и детально, насколько посчитает для себя необходимым. Что он будет делать после этого: вступит ли в Движение; не вступит, но будет жить и действовать в русле Концепции; выступит её противником; останется безучастным; сразу воспарит до осуществления концептуальной власти в структурно не локализованном Общенародном Предикторе-Корректоре СССР, - всё благо, ибо Бог знает, кто и на что способен и имеет право в его жизненных обстоятельствах при его жизненном опыте, и что и кому можно попустить, а кого и в чём следует поддержать;

участники Движения работают над концептуальной литературой самостоятельно; участвуют в семинарах, проводимых Движением; при обсуждении среди своих близ­ких, друзей и знакомых событий в жизни России и зарубежья не стесняются и не боятся ссылаться на материалы Концепции и освещают с её позиций ту проблематику, которая стала предметом обсуждения (плохо, если при этом они не излагают своё мнение, предоставляя собеседникам информацию к размышлению, а стремятся добиться от окружающих, во-первых, выражения безусловного согласия с их мнением и, во-вторых, последующих действий в соответствии с выраженным согласием вопреки реальному миропониманию людей, уподобляясь тем самым гражданским и военным политработникам КПСС советской эпохи: это было бы построением внутренне напряженных систем отношений, в деятельности которых имитационно-провокационная составляющая стала бы господствующей) ;

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

Если эта работа проводится участниками Движения праведно, то количество участников Движения и поддерживающих его сторонников, по каким-либо причинам не пожелавших оформить свое членство в Движении, будет расти; нравственно-мировоззренческие позиции Концепции общественной безопасности в обществе будут расширяться, её неформальное влияние будет усиливаться. Этого вполне достаточно для Движения.

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

Основным же предназначением нашей политической партии является систематическая (т.е. профессиональная, а не от случая к случаю) разнородная деятельность по орга­ни­зации общественного самоуправления (включая и государственное управле­ние в целом и на местах) в русле Концепции общественной безопасности как таковой 1 в условиях целенаправленного противодействия политических партий и политических мафий, поддерживающих в своей деятельности несовместимые с КОБ иные концепции устройства общественной жизни, а также в условиях разнородного гомона и возбуждаемой искусственно противниками КОБ разнородной активности той части общества, которая всё еще является толпой, живущей по преданию и рассуждающей по авторитету личностей и внедрённых в культуру разнородных догм .

На взгляд ВП СССР, такая формулировка предназначения концептуально властной партии лучше, нежели список, в котором перечислены основные задачи, которые партия должна решать в своей деятельности. Такого рода задачи должны перечисляться даже не в Программе концептуально властной партии, определяющей её стратегию на исторически продолжительную перспективу, а в её планах деятельности на вполне определённый, не очень продолжительный срок между последовательными съездами. Это позволит иметь всегда актуальную и сообразную обстоятельствам программу действий, а не псевдопрограм­му партии, в которой перемешаны те задачи, которые еще только предстоит решать в отдалённой перспективе, те, которые уже решены в прошлом, но которые “забыл” вычеркнуть очередной съезд, и те, которые решаются в настоящем. И в том, что такого рода мешанина была свойственна послесталинским программам КПСС, одна из причин застоя 1 и развала СССР.

Привет, друзья! Количество мобильных пользователей растет с каждым днем. Да, это уже затертая до дыр фраза, но скоро придет время, когда сайты будут создавать под мобильники, а адаптировать их уже под персональные компьютеры =) .

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

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

Время идет, меняются не только устройства, но и люди. Вот и я недавно поймал себя за тем, что начал выбирать товар в интернет-магазине не со стационарного компьютера, а с телефона . Мобильность беспощадна! Она захватывает мир, и уверен, что скоро у нее это получится сделать практически полностью.

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

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

Например, у вас в конце материала стоит NetBoard 580 на 400. Вы заходите на страницу с мобильника и видите, что он не вписывается в ширину. Что же, прекрасно, есть адаптивный блок. Вы ставите его, а через несколько дней замечаете, что реклама отображается корректно, но доход от данного канала упал.

Решение есть! Google позаботился об этом. Необходимо указать свои размеры для каждого разрешения, под которое оптимизирован ваш проект. Вот небольшой код (разрешен официально), который каждый может подстроить под свои нужды.

< style> . izmenite_imya1 { width: 320px; height: 100px; } @ media(min- width: 500px) { . izmenite_imya1 { width: 336px; height: 280px; } } @ media(min- width: 800px) { . izmenite_imya1 { width: 580px; height: 400px; } } < script async src= "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" > < ins class = "adsbygoogle izmenite_imya1" style= "display:inline-block" data- ad- client= "ca-pub-SVOJ-NOMER" data- ad- slot= "SVOJ-NOMER" > < script> (adsbygoogle = window. adsbygoogle || ) . push({ } ) ;

.izmenite_imya1 { width: 320px; height: 100px; } @media(min-width: 500px) { .izmenite_imya1 { width: 336px; height: 280px; } } @media(min-width: 800px) { .izmenite_imya1 { width: 580px; height: 400px; } } (adsbygoogle = window.adsbygoogle || ).push({});

В первую очередь, необходимо создать свой адаптивный блок в панели адсенс. Взять из кода ca-pub (идентификатор издателя) и data-ad-slot (идентификатор рекламного блока).

Затем нужно поменять уникальное название (в моем случае izmenite_imya1) на свое - 5 штук. Для каждого блока нужно придумывать свое название. Можно использовать английские буквы (начинать нужно с буквы), цифры и подчеркивания.

В приведенном примере:
- на ширине экрана меньше 500 будет показываться объявление 320 на 100 (большой мобильный баннер);
- от 500 до 800 - 336 на 280 (большой прямоугольник);
- от 800 и больше - 580 на 400 (Netboard).
Если вас устраивают разрешения и приведенные форматы, то можете оставить как есть. Если нет, то меняете указанные цифры на свои.

Вставляете полученный код на страницы сайта и проверяете корректность размещения. По необходимости редактируете размеры и разрешения.

Адаптируем адаптивный блок в РСЯ

Как я уже , стандартный адаптивный RTB-блок рекламной сети Яндекса по факту таковым не является . Проблема №1 - реклама отображается в фиксированном контейнере, который не оптимизирован под мобильные устройства. Проблема №2 - отображаемый контекст и графические баннеры выравниваются по левому краю (все это не так уж и легко центрировать).

Яндекс также позаботился об этом. Приведенный ниже код (официальный) центрирует объявления и сделает их по-настоящему адаптивными.

< div style= "text-align:center;" > < div id= "yandex_ad" style= "display: inline-block;" > < div id= "yandex_rtb_R-A-SVOJ-NOMER" class = "yandex-adaptive" > < script type= "text/javascript" > (function (w, d, n, s, t) { w[ n] = w[ n] || ; w[ n] . push(function () { Ya. Context. AdvManager. render({ blockId: "R-A-SVOJ-NOMER" , renderTo: "yandex_rtb_R-A-SVOJ-NOMER" , async: true } ) ; } ) ; t = d. getElementsByTagName("script" ) [ 0 ] ; s = d. createElement("script" ) ; s. type = "text/javascript" ; s. src = "//an.yandex.ru/system/context.js" ; s. async = true ; t. parentNode. insertBefore(s, t) ; } ) (this, this. document, "yandexContextAsyncCallbacks" ) ;

(function(w, d, n, s, t) { w[n] = w[n] || ; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-SVOJ-NOMER", renderTo: "yandex_rtb_R-A-SVOJ-NOMER", async: true }); }); t = d.getElementsByTagName("script"); s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");

Дополнительно в style.css (в любое место) нужно добавить:

@media screen and (max-width : 500px ) { .yandex-adaptive { width : 320px ; height : 100px ; } } @media screen and (max-width : 800px ) { .yandex-adaptive { width : 300px ; height : 250px ; } } @media screen and (max-width : 1024px ) { .yandex-adaptive { width : 336px ; height : 280px ; } }

@media screen and (max-width: 500px) { .yandex-adaptive { width:320px; height:100px; } } @media screen and (max-width: 800px) { .yandex-adaptive { width:300px; height:250px; } } @media screen and (max-width: 1024px) { .yandex-adaptive { width:336px; height:280px; } }

В первую очередь, замените кусок "SVOJ-NOMER" на идентификатор своего RTB-блока (4 шт).

Если вам не нужно центрирование, то удалите 2 первые и 2 последние строчки кода.

В приведенном примере:
- на экрана меньше 500 будет отображаться блок 320 на 100;
- от 500 до 800 - 300 на 250;
- от 800 до 1024 - 336 на 280;
- от 1024 - те размеры, которые вы установили при создании RTB-блока.

Сохраняете код и внедряете его на свой ресурс. Не забудьте обновить style.css.

После реализации доработанных кодов Google Adsense и РСЯ вы получите желаемую рекламу, которая оптимизирована под большинство мобильных устройств.

Адаптивный шаблон или мобильная версия?

Больше года назад я уже . Тогда получилась вот такая таблица.

Прошло достаточно большое количество времени и ответы на некоторые критерии тоже изменились. Например, монетизация с адаптивным дизайном более удобно (достаточно один раз настроить рекламный код).

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

• нельзя указать отображение определенных компонентов дизайна для популярных разрешений - только 1 версия;
• взаимодействие с сайтом. Некоторые элементы приходится менять 2 раза: на основном и мобильном шаблоне (не совсем удобно, о чем-то можно забыть).
• если мобильная версия реализована на поддомене, то все это усложняется редиректами, сложностью ранжирования разных версий и так далее.

Таким образом:

вариант с m.site.ru - менее предпочтителен.

Далее идет мобильная версия с отдельным шаблоном .

Самым привлекательным вариантом, который советует и Google - , который имеет один код, подстраивающийся под размеры экрана. Подобная тема имеет одинаковые URL и с ней легко работать.

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

Раньше можно было не беспокоиться за код, который отдавался мобильным устройствам. Главное, чтобы он корректно отображал сайт и быстро загружался. С недавнего времени Google стал тестировать в качестве основного индекса именно мобильный. Теперь нужно задумываться и о качестве отдаваемого кода, а также его оптимизации под поисковые системы: title, description, canonical, meta name="robots" и так далее.

Приведу пример, который мне недавно попался при аудите сайта. Основной код включал в себя и мобильный. Дело в том, что из-за этого в нем дублировались категории, меню, телефоны, ссылки в футере и так далее (одни элементы были для ПК, другие - для телефонов). Во-первых, это абсолютно лишние элементы. Во-вторых, подобная реализация попахивает клоакингом. Скриншот небольшого куска html-кода.

Соответственно, так делать совершенно неправильно. Код должен быть без дублей структурных элементов. Когда вы заказываете адаптивный дизайн или мобильную версию, то уточняйте этот момент и проверяйте после получения готового шаблона. Проверку можно сделать во всем известной Google Search Console (Раздел "Посмотреть как Googlebot").

Здесь нужно осуществить сканирование ("Получить и отобразить") основных структурных страниц, например, главная, статья, категория, пагинация и так далее для "Mobile: Smartphone". Дополнительно можно сканировать и ПК для сравнения версий.

Жмем "Частично выполнено" и переходим на вкладку "Сканирование". Получаем код, который отдается мобильным устройствам.

Проверяем основные элементы оптимизации страницы, теги, наличие/отсутствие структурных дублей и тому подобное. Для удобства полученный код можно скопировать, например, в текстовый редактор notepad++ и проводить анализ уже там.

Переход Гугла на мобильный индекс достаточно серьезный шаг. Дело в том, что и ранжирование должно претерпеть изменения. Например, мобильный индекс будет контентно более компактен, в нем будет меньше ссылок. То же самое можно сказать про поведенческие метрики: пользователь за ПК и мобильным устройством на одной и той же странице ведет себя по-разному. Интересно, как с этим справится интернет-гигант ?

AMP - что это за "зверь"?

AMP (Accelerated Mobile Pages) или ускоренные мобильные страницы - относительно новая технология, которую продвигает Google. Заключается в том, чтобы мобильному посетителю отдавать максимально облегченный документ. Подобные страницы после индексации хранятся в специальном кеше поисковой системы.

Какие плюсы у технологии?

• Существенно вырастает скорость загрузки сайта.
• Пользователю показывается только самое важное. Ему, конечно же, будет это нравится.
• В будущем при ранжировании google потенциально будет давать приоритет AMP (вслед за всем известным https).

Есть и существенные минусы:

Получается урезанная версия ресурса.

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

Нужно проследить, чтобы новые документы не попали в выдачу: корректность canonical, отсутствие AMP в sitamap и т.д.

В одном из ближайших постов данную технологию я разберу подробнее. Если она вас заинтересовала, то справку по ней вы сможете найти в той же Google Search Console ("Вид в поиске" -> "Ускоренные мобильные страницы (AMP)").

На сегодня все. Надеюсь, что информация была полезна, и вы серьезно задумались над адаптацией под мобильные устройства, а также приступите к внедрению, действительно, адаптивных рекламных блоков Google Adsense и РСЯ. Жду ваши мнения и отзывы в комментариях !