<?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>PT. Mitra Bisnis Ciptakarya</title>
	<atom:link href="https://mbcconsulting.id/feed/" rel="self" type="application/rss+xml" />
	<link>https://mbcconsulting.id/</link>
	<description></description>
	<lastBuildDate>Mon, 06 Jan 2025 13:15:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://mbcconsulting.id/wp-content/uploads/2024/12/cropped-icon-mbc-32x32.png</url>
	<title>PT. Mitra Bisnis Ciptakarya</title>
	<link>https://mbcconsulting.id/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Outdoor Work: a Designer’s Checklist for Every UX Project.</title>
		<link>https://mbcconsulting.id/outdoor-work-a-designers-checklist-for-every-ux-project/</link>
					<comments>https://mbcconsulting.id/outdoor-work-a-designers-checklist-for-every-ux-project/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 23 Dec 2024 10:16:15 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<category><![CDATA[Media]]></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/demo26/?p=224305</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>The post <a href="https://mbcconsulting.id/outdoor-work-a-designers-checklist-for-every-ux-project/">Outdoor Work: a Designer’s Checklist for Every UX Project.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p class="wp-block-paragraph">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&#8217;s color when the user&#8217;s pointer hovers over it.</p>



<p class="wp-block-paragraph">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" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="" class="wp-image-223546"/></figure>



<p class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">It&#8217;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 class="wp-block-paragraph">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 class="wp-block-paragraph">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>The post <a href="https://mbcconsulting.id/outdoor-work-a-designers-checklist-for-every-ux-project/">Outdoor Work: a Designer’s Checklist for Every UX Project.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/outdoor-work-a-designers-checklist-for-every-ux-project/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>SMKTI BALI GLOBAL GRUP Siap Kirim Siswa Magang Kerja ke Jepang Bersama Yayasan Dwipahara Bali</title>
		<link>https://mbcconsulting.id/smkti-bali-global-grup-siap-kirim-siswa-magang-kerja-ke-jepang-bersama-yayasan-dwipahara-bali/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 22 Dec 2024 15:33:51 +0000</pubDate>
				<category><![CDATA[Pendidikan]]></category>
		<category><![CDATA[Teknologi]]></category>
		<guid isPermaLink="false">https://ohio.clbthemes.com/demo26/?p=21916</guid>

					<description><![CDATA[<p>HUT Dwipahara Bali Foundation ke 18 pada hari Selasa 17 Desember 2024...</p>
<p>The post <a href="https://mbcconsulting.id/smkti-bali-global-grup-siap-kirim-siswa-magang-kerja-ke-jepang-bersama-yayasan-dwipahara-bali/">SMKTI BALI GLOBAL GRUP Siap Kirim Siswa Magang Kerja ke Jepang Bersama Yayasan Dwipahara Bali</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">HUT Dwipahara Bali Foundation ke 18 pada hari Selasa 17 Desember 2024 menjadi momentum penting dalam menjalin kerjasama Program Kuliah Magang Kerja di Jepang dengan Yayasan Widyadharma Shanti yang mengelola Institute Teknologi &amp; Bisnis STIKOM BALI serta SMK TI Bali Global Grup yang tersebar di 8 Kabupaten Kota yaitu Denpasar, Badung, Jimbaran, Karangasem, Klungkung, Abiansemal, Singaraja dan Jembrana.</p>
<p>Program Kuliah Magang Kerja di Jepang diperuntukan bagi siswa lulusan SMK TI Bali Global Grup dengan mengikuti Pelatihan Bahasa Jepang selama 4 hingga 5 bulan di Asrama Yayasan Dwipahara Bali yang terletak di Kabupaten Bangli Bali, sambil kuliah secara daring pada Program Diploma III Manajemen Informatika STIKOM BALI.</p>
<p>Peserta program ini akan ditempatkan kerja secara formal dengan jenis pekerjaan sesuai dengan kebutuhan perusahaan di Jepang serta mendapatkan gaji yang tentu lebih tinggi berkali kali lipat dibandingkan dari UMR di Bali.</p>
<p>Setiap peserta mendapatkan fasilitas dana talangan dari PT. Mitra Bisnis Ciptakarya sebagai sponsor yang akan membiayai semua biaya program seperti perkuliahan hingga tamat di Program Diploma III Manajemen Informatika STIKOM BALI, pelatihan &amp; ujian bahasa Jepang, tempat tinggal di Asrama, konsumsi selama di Asrama, Seragam, Medical Chek Up Lanjutan, Pasport, Visa, Asuransi dan Tiket Pesawat Keberangkatan ke Jepang. Setiap peserta dikenakan biaya pendaftaran Rp 350.000 dan biaya komitmen yang dibayarkan secara bertahab selama di Asrama.</p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL DENPASAR</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA.jpg"><img fetchpriority="high" decoding="async" class="alignnone wp-image-679 size-full" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA.jpg" sizes="(max-width: 1105px) 100vw, 1105px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA.jpg 1105w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA-300x209.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA-1024x712.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-DENPASAR_KULIAHKERJA-768x534.jpg 768w" alt="" width="1105" height="768" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL BADUNG</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA.jpg"><img decoding="async" class="alignnone wp-image-678 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA.jpg" sizes="(max-width: 1152px) 100vw, 1152px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-768x512.jpg 768w" alt="" width="1152" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-BADUNG_KULIAHKERJA-768x512.jpg 768w" data-sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL JIMBARAN</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA.jpg"><img decoding="async" class="alignnone wp-image-673 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA.jpg" sizes="(max-width: 1106px) 100vw, 1106px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA.jpg 1106w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-300x208.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-1024x711.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-768x533.jpg 768w" alt="" width="1106" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA.jpg 1106w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-300x208.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-1024x711.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JIMBARAN_KULIAHKERJA-768x533.jpg 768w" data-sizes="(max-width: 1106px) 100vw, 1106px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL KARANGASEM</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-675 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA.jpg" sizes="(max-width: 1146px) 100vw, 1146px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA.jpg 1146w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-300x201.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-1024x686.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-768x515.jpg 768w" alt="" width="1146" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA.jpg 1146w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-300x201.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-1024x686.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KR.ASEM_KULIAHKERJA-768x515.jpg 768w" data-sizes="(max-width: 1146px) 100vw, 1146px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL KLUNGKUNG</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-674 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA.jpg" sizes="(max-width: 1152px) 100vw, 1152px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-768x512.jpg 768w" alt="" width="1152" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-KLUNGKUNG_KULIAHKERJA-768x512.jpg 768w" data-sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL ABIANSEMAL</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-677 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA.jpg" sizes="(max-width: 1139px) 100vw, 1139px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA.jpg 1139w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-300x202.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-1024x690.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-768x518.jpg 768w" alt="" width="1139" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA.jpg 1139w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-300x202.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-1024x690.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-ABIANSEMAL_KULIAHKERJA-768x518.jpg 768w" data-sizes="(max-width: 1139px) 100vw, 1139px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL SINGARAJA</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-676 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA.jpg" sizes="(max-width: 1152px) 100vw, 1152px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-768x512.jpg 768w" alt="" width="1152" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-SINGARAJA_KULIAHKERJA-768x512.jpg 768w" data-sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>&nbsp;</p>
<h5><strong>SMKTI BALI GLOBAL JEMBRANA</strong></h5>
<p><a href="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-672 size-full lazyloaded" src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA.jpg" sizes="(max-width: 1152px) 100vw, 1152px" srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-768x512.jpg 768w" alt="" width="1152" height="768" data-src="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA.jpg" data-srcset="https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA.jpg 1152w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-300x200.jpg 300w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-1024x683.jpg 1024w, https://kuliahkerja.com/wp-content/uploads/2024/12/SMKTIBG-JEMBRANA_KULIAHKERJA-768x512.jpg 768w" data-sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>The post <a href="https://mbcconsulting.id/smkti-bali-global-grup-siap-kirim-siswa-magang-kerja-ke-jepang-bersama-yayasan-dwipahara-bali/">SMKTI BALI GLOBAL GRUP Siap Kirim Siswa Magang Kerja ke Jepang Bersama Yayasan Dwipahara Bali</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Wisuda, ITB STIKOM Bali Resmi Meluncurkan Kuliahkerja.com, Paket Kuliah Kerja ke Jepang</title>
		<link>https://mbcconsulting.id/wisuda-itb-stikom-bali-resmi-meluncurkan-kuliahkerja-com-paket-kuliah-kerja-ke-jepang/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 04 Dec 2024 15:33:53 +0000</pubDate>
				<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Pendidikan]]></category>
		<guid isPermaLink="false">https://ohio.clbthemes.com/demo26/?p=21917</guid>

					<description><![CDATA[<p>ITB STIKOM Bali kembali menelurkan sarjana. Yakni, menggelar Wisuda Ke 34 pada 24 November 2024....</p>
<p>The post <a href="https://mbcconsulting.id/wisuda-itb-stikom-bali-resmi-meluncurkan-kuliahkerja-com-paket-kuliah-kerja-ke-jepang/">Wisuda, ITB STIKOM Bali Resmi Meluncurkan Kuliahkerja.com, Paket Kuliah Kerja ke Jepang</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ITB STIKOM Bali kembali menelurkan sarjana. Yakni, menggelar Wisuda Ke 34 pada 24 November 2024. Rangkaiannya sekaligus meluncurkan kuliahkerja.com. Ini merupakan paket <a href="https://kuliahkerja.com/">Kuliah</a> <a href="https://kuliahkerja.com/">Kerja</a> ke Jepang bekerjasama dengan Dwipahara Bali.</p>
<p>Dwipahara Bali Foundation merupakan Lembaga Pelatihan Kerja yang sudah memiliki pengalaman selama 18 tahun dalam pemberangkatan magang dan kerja ke Jepang.</p>
<p>Paket yang disediakan adalah kuliah sambil magang dan bekerja di Jepang. Paket ini memungkinkan generasi muda untuk melakukan kuliah D3 Stikom Bali sambil mencari pengalaman kerja di negeri Sakura.</p>
<p>Metode yang dilakukan adalah mendaftar di Stikom Bali dengan pelaksanaan teknis melakukan perkuliahan secara Offline di bali sambil melakukan kursus Bahasa jepang dalam 1 semester.</p>
<p>Setelah itu, akan dilaksanakan test interview penempatan kerja di Jepang oleh Yayasan Dwipahara yang kemudian siswa bersangkutan bisa ikuti sesuai dengan lokasi atau bidang pekerjaan yang dituju.</p>
<p>Biaya komitmen atau pendaftaran diawal tergolong sangat terjangkau dan yang membuat paket ini menarik adalah seluruh rangkaian kegiatan dibiayai secara Funding / tanpa dipungut biaya langsung kepada siswa.</p>
<p>Siswa diawal hanya cukup untuk melakukan pembayaran biaya komitemen, mengisi form pendaftaran sebagai mahasiswa STIKOM, melakukan medical check up serta melakukan interview psikotest.</p>
<p>Dwipahara Bali sudah memiliki Kerjasama dengan puluhan perusahaan yang tersebar di seluruh negara Jepang yang memastikan program kuliah sambil kerja ini berjalan optimal. Kantor perwakilan Dwipahara yang berada di Jepang juga memberikan jaminan pelayanan apabila di dalam situasi tertentu siswa di Jepang memerlukan bantuan.</p>
<p>Bidag pekerjaan yang bisa dipilih oleh para siswa meliputi Pertanian , pengolahan makanan, Furniture, produksi spare part, kontruksi, tekstil, perawat, mesin dan berbagai pilihan bidang pekerjaan lainnya.</p>
<p>Melalui paket ini diharapkan generasi muda memiliki pola produktifitas dan kualitas kerja sera kedisiplinan yang baik. Dimana para siswa bisa belajar melalui pola Learning Management System (LMS) yang diterapkan STIKOM Bali untuk menjaga kualitas pembelajaran dengan metode daring.***</p>
<p>Sumber : <a href="https://radarbali.jawapos.com/pendidikan/705353578/wisuda-itb-stikom-bali-resmi-meluncurkan-kuliahkerjacom-paket-kuliah-kerja-ke-jepang">https://radarbali.jawapos.com/pendidikan/705353578/wisuda-itb-stikom-bali-resmi-meluncurkan-kuliahkerjacom-paket-kuliah-kerja-ke-jepang</a></p>
<p>The post <a href="https://mbcconsulting.id/wisuda-itb-stikom-bali-resmi-meluncurkan-kuliahkerja-com-paket-kuliah-kerja-ke-jepang/">Wisuda, ITB STIKOM Bali Resmi Meluncurkan Kuliahkerja.com, Paket Kuliah Kerja ke Jepang</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Highly Creative UI/UX Workflow from a Silicon Valley.</title>
		<link>https://mbcconsulting.id/the-highly-creative-ui-ux-workflow-from-a-silicon-valley/</link>
					<comments>https://mbcconsulting.id/the-highly-creative-ui-ux-workflow-from-a-silicon-valley/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 05 Jul 2024 08:28:05 +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://ohio.colabr.io/?p=17953</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>The post <a href="https://mbcconsulting.id/the-highly-creative-ui-ux-workflow-from-a-silicon-valley/">The Highly Creative UI/UX Workflow from a Silicon Valley.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p class="wp-block-paragraph">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&#8217;s color when the user&#8217;s pointer hovers over it.</p>



<p class="wp-block-paragraph">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" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="" class="wp-image-223546"/></figure>



<p class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph"></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 class="wp-block-paragraph">It&#8217;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 class="wp-block-paragraph">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 class="wp-block-paragraph">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>The post <a href="https://mbcconsulting.id/the-highly-creative-ui-ux-workflow-from-a-silicon-valley/">The Highly Creative UI/UX Workflow from a Silicon Valley.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/the-highly-creative-ui-ux-workflow-from-a-silicon-valley/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Creativo Jóvenes: a Lead Designer&#8217;s UI/UX Core Checklist.</title>
		<link>https://mbcconsulting.id/creativo-jovenes-a-lead-designers-ui-ux-core-checklist/</link>
					<comments>https://mbcconsulting.id/creativo-jovenes-a-lead-designers-ui-ux-core-checklist/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 05 Jun 2024 08:28:06 +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://ohio.colabr.io/?p=17954</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>The post <a href="https://mbcconsulting.id/creativo-jovenes-a-lead-designers-ui-ux-core-checklist/">Creativo Jóvenes: a Lead Designer&#8217;s UI/UX Core Checklist.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p class="wp-block-paragraph">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&#8217;s color when the user&#8217;s pointer hovers over it.</p>



<p class="wp-block-paragraph">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" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="" class="wp-image-223546"/></figure>



<p class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">It&#8217;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 class="wp-block-paragraph">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 class="wp-block-paragraph">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>The post <a href="https://mbcconsulting.id/creativo-jovenes-a-lead-designers-ui-ux-core-checklist/">Creativo Jóvenes: a Lead Designer&#8217;s UI/UX Core Checklist.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/creativo-jovenes-a-lead-designers-ui-ux-core-checklist/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Definitive Guide to Make a Daily More Productive Working Flow.</title>
		<link>https://mbcconsulting.id/definitive-guide-to-make-a-daily-more-productive-working-flow/</link>
					<comments>https://mbcconsulting.id/definitive-guide-to-make-a-daily-more-productive-working-flow/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 05 Mar 2024 08:28:02 +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://ohio.colabr.io/?p=17951</guid>

					<description><![CDATA[<p>Using a Query A CSS pseudo-class is a keyword added to a...</p>
<p>The post <a href="https://mbcconsulting.id/definitive-guide-to-make-a-daily-more-productive-working-flow/">Definitive Guide to Make a Daily More Productive Working Flow.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Using a Query</h3>



<p class="wp-block-paragraph">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&#8217;s color when the user&#8217;s pointer hovers over it.</p>



<p class="wp-block-paragraph">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" src="https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-1/jDFdP23o-oh__img8.jpeg" alt="" class="wp-image-223546"/></figure>



<p class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">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 class="wp-block-paragraph">It&#8217;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 class="wp-block-paragraph">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 class="wp-block-paragraph">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>The post <a href="https://mbcconsulting.id/definitive-guide-to-make-a-daily-more-productive-working-flow/">Definitive Guide to Make a Daily More Productive Working Flow.</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/definitive-guide-to-make-a-daily-more-productive-working-flow/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tingkatkan Kualitas Guru, ITB STIKOM Bali Gandeng Axioo dan Intel Gelar Seminar Internasional</title>
		<link>https://mbcconsulting.id/the-high-quality-architecture-solutions-from-a-silicon-valley/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 24 Aug 2023 08:27:51 +0000</pubDate>
				<category><![CDATA[Pendidikan]]></category>
		<category><![CDATA[Teknologi]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[IT]]></category>
		<guid isPermaLink="false">https://ohio.colabr.io/?p=17947</guid>

					<description><![CDATA[<p>Dalam rangka meningkatkan kualitas pendidikan global, Institut Teknologi &#38; Bisnis (ITB) STIKOM...</p>
<p>The post <a href="https://mbcconsulting.id/the-high-quality-architecture-solutions-from-a-silicon-valley/">Tingkatkan Kualitas Guru, ITB STIKOM Bali Gandeng Axioo dan Intel Gelar Seminar Internasional</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Dalam rangka meningkatkan kualitas pendidikan global, Institut Teknologi &amp; Bisnis (ITB) STIKOM Bali bekerja sama dengan Axioo dan Intel Corporation menggelar Seminar Internasional Guru dengan tema ‘Membangun Proses Belajar Mengajar dengan Teknologi Digital’ pada Kamis (24/8/2023) pagi di Ruang Kerta Gosana Puspem Badung, Bali.</p>
<p>Acara tersebut dihadiri langsung Ketua Yayasan Widya Dharma Shanti, Drs. IB. Dharmadiaksa, M.Si.; Rektor ITB STIKOM Bali, Dr. Dadang Hermawan; Kepala Dinas Dikpora Provinsi Bali yang diwakili Kepala UPTD Balai Pengembangan Teknologi Pendidik Disdikpora Provinsi Bali, Luh Made Seriarningsih, S.Kom., MAP.; Kepala Dinas Dikpora Kabupaten Badung, I Gusti Made Dwipayana, SH., M.Si.; pembicara dari Team Intel Corporation &amp; Axioo Class Program; serta undangan lainnya.</p>
<p>Ketua Yayasan Widya Dharma Shanti, Drs. IB. Dharmadiaksa, M.Si., menjelaskan, kegiatan seperti ini sangat perlu dilakukan secara rutin, karena dapat berdampak kepada peningkatan mutu guru agar selalu up to date terhadap perkembangan teknologi di era serba cepat ini.</p>
<blockquote>
<p>“Harapannya setelah mengikuti seminar ini, guru-guru tidak gagap teknologi lagi dan kemampuannya bisa setara dengan guru dari luar Bali bahkan luar negeri,” kata IB. Dharmadiaksa</p>
</blockquote>
<p>Kepala Dinas Dikpora Kabupaten Badung, I Gusti Made Dwipayana, SH., M.Si., mengucapkan terima kasih kepada ITB STIKOM Bali atas ikut serta meningkatkan kualitas pendidikan di Bali dan di Kabupaten Badung pada khususnya.</p>
<blockquote>
<p>“Seminar Internasional Guru ini sangat luar biasa untuk meningkatkan kualitas guru di era digital ini,” tutur Dwipayana.</p>
</blockquote>
<p><a href="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-22957 size-full" src="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17.jpg" alt="" width="1152" height="768" srcset="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17.jpg 1152w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17-300x200.jpg 300w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17-1024x683.jpg 1024w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17-768x512.jpg 768w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-17-18x12.jpg 18w" sizes="(max-width: 1152px) 100vw, 1152px" /></a> <a href="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-22951 size-full" src="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11.jpg" alt="" width="1152" height="768" srcset="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11.jpg 1152w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11-300x200.jpg 300w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11-1024x683.jpg 1024w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11-768x512.jpg 768w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-11-18x12.jpg 18w" sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>Kepala UPTD Balai Pengembangan Teknologi Pendidik Disdikpora Provinsi Bali, Luh Made Seriarningsih, S.Kom., MAP., sangat mengapresiasi seminar internasional yang diadakan oleh ITB STIKOM Bali.</p>
<blockquote>
<p>“Kegiatan seperti ini sangat bermafaat, khususnya bagi bapak/ibu guru sebagai ujung tombak dunia pendidikan. Dimana dengan adanya peningkatan kompetensi dari bapak/ibu guru dalam menyongsong era revolusi industri 4.0 ini dapat menerapkan Kurikulum Merdeka dengan baik,” jelas Luh Made Seriarningsih.</p>
</blockquote>
<blockquote>
<p>Rektor ITB STIKOM Bali, Dr. Dadang Hermawan mengatakan, seminar internasional ini diperuntukan bagi bapak/ibu guru untuk meningkatan wawasan internasional terutama di bidang teknologi informasi. Sebelum mendidik peserta didik, tentunya bapak/ibu guru harus ditingkatkan skill dan wawasan internasionalnya.</p>
</blockquote>
<p><a href="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-22958 size-full" src="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18.jpg" alt="" width="1152" height="768" srcset="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18.jpg 1152w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18-300x200.jpg 300w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18-1024x683.jpg 1024w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18-768x512.jpg 768w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-18-18x12.jpg 18w" sizes="(max-width: 1152px) 100vw, 1152px" /></a> <a href="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-22960 size-full" src="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20.jpg" alt="" width="1152" height="768" srcset="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20.jpg 1152w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20-300x200.jpg 300w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20-1024x683.jpg 1024w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20-768x512.jpg 768w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-20-18x12.jpg 18w" sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>Antusiasme peserta cukup tinggi hingga beberapa peserta pun andil bertanya kepada pembicara. Seminar Internasional Guru ini diakhir dengan pembagian akun demo aplikasi SekolahQU, pembagian voucher sponsor, pembagian doorprize serta sertifikat seminar.</p>
<p>Sumber : <a href="https://baliportalnews.com/?p=116604">https://baliportalnews.com/2023/08/tingkatkan-kualitas-guru-itb-stikom-bali-gandeng-axioo-dan-intel-gelar-seminar-internasional/</a></p>
<p>The post <a href="https://mbcconsulting.id/the-high-quality-architecture-solutions-from-a-silicon-valley/">Tingkatkan Kualitas Guru, ITB STIKOM Bali Gandeng Axioo dan Intel Gelar Seminar Internasional</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jenjang Karier di Bidang UX Design</title>
		<link>https://mbcconsulting.id/jenjang-karier-di-bidang-ux-design/</link>
					<comments>https://mbcconsulting.id/jenjang-karier-di-bidang-ux-design/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 01 Jan 2023 10:19:27 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Teknologi]]></category>
		<guid isPermaLink="false">https://mbcconsulting.id/?p=23134</guid>

					<description><![CDATA[<p>Bidang UX design menawarkan berbagai peluang karier yang menarik dan beragam. Berikut...</p>
<p>The post <a href="https://mbcconsulting.id/jenjang-karier-di-bidang-ux-design/">Jenjang Karier di Bidang UX Design</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Bidang UX design menawarkan berbagai peluang karier yang menarik dan beragam. Berikut adalah beberapa jalur karier yang bisa Anda tempuh setelah memulai karier di bidang ini.</p>
<h3>1. Manajemen UX</h3>
<p>Setelah beberapa tahun berkarier di UX design, Anda dapat meningkatkan jenjang karier ke level manajer. Sebagai UX manager, Anda akan memimpin tim dan proyek, mengatur SDM, budget, timeline, serta mengevaluasi kinerja tim dan membantu perkembangan karier anggota tim. Jika terus melanjutkan karier di level manajer, Anda bisa berpeluang mengisi posisi eksekutif seperti Chief Design Officer atau VP User Experience.</p>
<h3>2. Posisi Senior UX Design</h3>
<p>Posisi ini, seperti Lead UX Designer atau Senior UX Designer, cocok bagi Anda yang ingin tetap berpartisipasi dalam pembuatan desain UX. Berbeda dengan manajemen UX yang lebih fokus memimpin tim, posisi senior ini memungkinkan Anda untuk tetap terlibat dalam pekerjaan desain secara langsung.</p>
<h3>3. Pekerja Lepas (Freelancer)</h3>
<p>Menjadi freelancer memberi fleksibilitas jam kerja dan pilihan proyek serta perusahaan. Namun, Anda perlu menyiapkan portofolio yang menonjolkan kelebihan dan tekun mencari klien karena tawaran belum tentu diterima. Freelancing juga bisa dijadikan pekerjaan sampingan.</p>
<h3>4. Consulting</h3>
<p>Karier consulting memungkinkan Anda membantu bisnis merancang user experience yang lebih baik. Tugas konsultan UX termasuk memberikan pelatihan, melakukan riset konsumen, mendesain dan membuat prototype, serta merekomendasikan action plan untuk memperbaiki user experience.</p>
<h3>5. UX Specialist</h3>
<p>Sebagai UX specialist, Anda bisa menekuni bidang spesifik di area UX design atau berpindah ke bidang terkait seperti UI/UX design. Misalnya, menjadi pengajar atau tutor UX design, atau UX engineer jika memiliki spesialisasi di front end development.</p>
<h3>6. Entrepreneur UX Designer</h3>
<p>Bagi yang memiliki jiwa wirausaha, Anda bisa memulai bisnis sendiri seperti mendirikan agensi atau startup. Dengan latar belakang UX design, Anda tahu bagaimana memberikan pengalaman menyenangkan bagi konsumen dan memahami kebutuhan mereka. Career path ini cocok jika Anda memiliki banyak inovasi baru berkaitan dengan produk digital.</p>
<p>Dengan berbagai pilihan jenjang karier ini, UX designer memiliki prospek karier yang jelas dan beragam. Tentukan jalur karier yang paling sesuai dengan minat dan kemampuan Anda.</p>
<p>The post <a href="https://mbcconsulting.id/jenjang-karier-di-bidang-ux-design/">Jenjang Karier di Bidang UX Design</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/jenjang-karier-di-bidang-ux-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tren UI/UX 2024: Inovasi Terkini yang Mengubah Interaksi Teknologi</title>
		<link>https://mbcconsulting.id/tren-ui-ux-2024-inovasi-terkini-yang-mengubah-interaksi-teknologi/</link>
					<comments>https://mbcconsulting.id/tren-ui-ux-2024-inovasi-terkini-yang-mengubah-interaksi-teknologi/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 01 Jan 2023 10:15:22 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Teknologi]]></category>
		<guid isPermaLink="false">https://mbcconsulting.id/?p=23130</guid>

					<description><![CDATA[<p>Industri desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) terus berkembang seiring...</p>
<p>The post <a href="https://mbcconsulting.id/tren-ui-ux-2024-inovasi-terkini-yang-mengubah-interaksi-teknologi/">Tren UI/UX 2024: Inovasi Terkini yang Mengubah Interaksi Teknologi</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Industri desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) terus berkembang seiring dengan kemajuan teknologi dan perubahan kebutuhan pengguna. Tahun 2025 membawa sejumlah inovasi yang tidak hanya mengubah cara kita berinteraksi dengan teknologi, tetapi juga meningkatkan kualitas pengalaman pengguna secara keseluruhan. Berikut adalah beberapa tren UI/UX terbaru yang diantisipasi akan mendominasi tahun 2024.</p>
<h2>1. <strong>Desain Berbasis Kecerdasan Buatan (AI)</strong></h2>
<p>Kecerdasan buatan (AI) semakin memainkan peran penting dalam desain UI/UX. AI dapat menganalisis data pengguna secara real-time dan memberikan rekomendasi desain yang lebih personal dan relevan. Misalnya, sistem AI dapat menyesuaikan tata letak antarmuka berdasarkan preferensi pengguna atau memberikan saran konten yang sesuai dengan kebiasaan penggunaan mereka.</p>
<h2>2. <strong>Antarmuka Suara dan Percakapan</strong></h2>
<p>Antarmuka berbasis suara (VUI) dan chatbot berbasis percakapan semakin populer. Dengan peningkatan teknologi pengenalan suara dan pemrosesan bahasa alami, pengguna dapat berinteraksi dengan aplikasi dan perangkat melalui perintah suara dengan lebih mudah dan efisien. Tren ini memberikan pengalaman hands-free yang lebih intuitif, terutama dalam situasi di mana penggunaan tangan terbatas, seperti saat mengemudi.</p>
<h2>3. <strong>Desain Minimalis dan Fokus pada Aksesibilitas</strong></h2>
<p>Desain minimalis yang fokus pada kesederhanaan dan fungsionalitas akan terus menjadi tren. Penggunaan ruang putih yang lebih banyak, tipografi yang jelas, dan elemen visual yang sederhana membantu pengguna fokus pada konten utama. Selain itu, desain yang ramah aksesibilitas akan semakin diutamakan untuk memastikan semua pengguna, termasuk mereka yang memiliki keterbatasan fisik, dapat mengakses dan menggunakan aplikasi dengan mudah.</p>
<h2>4. <strong>Realitas Augmentasi (AR) dan Realitas Virtual (VR)</strong></h2>
<p>Teknologi AR dan VR membuka peluang baru dalam desain UI/UX. Pengalaman imersif yang ditawarkan oleh AR dan VR memungkinkan pengguna untuk berinteraksi dengan konten digital dalam konteks dunia nyata atau dunia virtual. Misalnya, aplikasi e-commerce dapat menggunakan AR untuk memungkinkan pengguna mencoba produk secara virtual sebelum membeli.</p>
<h2>5. <strong>Micro-Interactions dan Animasi</strong></h2>
<p>Micro-interactions adalah elemen kecil dalam desain yang membantu pengguna memahami tindakan yang mereka lakukan dan memberikan umpan balik langsung. Misalnya, animasi tombol yang berubah warna saat diklik atau notifikasi yang muncul saat tugas selesai. Micro-interactions meningkatkan pengalaman pengguna dengan membuat interaksi lebih intuitif dan menyenangkan.</p>
<h2>6. <strong>Desain Berbasis Data</strong></h2>
<p>Penggunaan data dalam desain UI/UX akan semakin meluas. Desainer dapat memanfaatkan data analitik untuk memahami perilaku pengguna, mengidentifikasi titik nyeri, dan mengoptimalkan antarmuka untuk meningkatkan kepuasan pengguna. Pengujian A/B dan iterasi berbasis data akan menjadi praktik umum untuk memastikan desain yang dihasilkan benar-benar efektif.</p>
<h2>7. <strong>Integrasi Multiplatform dan Perangkat</strong></h2>
<p>Di era di mana pengguna sering beralih antara berbagai perangkat, desain yang konsisten dan responsif di semua platform menjadi sangat penting. Desainer harus memastikan pengalaman yang mulus saat pengguna berpindah dari smartphone ke tablet, laptop, atau perangkat lainnya. Integrasi yang baik antara berbagai perangkat akan menjadi kunci keberhasilan dalam memberikan pengalaman pengguna yang optimal.</p>
<h2>8. <strong>Desain yang Berkelanjutan dan Ramah Lingkungan</strong></h2>
<p>Kesadaran akan isu lingkungan juga mempengaruhi tren UI/UX. Desainer mulai mempertimbangkan aspek keberlanjutan dalam pekerjaan mereka, seperti menggunakan skema warna yang lebih ramah energi pada layar OLED atau mengoptimalkan kode untuk mengurangi konsumsi daya. Tren ini mencerminkan komitmen industri terhadap praktik desain yang lebih bertanggung jawab terhadap lingkungan.</p>
<h2>9. <strong>Personalisasi yang Lebih Mendalam</strong></h2>
<p>Personalisasi akan mencapai tingkat baru dengan penggunaan AI dan data besar. Aplikasi dan situs web akan dapat menyesuaikan konten, tata letak, dan rekomendasi berdasarkan preferensi dan perilaku individu. Pengalaman yang lebih dipersonalisasi ini tidak hanya meningkatkan kepuasan pengguna, tetapi juga meningkatkan retensi dan loyalitas pengguna.</p>
<h2>10. <strong>Keamanan dan Privasi</strong></h2>
<p>Dengan meningkatnya kesadaran akan isu keamanan dan privasi data, desainer UI/UX harus memastikan bahwa aplikasi dan situs web mereka tidak hanya aman tetapi juga transparan dalam hal penggunaan data. Desain yang informatif mengenai kebijakan privasi dan kontrol keamanan yang mudah diakses akan menjadi standar baru dalam industri.</p>
<p><a href="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-22942 size-full" src="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2.jpg" alt="" width="1152" height="768" srcset="https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2.jpg 1152w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2-300x200.jpg 300w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2-1024x683.jpg 1024w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2-768x512.jpg 768w, https://mbcconsulting.id/wp-content/uploads/2020/08/seminar-sfi-2-18x12.jpg 18w" sizes="(max-width: 1152px) 100vw, 1152px" /></a></p>
<p>Tren UI/UX 2025 menunjukkan bahwa inovasi teknologi dan pemahaman mendalam tentang kebutuhan pengguna akan terus mendorong perkembangan desain antarmuka dan pengalaman pengguna. Dengan mengadopsi tren-tren ini, desainer dapat menciptakan solusi yang tidak hanya menarik secara visual tetapi juga fungsional, aman, dan berkelanjutan.</p>
<p>The post <a href="https://mbcconsulting.id/tren-ui-ux-2024-inovasi-terkini-yang-mengubah-interaksi-teknologi/">Tren UI/UX 2024: Inovasi Terkini yang Mengubah Interaksi Teknologi</a> appeared first on <a href="https://mbcconsulting.id">PT. Mitra Bisnis Ciptakarya</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mbcconsulting.id/tren-ui-ux-2024-inovasi-terkini-yang-mengubah-interaksi-teknologi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
