<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Энциклопедия Медер</title>
		<link>http://prodvig.at.ua/</link>
		<description></description>
		<lastBuildDate>Sat, 15 Jul 2017 18:53:30 GMT</lastBuildDate>
		<generator>uCoz Web-Service</generator>
		<atom:link href="https://prodvig.at.ua/news/rss" rel="self" type="application/rss+xml" />
		
		<item>
			<title>Партнерская программа ePochta</title>
			<description>&lt;p&gt;Попробуйте &lt;a href=&quot;http://www.epochtasms.ru/#596a642c2a73e&quot;&gt;sms рассылки&lt;img alt=&quot;Сервис массовых смс рассылок&quot; src=&quot;http://www.epochtasms.ru/images/logo_lt_p1.png&quot; width=&quot;94&quot; /&gt;&lt;/a&gt;от ePochta&lt;/p&gt;</description>
			<content:encoded>&lt;p&gt;Попробуйте &lt;a href=&quot;http://www.epochtasms.ru/#596a642c2a73e&quot;&gt;sms рассылки&lt;img alt=&quot;Сервис массовых смс рассылок&quot; src=&quot;http://www.epochtasms.ru/images/logo_lt_p1.png&quot; width=&quot;94&quot; /&gt;&lt;/a&gt;от ePochta&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/partnerskaja_programma_epochta/2017-07-15-37</link>
			<category>Партнерские программы</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/partnerskaja_programma_epochta/2017-07-15-37</guid>
			<pubDate>Sat, 15 Jul 2017 18:53:30 GMT</pubDate>
		</item>
		<item>
			<title>Партнерская программа конструктора сайтов uKit</title>
			<description>&lt;p&gt;&lt;a href=&quot;https://affiliates.ukit.com/?flow=1458&quot;&gt;&lt;img src=&quot;https://affiliates.ukit.com/images/One-left_1000x120.jpg&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description>
			<content:encoded>&lt;p&gt;&lt;a href=&quot;https://affiliates.ukit.com/?flow=1458&quot;&gt;&lt;img src=&quot;https://affiliates.ukit.com/images/One-left_1000x120.jpg&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/partnerskaja_programma_konstruktora_sajtov_ukit/2017-07-15-36</link>
			<category>Партнерские программы</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/partnerskaja_programma_konstruktora_sajtov_ukit/2017-07-15-36</guid>
			<pubDate>Sat, 15 Jul 2017 18:28:28 GMT</pubDate>
		</item>
		<item>
			<title>валідатор</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Валідатор (часто просто валідатор, від англ. Validator) - комп&apos;ютерна програма, яка перевіряє відповідність будь-якого документа, потоку даних, або фрагмента коду певного формату, перевіряє синтаксичну коректність документа або файлу - тобто, виробляє валідацію. Термін широко використовується для позначення програм, які перевіряють коректність HTML-, XHTML-, XML-документів, RSS-стрічок, однак може бути використаний у випадку будь-формату або мови. Існують суміщені валідатори, які перевіряють веб-сторінки за декількома стандартами одночасно, наприклад, поєднаний валідатор W3C Unicorn&lt;/span&gt;&lt;/p&gt;</description>
			<content:encoded>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Валідатор (часто просто валідатор, від англ. Validator) - комп&apos;ютерна програма, яка перевіряє відповідність будь-якого документа, потоку даних, або фрагмента коду певного формату, перевіряє синтаксичну коректність документа або файлу - тобто, виробляє валідацію. Термін широко використовується для позначення програм, які перевіряють коректність HTML-, XHTML-, XML-документів, RSS-стрічок, однак може бути використаний у випадку будь-формату або мови. Існують суміщені валідатори, які перевіряють веб-сторінки за декількома стандартами одночасно, наприклад, поєднаний валідатор W3C Unicorn&lt;/span&gt;&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/validator/2017-06-04-35</link>
			<category>HTML</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/validator/2017-06-04-35</guid>
			<pubDate>Sun, 04 Jun 2017 13:59:30 GMT</pubDate>
		</item>
		<item>
			<title>БЭМ</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;БЕМ (Блок-Елемент-Модифікатор) - методологія web-розробки, а також набір інтерфейсних бібліотек, фреймворків і допоміжних інструментів.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Блок - це незалежний інтерфейсний компонент. Блок може бути простим або складеним (містити інші блоки). При створенні блоку потрібно забезпечувати можливість його використання в будь-якому місці web-сторінки, а також повторення на тій же самій сторінці. Блок повинен включати в себе всю реалізацію, необхідну для подання частини інтерфейсу, яку він висловлює.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Елемент - це складова частина блоку. Елементи контекстно-залежні: вони мають сенс тільки в рамках свого блоку. Елемент - обов&apos;язкова складова блоку, невеликі блоки обходяться без елементів.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Модифікатор - це властивість блоку або елементу, що задає зміни в їх зовнішньому вигляді або пове...</description>
			<content:encoded>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;БЕМ (Блок-Елемент-Модифікатор) - методологія web-розробки, а також набір інтерфейсних бібліотек, фреймворків і допоміжних інструментів.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Блок - це незалежний інтерфейсний компонент. Блок може бути простим або складеним (містити інші блоки). При створенні блоку потрібно забезпечувати можливість його використання в будь-якому місці web-сторінки, а також повторення на тій же самій сторінці. Блок повинен включати в себе всю реалізацію, необхідну для подання частини інтерфейсу, яку він висловлює.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Елемент - це складова частина блоку. Елементи контекстно-залежні: вони мають сенс тільки в рамках свого блоку. Елемент - обов&apos;язкова складова блоку, невеликі блоки обходяться без елементів.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Модифікатор - це властивість блоку або елементу, що задає зміни в їх зовнішньому вигляді або поведінці. Модифікатор може бути булевим (наприклад, button_big) або парою ключ-значення (наприклад, menu_type_bullet, menu_type_numbers). У блоку або елементу може бути кілька модифікаторів одночасно.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;БЕМ пропонує загальну семантичну модель для всіх технологій, що використовуються у фронтенд розробці (HTML, CSS, JavaScript, шаблони і ін.)&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Використовуючи поняття &amp;laquo;блок&amp;raquo;, &amp;laquo;елемент&amp;raquo; і &amp;laquo;модифікатор&amp;raquo; можна описати деревоподібну структуру документа. Такий опис називається BEM tree і є семантичним представленням інтерфейсу, абстракцією над DOM tree.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;В HTML / CSS блоки, елементи і модифікатори представлені у вигляді CSS-класів, названих відповідно до правил іменування (naming convention). Кілька блоків можуть бути розташовані на одному і тому ж DOM-вузлі, в цьому випадку DOM-вузлу призначається 2 CSS-класу. На одному DOM-вузлі також можуть бути одночасно розташовані блок і елемент іншого блоку.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;CSS-клас блоку відповідає імені блоку. Для поділу слів в складних іменах блоків використовується дефіс.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;header&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;menu&quot;&amp;gt; ... &lt;/ ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;button&quot;&amp;gt; ... &lt;/ span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;tabbed-pane&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;CSS-клас елемента містить ім&apos;я блоку і ім&apos;я елемента, розділені двома знаками underscore.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;header&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;Div class = &quot;header__bottom&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;menu&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;Li class = &quot;menu__item&quot;&amp;gt; ... &lt;/ li&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;button&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;Input class = &quot;button__control&quot;&amp;gt; ... &lt;/ input&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;tabbed-pane&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;Div class = &quot;tabbed-pane__panel&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;CSS-клас модифікатора містить ім&apos;я блоку і ім&apos;я модифікатора, розділені одним знаком underscore. У тому випадку, якщо модифікатор - це пара ключ-значення, вони теж поділяються знаком underscore. Для модифікатора елемента в CSS-класі зберігаються і ім&apos;я блоку, і ім&apos;я елемента. CSS-клас модифікатора використовується в парі з класом свого блоку (або елемента).&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;header header_christmas&quot;&amp;gt; ... &lt;/ div&amp;gt; &lt;! - Christmas edition of the header -&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;menu&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;Li class = &quot;menu__item menu__item_current&quot;&amp;gt; ... &lt;/ li&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;button button_theme_night&quot;&amp;gt; ... &lt;/ span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;tabbed-pane tabbed-pane_disabled&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Альтернативні правила іменування були запропоновані Гаррі Робертсом [1]. Він радить використовувати 2 дефіса для поділу імен блоку і модифікатора.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;header header - christmas&quot;&amp;gt; ... &lt;/ div&amp;gt; &lt;! - Christmas edition of the header -&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;menu&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;Li class = &quot;menu__item menu__item - current&quot;&amp;gt; ... &lt;/ li&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;/ Ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;button button - theme-night&quot;&amp;gt; ... &lt;/ span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;tabbed-pane tabbed-pane - disabled&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Деякі правила іменування рекомендують використовувати префікси. Так, все класи блоків можуть починатися з префікса b-.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;b-header&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;b-menu&quot;&amp;gt; ... &lt;/ ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;b-button&quot;&amp;gt; ... &lt;/ span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;b-tabbed-pane&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Іноді в якості префікса використовують скорочене ім&apos;я проекту. Наприклад, OraanjePool-&amp;gt; op.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;op-header&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Ul class = &quot;op-menu&quot;&amp;gt; ... &lt;/ ul&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Span class = &quot;op-button&quot;&amp;gt; ... &lt;/ span&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;Div class = &quot;op-tabbed-pane&quot;&amp;gt; ... &lt;/ div&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;У БЕМ JavaScript працює з абстрактної структурою блоків-елементів та модифікаторів, не звертаючись до лежачих за ним DOM-вузлів і їх CSS-класами безпосередньо. Крім того, для ідентифікації DOM-вузлів не використовуються додаткові CSS-класи &quot;спеціально для JavaScript&quot;. Для забезпечення такої можливості використовується фреймворк або власний набір хелперів.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Так, якщо кожному блоку з JavaScript-функціональністю відповідає об&apos;єкт, його методи дозволяють:&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;звертатися до вкладених елементів:&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;// припустимо, що blockObj вказує на об&apos;єкт блоку &lt;div class = &quot;tabbed-pane&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;blockObj.elem (&apos;panel&apos;); // повертає елементи &lt;div class = &quot;tabbed-pane__panel&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;працювати з модифікаторами&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;// припустимо, що blockObj вказує на об&apos;єкт блоку &lt;div class = &quot;tabbed-pane&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;blockObj.setMod (&apos;disabled&apos;); // встановлює модифікатор &lt;div class = &quot;tabbed-pane tabbed-pane_disabled&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;blockObj.delMod (&apos;disabled&apos;); // видаляє модифікатор&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Оскільки модифікатор відображає стан блоку, при призначенні модифікатора блок або елемент повинен бути приведений у відповідний стан. Для зміни зовнішнього вигляду досить призначення CSS-класу модифікатора. У більш складних випадках приведення блоку в потрібний стан вимагає JavaScript-функціональності. Тому у використовуваного JavaScript-фреймворку повинна бути можливість декларувати список дій, відповідний модифікатору.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;BlockObj.on ({&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;active: function () {&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;// do smth when active&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;},&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;disabled: function () {&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;// do something when disabled&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;});&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Найпростіша структура проекту не передбачає вкладеності в директорії блоків:&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;button /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.js&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.tpl&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button__control.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;header /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;header.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;header.tpl&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;header_christmas.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;tabbed-pane /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.js&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.tpl&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;У великих проектах або бібліотеках зручно використовувати вкладену файлову структуру блоку, де для елементів і модифікаторів виділяються директорії.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;button /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;__control /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;button__control.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.js&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;button.tpl&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;header /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;_christmas /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;header_christmas.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;header.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;header.tpl&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;tabbed-pane /&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.css&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.js&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;tabbed-pane.tpl&lt;/span&gt;&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/behm/2017-06-04-34</link>
			<category>HTML</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/behm/2017-06-04-34</guid>
			<pubDate>Sun, 04 Jun 2017 13:57:50 GMT</pubDate>
		</item>
		<item>
			<title>У Mass Effect Andromeda буде більше 1200 «говорять» персонажів</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Під час PAX East 2017 провідний письменник BioWare Мек Уолтерс (Mac Walters) заявив, що в Mass Effect Andromeda буде більше 1200 говорять персонажів. Це, на секундочку, як в Mass Effect 2 і Mass Effect 3 разом, і навіть більше.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Уолтерс наводить приклад з двома попередніми частинами серії в якості орієнтира, але справа, за його словами, навіть не в цьому. Команда розробників постаралася зробити абсолютно кожного персонажа більш живим, будь торговець зможе поговорити з вами про те насущний, а не тільки про справу. Те ж саме стосується команди головного героя &amp;mdash; BioWare побудувала діалоги з ними таким чином, щоб учасники місії відчувалися як реальні люди, які пам&apos;ятають про все, що сталося.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Нагадаємо, що Mass Effect Andromeda надійде в продаж 23 березня для PC, PS4 і Xbox One.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;Джерело:&amp;nbsp;http://gr...</description>
			<content:encoded>&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Під час PAX East 2017 провідний письменник BioWare Мек Уолтерс (Mac Walters) заявив, що в Mass Effect Andromeda буде більше 1200 говорять персонажів. Це, на секундочку, як в Mass Effect 2 і Mass Effect 3 разом, і навіть більше.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Уолтерс наводить приклад з двома попередніми частинами серії в якості орієнтира, але справа, за його словами, навіть не в цьому. Команда розробників постаралася зробити абсолютно кожного персонажа більш живим, будь торговець зможе поговорити з вами про те насущний, а не тільки про справу. Те ж саме стосується команди головного героя &amp;mdash; BioWare побудувала діалоги з ними таким чином, щоб учасники місії відчувалися як реальні люди, які пам&apos;ятають про все, що сталося.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:14px;&quot;&gt;Нагадаємо, що Mass Effect Andromeda надійде в продаж 23 березня для PC, PS4 і Xbox One.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;Джерело:&amp;nbsp;http://grifonsoft.ru/news/136870-v-mass-effect-andromeda-budet-bolee-1200-govoryashhix-personazhej.html&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/u_mass_effect_andromeda_bude_bilshe_1200_govorjat_personazhiv/2017-03-13-18</link>
			<category>Нові технології</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/u_mass_effect_andromeda_bude_bilshe_1200_govorjat_personazhiv/2017-03-13-18</guid>
			<pubDate>Mon, 13 Mar 2017 17:37:52 GMT</pubDate>
		</item>
		<item>
			<title>Американські вчені винайшли &quot;паливо майбутнього&quot;</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Перетворення здійснюється за допомогою процесу, званого гідротермальним скрапленням. Він імітує умови, які призводять до утворення нафти в природі, наприклад, високі тиск і температуру. Однак, за словами вчених, перетворення займає всього лише кілька хвилин, хоча в природному середовищі на це йшли мільйони років.&lt;br /&gt;
&lt;br /&gt;
Відходи, що знаходяться в спеціальній трубці під високим тиском, нагріваються до 650 градусів Цельсія. В результаті утворюється горюча масляниста рідина.&lt;br /&gt;
&lt;br /&gt;
За підрахунками фахівців, одна людина виробляє сировину, кількість якого достатньо для виробництва двох-трьох галонів палива.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
За матеріалами:&amp;nbsp;podrobnosti.ua&lt;/p&gt;</description>
			<content:encoded>&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Перетворення здійснюється за допомогою процесу, званого гідротермальним скрапленням. Він імітує умови, які призводять до утворення нафти в природі, наприклад, високі тиск і температуру. Однак, за словами вчених, перетворення займає всього лише кілька хвилин, хоча в природному середовищі на це йшли мільйони років.&lt;br /&gt;
&lt;br /&gt;
Відходи, що знаходяться в спеціальній трубці під високим тиском, нагріваються до 650 градусів Цельсія. В результаті утворюється горюча масляниста рідина.&lt;br /&gt;
&lt;br /&gt;
За підрахунками фахівців, одна людина виробляє сировину, кількість якого достатньо для виробництва двох-трьох галонів палива.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
За матеріалами:&amp;nbsp;podrobnosti.ua&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/amerikanski_vcheni_vinajshli_palivo_majbutnogo/2017-03-12-17</link>
			<category>Нові технології</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/amerikanski_vcheni_vinajshli_palivo_majbutnogo/2017-03-12-17</guid>
			<pubDate>Sun, 12 Mar 2017 19:34:27 GMT</pubDate>
		</item>
		<item>
			<title>Google та Levi&apos;s назвали ціну розумної куртки</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Американська ІТ-корпорація Google та славетний джинсовий бренд Levi&apos;s ще рік тому оголосили випуск розумної куртки Jacquard, яка має сенсорну панель на рукаві для керування&amp;nbsp;смартфоном.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;За інформацією&amp;nbsp;Engadget, розробники нарешті вийшли на фінальну стадію виробництва і готові запустити свій проект у продаж восени цього року. Відомо, що розумна куртка коштуватиме 350 доларів (більше 9 тисяч гривень).&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Датчик на рукаві куртки реагує на дотики та свайпи власника та керує функціями смартфону за допомогою Bluetooth. Таким чином, можна отримати дані про маршрут під час поїздок на велосипеді, перемкнути пісню та виконувати інші дії на смартфоні, не дістаючи його з кишені.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;Джерело:http://znaj.ua/news/science-and-technic/99363/google-ta-levis-nazvali-cinu-rozumnoyi-kurtki.html&lt;/p&gt;</description>
			<content:encoded>&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Американська ІТ-корпорація Google та славетний джинсовий бренд Levi&apos;s ще рік тому оголосили випуск розумної куртки Jacquard, яка має сенсорну панель на рукаві для керування&amp;nbsp;смартфоном.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;За інформацією&amp;nbsp;Engadget, розробники нарешті вийшли на фінальну стадію виробництва і готові запустити свій проект у продаж восени цього року. Відомо, що розумна куртка коштуватиме 350 доларів (більше 9 тисяч гривень).&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;Датчик на рукаві куртки реагує на дотики та свайпи власника та керує функціями смартфону за допомогою Bluetooth. Таким чином, можна отримати дані про маршрут під час поїздок на велосипеді, перемкнути пісню та виконувати інші дії на смартфоні, не дістаючи його з кишені.&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;Джерело:http://znaj.ua/news/science-and-technic/99363/google-ta-levis-nazvali-cinu-rozumnoyi-kurtki.html&lt;/p&gt;</content:encoded>
			<link>https://prodvig.at.ua/news/google_ta_levi_39_s_nazvali_cinu_rozumnoji_kurtki/2017-03-12-16</link>
			<category>Нові технології</category>
			<dc:creator>medergrup</dc:creator>
			<guid>https://prodvig.at.ua/news/google_ta_levi_39_s_nazvali_cinu_rozumnoji_kurtki/2017-03-12-16</guid>
			<pubDate>Sun, 12 Mar 2017 19:25:43 GMT</pubDate>
		</item>
	</channel>
</rss>