<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WordPress * Студия Сорокина и Кулинкович</title>
	<atom:link href="https://www.sorokinkulinkovich.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.sorokinkulinkovich.com/tag/wordpress/</link>
	<description>Проекты по управлению IT-персоналом и IT-продажами под ключ в России и Беларуси. ITHRM&#38;ITSALES-консалтинг</description>
	<lastBuildDate>Tue, 20 Aug 2024 08:35:59 +0000</lastBuildDate>
	<language>ru-RU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.sorokinkulinkovich.com/wp-content/uploads/2022/12/cropped-SSKLOGO_Turtoise-favicon-32x32.png</url>
	<title>WordPress * Студия Сорокина и Кулинкович</title>
	<link>https://www.sorokinkulinkovich.com/tag/wordpress/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Правильная структура и функционал в IT-продажах. Есть ли они?</title>
		<link>https://www.sorokinkulinkovich.com/blog/pravilnaja-struktura-i-funkcional-v-it-prodazhah-est-li-oni/</link>
		
		<dc:creator><![CDATA[Sorokin Yuri]]></dc:creator>
		<pubDate>Sun, 19 Mar 2023 14:31:23 +0000</pubDate>
				<category><![CDATA[Sorokin Posts]]></category>
		<category><![CDATA[Блог]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://sorokinkulinkovich.com/?p=228460</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/pravilnaja-struktura-i-funkcional-v-it-prodazhah-est-li-oni/">Правильная структура и функционал в IT-продажах. Есть ли они?</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener" data-type="URL">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="2000" height="1275" class="wp-image-223546" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="Правильная структура и функционал в IT-продажах. Есть ли они?"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list">
<li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li>
<li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li>
<li>ID selector (e.g <code>#header</code>)</li>
<li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li>
</ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p>
<p>&nbsp;</p>
</blockquote>



<figure class="wp-block-table">
<table>
<tbody>
<tr>
<td><strong>Employee</strong></td>
<td><strong>Salary</strong></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td>
<td>$1</td>
<td>Because that’s all Steve Job’ needed for a salary.</td>
</tr>
<tr>
<td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td>
<td>$100K</td>
<td>For all the blogging he does.</td>
</tr>
<tr>
<td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://1.envato.market/5Q25j">Robert</a></td>
<td>$100M</td>
<td>Pictures are worth a thousand words, right? So Tom x 1,000.</td>
</tr>
<tr>
<td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td>
<td>$100B</td>
<td>With hair like that?! Enough said…</td>
</tr>
</tbody>
</table>
</figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/pravilnaja-struktura-i-funkcional-v-it-prodazhah-est-li-oni/">Правильная структура и функционал в IT-продажах. Есть ли они?</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Реанимация продуктовой IT-Компании — это страшно</title>
		<link>https://www.sorokinkulinkovich.com/blog/reanimacija-produktovoj-it-kompanii-hudshij-strah-ljubogo-menedzhera/</link>
		
		<dc:creator><![CDATA[Sorokin Yuri]]></dc:creator>
		<pubDate>Sun, 19 Mar 2023 14:30:08 +0000</pubDate>
				<category><![CDATA[Sorokin Posts]]></category>
		<category><![CDATA[Блог]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://sorokinkulinkovich.com/?p=228458</guid>

					<description><![CDATA[<p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/reanimacija-produktovoj-it-kompanii-hudshij-strah-ljubogo-menedzhera/">Реанимация продуктовой IT-Компании — это страшно</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper"><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<blockquote>
<h3 class="wp-block-heading">Управление — это обман. А управление айтишниками — это изощрённый обман. И если вы против, то в этой заметке вы не найдете для себя смысла.</h3>
</blockquote>
<p>&nbsp;</p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Давайте ещё одну вводную: Любая компания когда-нибудь умрет, а айти-компания умрет быстрее компании реального сектора, так как она зависит от тех, кто от нее не только практически не зависит, но и не всегда желает добра. От людей, понятно, да?</p>
<p>Ещё более неприятный момент — когда компания зависит от стареющих сотрудников. Стареющие разработчики, седеющие и умирающие, делают энтропию, или разложение компании цветастым и любопытным для такого любителя диковинок, как я.</p>
<figure class="wp-block-image size-full"><img decoding="async" class="alignnone wp-image-228880 size-medium" src="https://sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it-1000x1000.jpg" alt="Реанимация продуктовой IT-Компании - это страшно" width="1000" height="1000" srcset="https://www.sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it-1000x1000.jpg 1000w, https://www.sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it-500x500.jpg 500w, https://www.sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it-768x768.jpg 768w, https://www.sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it-200x200.jpg 200w, https://www.sorokinkulinkovich.com/wp-content/uploads/2023/03/blog-yuriya-sorokina-ob-upravlenii-i-prodazhah-v-it.jpg 1080w" sizes="(max-width: 1000px) 100vw, 1000px"></figure>
<p>&nbsp;</p>
<p>Давайте ещё одну вводную: Любая компания когда-нибудь умрет, а айти-компания умрет быстрее компании реального сектора, так как она зависит от тех, кто от нее не только практически не зависит, но и не всегда желает добра. От людей, понятно, да?</p>
<p>Ещё более неприятный момент — когда компания зависит от стареющих сотрудников. Стареющие разработчики, седеющие и умирающие, делают энтропию, или разложение компании цветастым и любопытным для такого любителя диковинок, как я.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_separator wpb_content_element vc_separator_align_right vc_sep_width_100 vc_sep_dotted vc_sep_border_width_2 vc_sep_pos_align_center vc_sep_color_turquoise wpb_content_element wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_separator-has-text"><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><div class="vc_icon_element vc_icon_element-outer vc_do_icon vc_icon_element-align-left vc_icon_element-have-style"><div class="vc_icon_element-inner vc_icon_element-color-turquoise vc_icon_element-have-style-inner vc_icon_element-size-md vc_icon_element-style-rounded vc_icon_element-background vc_icon_element-background-color-white"><span class="vc_icon_element-icon fas fa-skull-crossbones"></span></div></div><h4>ЧАСТЬ 1. Собственник против стейкхолдеров</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Мы столкнулись с этой компанией в первый раз 6 лет назад. Их собственник просил “за денек-другой подтюнить культурку”. Сотрудники че-то не вдохновлены бизнес-задачами. Идея не лучшая и дискредитирующая всегда обе стороны: нашу и его, о чем мы сообщили и разошлись, даже не встречаясь.<br>Я встречал потом сотрудников этой компании. Это были хорошие ребята с одной особенностью — они ничего не рассказывали о своей компании, были в режиме «белого молчания». Любые попытки узнать, что под капотом этой компании, вызывали какие-то тоскливые улыбки и заверения, что все найс. А потом на рынке, кроме отдельных персонажей, стали всплывать целые созвездия разработчиков оттуда. Что-то явно было не так.</p>
<p>Их собственник обращался к нам потом несколько раз в фоновом режиме. Просил рекомендовать рекрутеров, чтобы латать дыры, но не более. Рекрутеры приходили, работали по полгода и уходили.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_separator wpb_content_element vc_separator_align_right vc_sep_width_100 vc_sep_border_width_2 vc_sep_pos_align_center vc_sep_color_turquoise wpb_content_element vc_separator-has-text"><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><div class="vc_icon_element vc_icon_element-outer vc_do_icon vc_icon_element-align-left vc_icon_element-have-style"><div class="vc_icon_element-inner vc_icon_element-color-turquoise vc_icon_element-have-style-inner vc_icon_element-size-md vc_icon_element-style-rounded vc_icon_element-background vc_icon_element-background-color-white"><span class="vc_icon_element-icon fas fa-question-circle"></span></div></div><h4>ЧАСТЬ 2. А чем же заняты разработчики?</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Как гром среди ясного неба собственник вышел на нас 4 года назад и сразу предложил предоплатить 10 часов консультации по ставке, которая мне делала честь. О чем была речь. Старые разработчики спелись и терроризируют компанию, что с ними делать х** пойми. Уволить нельзя — уникальные компетенции, уйдет костяк, посыплется компания. Оценить нельзя — просто посылают нах** текстом. Мотивировать, чтобы хоть немножко скорректировать поведение, нельзя — они получают 7+ и лишние 500 баксов погоды им не сделают. А вот что было бы интересно по мнению собственника: чтобы они передавали знания молодежи и были поменьше г*ндонами. Да и вообще их бы рассадить, а то “клоаку какую-то образовали, сидят, демотивируют всех”. Слово г*ндон там было общеупотребимым даже в деловой переписке, поэтому вы его увидите в тексте ещё не раз.</p>
<p>Поговорили с разработчиками. Оказалось, что собственник – г*ндон. Не понимает технической части ниразу, продает г*вно и делает это неправильно. Персонал, в основном, — г*вно, аксакалам уважения никакого, потому что не понимают, кто кормит, да и вообще они уже о пенсии думают в свои-то 43–47 лет. Что делать. Ребята окопались так, что нужен троянский конь. Ведь, как я и говорил, менеджмент — это про то, как обмануть людей в их лучших начинаниях.<br>Давайте сначала разберемся, чем заняты ребята. И вот тут удивительный сюрприз — хер пойми. Так и сказал собственник. Курируют проекты, где и так есть тим и техлиды, а ещё занимаются отчасти подбором. И это 10+ человек, на всякий случай. Интересно. Давайте разберёмся, насколько стоит им этим заниматься, да и чем им вообще лучше заниматься.<br>“Ну, мммы подумаем”, — сказал собственник, и взгляд у него стал отсутствующим и тоскливым. На этом наша первая встреча закончилась.</p>

		</div>
	</div>
<div class="vc_separator wpb_content_element vc_separator_align_right vc_sep_width_100 vc_sep_border_width_2 vc_sep_pos_align_center vc_sep_color_turquoise wpb_content_element vc_separator-has-text"><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><div class="vc_icon_element vc_icon_element-outer vc_do_icon vc_icon_element-align-left vc_icon_element-have-style"><div class="vc_icon_element-inner vc_icon_element-color-turquoise vc_icon_element-have-style-inner vc_icon_element-size-md vc_icon_element-style-rounded vc_icon_element-background vc_icon_element-background-color-white"><span class="vc_icon_element-icon fab fa-pied-piper-alt"></span></div></div><h4>ЧАСТЬ 3. Enter the HRD</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Но собственник не оставил попытки воздействовать на ренегатов. Он нанял эйчар-директора, До этого в компании были только «девочки-рекрутеры», которых ласково так и звали девочками и посмеивались беззлобно над ними, особенно когда сильно чмырили кого-нибудь на собеседовании и потом, глядя в спину плачущему сиплюсплюснику, толкали их плечом и говорили: “Где ты, деванька, такого аленя нашла? Хотя, что с тебя взять…“<br>Итак. Директор по персоналу, который должен был все «подтюнить».</p>
<p>Собственник искал hrd 4 месяца, нашел, заплатил 7к, чтобы уволить через 2 дня после выхода на работу. Вот что сделала директор. Она, ещё до прихода в компанию, в качестве «преадаптационного задания за деньги» с помощью собственника написала процесс наставничества на предприятии. Так его и назвала.</p>
<p>В первый день, познакомившись с костяком компании, зачитала им этот процесс. А именно: каждому из вас выделятся разработчик, которому вы будете «бадди» — типо «приятель-ментор-не-разлей-вода». Мы внедряем методы баддинга, а для некоторых и шэдоуинга (это совсем необычная часть истории), короче, наставничайте с Богом. Это перспектива. Это будущее и вас, и нашей всей компании. В комнате стало тихо.<br>Итог — коллективная делегация к собственнику и одно слово: нах** её отсюда.</p>

		</div>
	</div>
<div class="vc_separator wpb_content_element vc_separator_align_right vc_sep_width_100 vc_sep_border_width_2 vc_sep_pos_align_center vc_sep_color_turquoise wpb_content_element vc_separator-has-text"><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><div class="vc_icon_element vc_icon_element-outer vc_do_icon vc_icon_element-align-left vc_icon_element-have-style"><div class="vc_icon_element-inner vc_icon_element-color-turquoise vc_icon_element-have-style-inner vc_icon_element-size-md vc_icon_element-style-rounded vc_icon_element-background vc_icon_element-background-color-white"><span class="vc_icon_element-icon fab fa-angellist"></span></div></div><h4>ЧАСТЬ 4. “Качели собственника”</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Опять звонок. Наши встречи уже перестали меня радовать. Ещё 10 часов оплачивает. Основная идея в том, как довести до ума провалившийся проект баддинга. Уж очень собственнику идея понравилась. У меня, кроме досады на неловкую ситуацию, идей нет. Но деньги получены. А почему бы не попробовать сформировать из старожилов экспертный совет и через них, как через призму, посмотреть на процессы. Сделать рерайт. Актуализацию. Они же говорили, что все г*вно. Вот им респект и процессы подтянем, да и они будут вроде при делах и при уважении. Дадим им роста и полномочий. Отсмотрели «осколки процессов», вроде понятно, что делать.</p>
<p>Попробуем.<br>Собственник опять начал становиться на серебристое крыло: попробуем, но не сейчас.<br>- Сейчас баддинг, отличная идея! Сможете?<br>- Не сможем, особенно после такой истории.<br>- Ладно, спасибо, до свидания.</p>

		</div>
	</div>
<div class="vc_separator wpb_content_element vc_separator_align_right vc_sep_width_100 vc_sep_border_width_2 vc_sep_pos_align_center vc_sep_color_turquoise wpb_content_element vc_separator-has-text"><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><div class="vc_icon_element vc_icon_element-outer vc_do_icon vc_icon_element-align-left vc_icon_element-have-style"><div class="vc_icon_element-inner vc_icon_element-color-turquoise vc_icon_element-have-style-inner vc_icon_element-size-md vc_icon_element-style-rounded vc_icon_element-background vc_icon_element-background-color-white"><span class="vc_icon_element-icon fas fa-cat"></span></div></div><h4>ЧАСТЬ 5. “Дичь”</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>Полгода молчания. Опять пишет собственник. За полгода случились изменения к печальному. Его стейкхолдеры перестали с ним разговаривать. Вообще. Ну получают деньги, делают, что сами хотят, и все. Собственнику тоскливо, он в ужасе, но разрубить узел не может никак. Предлагает 10 часов оплатить и посмотреть на картинку. Мало, уговорили на целый месяц. Чтобы хоть что-то сделать. Да и смотреть на разложение коллектива — работа, требующая выдержки и достойной компенсации.</p>
<p>Ребята все живые. Нормально контачат. А про то, что с собственником не говорят, так а о чем с ним говорить, с г*ндоном? Пусть радуется, что процесс поддерживаем, и хватит.<br>Такие ситуации сильно злят, так как выход из них может быть только самым диким. Это важный урок менеджмента: чем более дикий трюк, тем больше шансов, что он сработает в нелепой ситуации. Да, есть одна оговорка: если делаешь дичь, то ни в коем случае не стоит останавливаться, даже притормаживать. Только дичь, только до конца. Вот вам и вся наука.</p>
<p>И мы начали. В собственности компании находился небольшой офис на 10 человек. И мы туда переселили всех стейкхолдеров разом. С полным сохранением всей ЗП и с полным выключением их из дел компании.</p>
<p>Конечно, не все так просто: собственник истерил поначалу, офис нужно было готовить к переезду. Но мотивация была простая. Помариновать неизвестностью, это крайне выгодная тактика обмана даже самых искушённых ребят. А после маринования предложить им делать, что они сами захотят (ну это обман, вы понимаете, да).</p>
<p>Первую и вторую неделю разработчики приходили к 12, кто-то уходил в 15. Никаких взысканий не было принципиально. Они хотели нас поймать на репрессиях и устроить бунт, но не тут-то было. Ходите куда хотите и получайте зарплату. Тяжелее всех было нам, так как мы просто матом отговаривали собственника позвонить ребятам с фразой: «вернись дура, я все прощу».<br>Пошла третья неделя. Стали приходить вовремя и начали активно комментить проекты. К концу месяца первые два разработчика позвонили нам, чтобы поговорить. Разговор был простой. Они спрашивали, в чем дело. Мы с ясными глазами говорили, что все сделали так, как они и сказали: чтобы им не мешать работать, да и не грузить всякой хернёй. Они стейкхолдеры, поэтому сами знают, что делать. Это был хороший ход. Процессы, которые велись не так, как им казалось нужно, в их дистанционном присутствии стали их раздражать очень сильно. Тем более, мы просили команды не сильно оперативно реагировать на их комменты. По корпоративному сленгу это называлось – «сохатить».</p>
<p>Первой ласточкой изменений было затребование ими прямо себе под бок ландскнехтов (это наше кодовое обозначение, а так их звали в структуре “пиэмы обычные 2‑х тысячные” ), через которых они могли бы проводить свою волю на команды. Ландскнехты были неэффективны первое время и ребята попросили доступ к телам. Ну нет.</p>
<p>Доступ получили сначала только 2 из 10. Их десантировали обратно в центральный офис с их ладскнехтами. Забегая вперед, доступ к телам получили потом ещё двое.<br>Что делать с остальными? А это просто. Мы уже их прилично «отформатировали». Спетого недовольного коллектива не осталось. А теперь им нужно подсказать выход, но сделать это так, чтобы говорили только они.</p>
<p>“Что вы хотите”, — спросили бы глупые управленцы, чем признали бы свое поражение.<br>Мы же спросили: “Что надо делать?“<br>Они ответили: “Строить правильный деливери в компании. причем по каждому направлению разный”.</p>
<p>Вот и все. А теперь мяч на нашей стороне, так как мы можем наполнить это понятие разными смыслами, а ребят задействовать, как хотим. Бац. Им новые звёздочки на погоны — консультантские. Бац. И в плечи по техническому направлению, в котором это деливери и строить.</p>
<p>Что в итоге. 5 летний бунт исчерпан. Наставничество есть. Спетости нет, все при деле. Выстроены кастомные процессы доставки для одной из самых непростых в айти компаний.</p>
<p>К чему я это. Наш ученик из прошлого выпуска manageit идёт туда новым ceo и спрашивал историю и основные подводные камни компании. Вот они, Ярослав. Разделяй, властвуй и не допускай сближения ребят, а то получится критическая масса. Ну ты физик, сам понимаешь. Удачи там.</p>
<p>PS. Прошло 3 месяца. Ярослав уже руководитель нового офиса этой компании в славном городе Варшава. Поздравляю!</p>

		</div>
	</div>
</div></div></div></div></div><p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/reanimacija-produktovoj-it-kompanii-hudshij-strah-ljubogo-menedzhera/">Реанимация продуктовой IT-Компании — это страшно</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Неудачники 10-Уровня. Или что “после корпорации”?</title>
		<link>https://www.sorokinkulinkovich.com/blog/sud-ba-top-menedzhera-posle-uvol-neniya/</link>
		
		<dc:creator><![CDATA[Sorokin Yuri]]></dc:creator>
		<pubDate>Sun, 19 Mar 2023 14:27:51 +0000</pubDate>
				<category><![CDATA[Sorokin Posts]]></category>
		<category><![CDATA[Блог]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://sorokinkulinkovich.com/?p=228453</guid>

					<description><![CDATA[<p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/sud-ba-top-menedzhera-posle-uvol-neniya/">Неудачники 10-Уровня. Или что “после корпорации”?</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper"><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element">
		<div class="wpb_wrapper">
			<p>А вы сталкивались с неудачниками 5 уровня? Я таких вижу очень много. И слежу за хроникой их падения, начиная с их 35–37-летия.</p>
<p>Все они из “компаний первого эшелона”. Эти ребята зазвездили и ушли с хорошей работы, одержимые планом сделать продукт и разбогатеть. Продукт за год не получился и за два тоже. Тогда они пошли в найм в компанию уровнем пониже предыдущей. С ней расстались за полгода, cultural совсем unfit: позиционировали себя там по старой памяти дорого, а восприняли их так себе. Решили сделать бизнес-школу, благо опыта тьма. Школа не поехала. Стали тренерами. Сначала пытались брать 100 долларов за час, опыта тьма же, спустя полгода берут 40, но и это не обрывает им личку.</p>
<p>В чем же дело? Как всегда, в продажах. И в вере в свою уникальность. Брезгливость к первому и безоговорочная вера во второе быстро уничтожают на любом рынке.</p>
<p>Подогрелась сковородка под попой на хорошем месте работы, а звёздность появилась. – Убежал, хотя продать себя и мимикрировать мог неплохо и дальше, стоило только поработать над отношениями.</p>
<p>Начал делать продукт, веруя в себя, и ожидая, что звездная экспертиза в начинке выше, чем в продаже этого продукта. – “Счернил” из-за брезгливости к продажам – убежал, не стал сам продавать и даже пытаться.</p>
<p>Захотел делать бизнес-школу. Ну, так это не только продажи, но и менеджмент – бросил.</p>
<p>Стал тренером –вроде, безопасно? – Но даже тренеру себя нужно продавать. А при отросшей короне продавать себя компаниям из сегмента битуси ой как неприятно, вот и падает чек.</p>
<p>Продавать придется всегда. Каждый новый рынок и продукт будет требовать все более изощрённых скилов в продажах и все более глубокого места для прятания своей звёздности. <br>Поэтому идеально будет вспомнить профиль бизнеса, в котором было комфортно и туда вернуться, в противном случае придется биться об рынок в полный контакт до самой пенсии в статусе “независимого консультанта”.</p>

		</div>
	</div>
</div></div></div></div>
</div><p>Сообщение <a href="https://www.sorokinkulinkovich.com/blog/sud-ba-top-menedzhera-posle-uvol-neniya/">Неудачники 10-Уровня. Или что “после корпорации”?</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Definitive Guide to Make a More Productive Workflow.</title>
		<link>https://www.sorokinkulinkovich.com/media/definitive-guide-to-make-a-more-productive-workflow/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:43 +0000</pubDate>
				<category><![CDATA[Creative]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224083</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/media/definitive-guide-to-make-a-more-productive-workflow/">Definitive Guide to Make a More Productive Workflow.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="Definitive Guide to Make a More Productive Workflow." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/media/definitive-guide-to-make-a-more-productive-workflow/">Definitive Guide to Make a More Productive Workflow.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Organic Food Isn’t Much Better For Your Future Health.</title>
		<link>https://www.sorokinkulinkovich.com/media/organic-food-isnt-much-better-for-your-future-health-2/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:42 +0000</pubDate>
				<category><![CDATA[Creative]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224082</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/media/organic-food-isnt-much-better-for-your-future-health-2/">Organic Food Isn’t Much Better For Your Future Health.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="Organic Food Isn’t Much Better For Your Future Health." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/media/organic-food-isnt-much-better-for-your-future-health-2/">Organic Food Isn’t Much Better For Your Future Health.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>3 Ways of Lying to Yourself About Your New Relationship.</title>
		<link>https://www.sorokinkulinkovich.com/digital/3-ways-of-lying-to-yourself-about-your-new-relationship/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:41 +0000</pubDate>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224081</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/3-ways-of-lying-to-yourself-about-your-new-relationship/">3 Ways of Lying to Yourself About Your New Relationship.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="3 Ways of Lying to Yourself About Your New Relationship." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/3-ways-of-lying-to-yourself-about-your-new-relationship/">3 Ways of Lying to Yourself About Your New Relationship.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Ultimate Guide to Make Your WordPress Journal.</title>
		<link>https://www.sorokinkulinkovich.com/digital/the-ultimate-guide-to-make-your-wordpress-journal/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:40 +0000</pubDate>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224080</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/the-ultimate-guide-to-make-your-wordpress-journal/">The Ultimate Guide to Make Your WordPress Journal.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="The Ultimate Guide to Make Your WordPress Journal." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/the-ultimate-guide-to-make-your-wordpress-journal/">The Ultimate Guide to Make Your WordPress Journal.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Outdoor Work: a Designer’s Checklist for Every UX Project.</title>
		<link>https://www.sorokinkulinkovich.com/digital/outdoor-work-a-designers-checklist-for-every-ux-project-3/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:38 +0000</pubDate>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224079</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/outdoor-work-a-designers-checklist-for-every-ux-project-3/">Outdoor Work: a Designer’s Checklist for Every UX Project.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="Outdoor Work: a Designer’s Checklist for Every UX Project." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/outdoor-work-a-designers-checklist-for-every-ux-project-3/">Outdoor Work: a Designer’s Checklist for Every UX Project.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>5 High-Quality Architecture Solutions from a Silicon Valley.</title>
		<link>https://www.sorokinkulinkovich.com/digital/5-high-quality-architecture-solutions-from-a-silicon-valley/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:37 +0000</pubDate>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224078</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/5-high-quality-architecture-solutions-from-a-silicon-valley/">5 High-Quality Architecture Solutions from a Silicon Valley.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="5 High-Quality Architecture Solutions from a Silicon Valley." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/5-high-quality-architecture-solutions-from-a-silicon-valley/">5 High-Quality Architecture Solutions from a Silicon Valley.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Explore New Series on Overcoming Creative Adversity.</title>
		<link>https://www.sorokinkulinkovich.com/digital/explore-new-series-on-overcoming-creative-adversity/</link>
		
		<dc:creator><![CDATA[sorkul_admin]]></dc:creator>
		<pubDate>Fri, 24 Dec 2021 12:33:35 +0000</pubDate>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stage.clbthemes.com/demo29/?p=224077</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/explore-new-series-on-overcoming-creative-adversity/">Explore New Series on Overcoming Creative Adversity.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p>A <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">CSS</a> <dfn>pseudo-class</dfn> is a keyword added to a selector that specifies a special state of the selected element(s). For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>:hover</code></a> can be used to change a button’s color when the user’s pointer hovers over it.</p>



<p>From the business, until be once yet pouring got it <a href="https://1.envato.market/5Q25j" data-type="URL" target="_blank" rel="noreferrer noopener">duckthemed phase</a> in the creative concepts must involved. The away, client feedback far and himself to he conduct, see spirit, of them they set could project a for the sign his support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2000" height="1275" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="Explore New Series on Overcoming Creative Adversity." class="wp-image-223546"></figure>



<p>Other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a></p>



<h3 class="wp-block-heading">Trivia &amp; Notes</h3>



<p>The <code>:not()</code> selector is chainable with more <code>:not()</code> selectors. For example, <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">the following</a> will match all <code>article</code>s except the one with an ID <code>#featured</code>, and then will filter out the articles with a class name <code>.tutorial</code>:</p>



<pre class="wp-block-preformatted">article:not(#featured):not(.tutorial) {
    /* style the articles that match */
}</pre>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">li:not(.old)::after {
    content: "New!";
    color: deepPink;
}</pre>



<p>You can see a live demo in the Live Demo section below.</p>



<h3 class="wp-block-heading">On the Specificity of Selectors</h3>



<p>The specificity of the <code>:not()</code> pseudo-class is the specificity of its argument. The <code>:not()</code> pseudo-class does not add to the selector specificity, unlike other pseudo-classes.</p>



<p>The <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">simple selector</a> that <code>:not()</code> takes as an argument can be any of the following:</p>



<ul class="wp-block-list"><li>Type selector (e.g <code>p</code>, <code>span</code>, etc.)</li><li>Class selector (e.g <code>.element</code>, <code>.sidebar</code>, etc.)</li><li>ID selector (e.g <code>#header</code>)</li><li>Pseudo-class selector (e.g <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:first-child</a></code>, <code><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">:last-of-type</a></code>)</li></ul>



<h3 class="wp-block-heading">Reference</h3>



<p>The argument passed to <code>:not()</code> can <em>not</em>, however, be a pseudo-<strong>element</strong> selector (such as <a href="http://tympanus.net/codrops/css_reference/before" target="_blank" rel="noreferrer noopener"><code>::before</code></a> and <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a>, among others) or another negation pseudo-class selector.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.</p><p></p></blockquote>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Employee</strong></td><td><strong>Salary</strong></td><td></td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Martin</a></td><td>$1</td><td>Because that’s all Steve Job’ needed for a salary.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">John</a></td><td>$100K</td><td>For all the blogging he does.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" data-type="URL" data-id="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Robert</a></td><td>$100M</td><td>Pictures are worth a thousand words, right? So Tom x 1,000.</td></tr><tr><td><a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Jane</a></td><td>$100B</td><td>With hair like that?! Enough said…</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Useful Fallbacks</h3>



<p>It’s extension live for much place. Road, are, the which, and handout tones. The likely the managers, <mark>just carefully he puzzles stupid that casting and not dull and her was even smaller</mark> it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.</p>



<p>Just like other pseudo-elements and pseudo-class selectors, <code>:not()</code> can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a “New!” word to list items that do not have a <code>.old</code> class name, using the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener"><code>::after</code></a> pseudo-element:</p>



<pre class="wp-block-preformatted">element:not(.old)::after {
    content: "New!";
    color: deepPink;
}   </pre>



<p>You can see a live demo in the <a href="https://1.envato.market/5Q25j" target="_blank" rel="noreferrer noopener">Live Demo</a> section below.</p>
<p>Сообщение <a href="https://www.sorokinkulinkovich.com/digital/explore-new-series-on-overcoming-creative-adversity/">Explore New Series on Overcoming Creative Adversity.</a> появились сначала на <a href="https://www.sorokinkulinkovich.com">Студия Сорокина и Кулинкович</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
