<?xml version="1.0" encoding="UTF-8" ?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" version="2.0"> <channel> <title><![CDATA[MC Project]]></title> <description><![CDATA[Global digital products and freelance services. Focuses on development, production and distribution of programming scripts, application source code, plugins, themes and templates.]]></description> <image> <title><![CDATA[MC Project]]></title> <url>https://en.mycoding.id/favicon.ico</url> <link>https://en.mycoding.id/</link> </image> <category><![CDATA[Software Engineering, Website Development, Mobile Android App, Application Source Code, Programming Scripts]]></category> <link>https://en.mycoding.id/</link> <atom:link href="https://en.mycoding.id/rss.xml" rel="self" type="application/rss+xml"/> <atom:link href="https://en.mycoding.id/rss-videos.xml" rel="alternate" type="application/rss+xml"/> <atom:link href="https://en.mycoding.id/" rel="alternate" type="text/html"/> <pubDate>Tue, 13 Oct 2026 10:41:01 +0700</pubDate> <lastBuildDate>Tue, 13 Oct 2026 10:41:01 +0700</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <managingEditor>support@mycoding.id (Adi Gunawan)</managingEditor> <webMaster>support@mycoding.id (Adi Gunawan)</webMaster> <language>en_US</language> <copyright>MC Project</copyright> <generator>MC Project</generator> <item> <title><![CDATA[The simple habit that can make you more magnetic at work]]></title> <description><![CDATA[The simple habit that can make you more magnetic at work. Pamela Meyer provides applicable steps to enhance your power at activity by being completely current and attentive. Discover these techniques today.]]></description> <media:thumbnail url="https://i.insider.com/6acd3bc07bf24b4467e6a69d?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/the-simple-habit-that-can-make-you-more-magnetic-at-work-72276</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div id="player-container-gewh91WF" data-component-type="video" data-type="video" data-video-player data-media-id="Bmicolwu" data-title="The uncomplicated habit that can create you additional magnetic at work" data-advertising="enabled" data-region="in-content" data-id="player-container-gewh91WF" data-enabled="true" data-events="disabled" data-preroll="4442842/businessinsider.desktop/post/pre-roll-in-content/strategy" data-midroll="4442842/businessinsider.desktop/post/mid-roll-in-content/strategy" data-sponsored="false" data-placement-id="gewh91WF" data-track-element="featured_video" data-float="true" data-thumbnail="https://i.insider.com/6ac951a67bf24b4467e69eb6?width=850&amp;format=jpeg&amp;auto=webp" data-render-thumbnail="true"> <div> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="https://i.insider.com/6ac951a67bf24b4467e69eb6?width=850&amp;format=jpeg&amp;auto=webp" alt=""> </p> </div> </div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <h2 id="4f48e947-1c8d-45d5-b341-9e54067d8324" data-toc-id="4f48e947-1c8d-45d5-b341-9e54067d8324"><strong>Get improved at: Being magnetic</strong></h2><h3 id="12590535-0a87-480d-8949-0c3e767e6e9a" data-toc-id="12590535-0a87-480d-8949-0c3e767e6e9a">Today's move</h3><p>The group who command a area aren't fair interesting, they're completely present. That allows them to notice how group are reacting and to create those about them awareness they have their complete attention.</p><p>To be current during crucial interactions, you need to archetypal get focused before you arrive. That method you can't be thinking concerning your to-do list, your final meeting, or what comes after.</p><h3 id="24f5c6a8-0f2a-4fdd-a553-9723dfe2c748" data-toc-id="24f5c6a8-0f2a-4fdd-a553-9723dfe2c748"><strong>Why it works</strong></h3><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Pamela Meyer,</a> author of <a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=eb82d80cd2b011de83ea60bacb90c10f1131d7c8b767f78d488eee2d2c808d61&amp;u=https%3A%2F%2Fwww.amazon.com%2Fdp%2F1250378230%3Flv%3Dshuf%26amp%253Bhvlocphy%3D9073497%26amp%253Bhvptwo%3D%26amp%253Bhvnetw%3Dg%26amp%253Bmcid%3D%26amp%253Bhvext%3D372810068523%26amp%253Bhvadid%3D813010282265%26amp%253Blanguage%3Den_US%26amp%253Bhvpone%3D%26amp%253Bhvlocint%3D%26amp%253Bhvcampaign%3D23942126630%26amp%253Bhydadcr%3D10516_13904245_2508979%26amp%253Bhvpos%3D%26amp%253Bhvdev%3Dc%26amp%253Bhvdvcmdl%3D%26amp%253Bhvocijid%3D13584050198213501389--%26amp%253Bhvqmt%3Da%26amp%253Bhvexpln%3D0%26amp%253Btag%3Dsmgglusdsadts-20%26amp%253Bhvtargid%3Dkwl-2484167636399%26amp%253Badgrpid%3D196859461385%26amp%253Bhvrand%3D13584050198213501389%26amp%253BchannelId%3D500%26amp%253Bref_%3D%26amp%253BplpRedirect%3DmhFallback">"How to Read the Room,"</a> stated taking period to decrease "cognitive load" before a gathering can assistance you remain focused and busy during the interaction.</p><p>A study of additional than 1,600 group involving five listening experiments, published in <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">"Personality and Social Psychology Bulletin,"</a> established that whenever group were genuinely listened to, they felt nearer and additional connected to the listener.</p> <p>That's what being magnetic is about: Making others awareness seen by giving them your complete attention.</p><h3 id="5f18fe56-8d5f-489e-929c-82debffe9c0d" data-toc-id="5f18fe56-8d5f-489e-929c-82debffe9c0d"><strong>Try it today</strong></h3><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meyer recommends</a> a quick pre-arrival exercise to assistance you improved prepared for an communication anywhere you need to be completely current called PAM: Purpose. Attention. Modulate.</p><p>First, purpose: Decide on one item you desire to accomplish.</p><p>Second, attention: Put distant your phone and apparent the mental and digital distractions competing for your attention.</p><p>Finally, modulate: Take three breaths and think concerning the energy you desire to bring into the room.</p> <h3 id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae" data-toc-id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae"><strong>The base line</strong></h3><p id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae">People volition awareness drawn to you whenever they awareness akin way you're paying notice to them.</p><h3 id="cc497efe-66f6-4473-8b07-438a34873e35" data-toc-id="cc497efe-66f6-4473-8b07-438a34873e35"><strong>Source</strong></h3><p>This understanding is drawn from Business Insider's reporting on Pamela Meyer's book, "How to Read the Room." Read additional in Business Insider's <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ana Altchek's narrative here.</a></p><h4 id="a78f3a50-5261-403c-ae43-6c15e235b56b" data-toc-id="a78f3a50-5261-403c-ae43-6c15e235b56b"><strong><em>What do you regard to be the signs of a magnetic leader? Tell us what you think of this guidance direction in the comments below.</em></strong></h4> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/the-simple-habit-that-can-make-you-more-magnetic-at-work-72276</guid> <pubDate>Tue, 13 Oct 2026 10:41:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[Nestlé's CEO shares the feedback he got that changed how he leads]]></title> <description><![CDATA[Nestlé's CEO shares the feedback he got that changed how he leads. Philipp Navratil stated that whenever he gives group feedback, he tries to concentration most of the conversation on solutions.]]></description> <media:thumbnail url="https://i.insider.com/6ac6a3f57bf24b4467e68e87?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/nestle-s-ceo-shares-the-feedback-he-got-that-changed-how-he-leads-72277</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div id="player-container-gewh91WF" data-component-type="video" data-type="video" data-video-player data-media-id="xsVGUgIb" data-title="Nestlé&#039;s CEO shares the feedback he got that changed how he leads" data-advertising="enabled" data-region="in-content" data-id="player-container-gewh91WF" data-enabled="true" data-events="disabled" data-preroll="4442842/businessinsider.desktop/post/pre-roll-in-content/strategy" data-midroll="4442842/businessinsider.desktop/post/mid-roll-in-content/strategy" data-sponsored="false" data-placement-id="gewh91WF" data-track-element="featured_video" data-float="true" data-thumbnail="https://i.insider.com/6ac6a41f7bf24b4467e68e89?width=850&amp;format=jpeg&amp;auto=webp" data-render-thumbnail="true"> <div> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="https://i.insider.com/6ac6a41f7bf24b4467e68e89?width=850&amp;format=jpeg&amp;auto=webp" alt=""> </p> </div> </div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>No one likes to be told they're doing item incorrect &mdash; but it's not uncomplicated to be the messenger either.</p><p>Philipp Navratil has spent additional than two decades at Nestl&eacute;. Early in his guidance career, he received one part of direction that reshaped how he manages people: <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Give honest feedback</a>.</p><p>The CEO of the business rearward additional than 30 billion-dollar brands, including Nespresso and DiGiorno, stated he whenever he archetypal stepped into leadership, he struggled to inform workforce whenever their achievement cut short.</p><p>"It's uncomplicated to inform person 'Great job, fine done,'" Navratil told Business Insider.</p> <p>The difficult part is speaking up whenever things aren't going well, he said. The CEO stated that he tries to be "as straightforward as possible," since if you attack about the bush, group may young female the point.</p><p>"It's much additional precious for them to obtain it that way since it's clear," Navratil said.</p><p>Today, Navratil said, he sees feedback as one of a leader's most crucial responsibilities &mdash; not fair since it helps the business overall, but since it helps workforce grow, too.</p><p>Direct doesn't average harsh, though. Navratil stated he gives the criticism, but afterward he spends additional period talking concerning how to enhance the situation. That may average asking the individual how he can help, or suggesting a resolution that they can activity through together.</p><p>While those conversations may appear clumsy or uncomfortable, it could end up bringing you nearer to that individual. Navratil stated that feedback discussions guide to stronger individual relationships since they contain follow-up conversations.</p> <p>"I awareness that I owe it to the person," Navratil said.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/nestle-s-ceo-shares-the-feedback-he-got-that-changed-how-he-leads-72277</guid> <pubDate>Tue, 13 Oct 2026 10:39:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[AI labs are fueling a wild market for your Slack DMs]]></title> <description><![CDATA[AI labs are fueling a wild market for your Slack DMs. AI labs are offering companies big prosperity for inner data akin employee emails and Slack DMs, raising important cybersecurity and privacy concerns.]]></description> <media:thumbnail url="https://i.insider.com/6acd26c3c2928e989ab95c41?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/ai-labs-are-fueling-a-wild-market-for-your-slack-dms-72278</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6acd26c3c2928e989ab95c41" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6acd26c3c2928e989ab95c41?width=900&amp;format=mp4" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Tyler Le/BI</span> </span> </p></div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>As they competition to automate white-collar work, AI labs have established the ideal origin of training data: your Slack DMs.</p><p>Business owners are getting six-figure "exploding offers" that expire in 48 hours to market their data. Instagram is inundated alongside ads declaring that "AI needs your data" and promising millions. The data is priced by the terabyte, anonymized, and sold to AI giants desperate for an edge.</p><p>Tech giants have moved to crop their employees' data for AI training. And, formerly focused on deceased startups, brokers now pay for live data from energetic companies.</p><p>"Right now, the petition is fair astronomical," stated Dan Novaes, the <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO of Mode.Inc</a>, a startup that sells data to AI example developers.</p><p>Mundane office data is additional precious than always as OpenAI, Anthropic, Meta, and others build AI agents for businesses. Annual spending on data for AI is projected to detonate from small than $1 milliard final twelvemonth to nearly $6.5 milliard in 2027, Gartner estimates.</p><p>The surge has a darker side. Employees rarely gain from &mdash; or cognize concerning &mdash; their Slacks, PowerPoints, and Google Docs being sold to the highest bidder. Suspected hackers have shopped about a ample company's taken codebase for millions of dollars. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meta's attempt to harvest</a> its own employees' data for its AI models <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">sparked a revolt</a>.</p> <p>Some CEOs are getting blindsided. Doug Kreuzkamp, who runs transporter operations business Springshot, was sitting in his agency on a Zoom call in August whenever he established out that Google had bought his data. Springshot, a longtime vendor for the now-bankrupt <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Spirit Airlines</a>, helped flights coordinate alongside workers specified as entrance agents and cleaners.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4a93c2928e989ab95db4&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8026,&quot;aspectRatioH&quot;:4972}}' alt="Yellow Spirit Airlines jets are parked in a row on an airfield tarmac alongside mobile stairs beside one aircraft."> </p></div> <span> <figcaption e-name="image-caption"> Bankrupt Spirit Airlines is marketing off its data.&nbsp; <span e-name="image-source" itemprop="creditText"> The Dallas Morning News/ Getty Images </span> </figcaption> </span> </figure> <p>"I had small than 48 hours' notice &mdash; from the media &mdash; that the intelligent asset we had spent 15 years construction could be stated away," Kreuzkamp told Business Insider.</p><p>The surging market is pushing into uncharted waters, and the industry risks a reckoning alongside workers and regulators, stated Ifeoma Ajunwa, a law prof at Emory University. The deficiency of national privacy laws leaves few lawful barriers to companies collecting data from their workforce for AI training, she added.</p><p>"The inquiry is, does the consent of the workforce from whom they collected that data really broaden to the transaction of the data? I think it's an ethically gray area," Ajunwa said.</p><h2 id="85a9f42a-c4c7-4c72-94e3-826653cae032" data-toc-id="85a9f42a-c4c7-4c72-94e3-826653cae032"><strong>Business data has rotate into the new oil</strong></h2><p>The surge has created a thriving collection of go-betweens who hunt for small businesses affluent in data and low on cash. After scrubbing delicate data akin Social Security numbers and residence addresses, they resell it to AI giants.</p><p>Although the industry is new, it's rotate into extremely competitive. Ryan Lock, cofounder of AI agent Polyshares, compares it to the oil surge that hit Texas in the first 1900s, whenever prospectors snapped up cheap district from farmers who didn't acknowledge the true value of the oil underneath it.</p><p>Small-business owners sitting on troves of inner records may not acknowledge the apparently mundane records could be value big money. Tactics akin 48-hour deadlines have rotate into common, Lock said.</p><p>"The offers being made appearance nearly identical to those first oil offers," he stated from his residence basis in Dallas. "They'll say, 'I'm offering you twice market. I need an answer by Friday.'"</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4fbc42403ad8039a5cba&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8192,&quot;aspectRatioH&quot;:5464}}' alt="Pumpjacks in Texas"> </p></div> <span> <figcaption e-name="image-caption"> Pumpjacks functioning in the Permian Basin in Texas.&nbsp; <span e-name="image-source" itemprop="creditText"> Bloomberg/Getty Images </span> </figcaption> </span> </figure> <p>Lock and his cofounders went through the data-licensing procedure themselves alongside their another companies, sometimes laughing out noisy at the lowball offers they got. Their resolute tries to extend that data gap by giving endeavor owners additional transparency concerning what their data is worth.</p> <p>"There's motionless plentifulness of prosperity for everyone, but endeavor owners should obtain additional of the benefit," he said.</p><h2 id="f05f117c-133a-4d4d-b4a7-7b0e9b3e1b76" data-toc-id="f05f117c-133a-4d4d-b4a7-7b0e9b3e1b76"><strong>Wanted: data from companies, deceased or alive</strong></h2><p>Data that demonstrates how activity is really done is extremely valuable, stated William Almeida, the chief income authoritative of <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">AI training startup Micro1</a>, since it provides crucial environment on how decisions are made and products are built.</p><p>That data can assistance <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">train agents</a>, the autonomous <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">computer-using AI tools</a> that have rotate into a important <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">focus for companies akin Meta</a> and SpaceXAI. As AI companies build new models, the real-world data guides the AI on how finest to grip particular tasks.</p><p>Micro1 announced a program before this twelvemonth that pays midsize companies $100,000 to $2 myriad for admission to anonymized data. Almeida stated AI developers increasingly desire "long-horizon" data that can provision a complete image of how activity gets done. If a business won't market its Slack, client association management, or email records, the remainder of the corpus is small valuable.</p><p>The data is priced according to a multitude of factors, alongside quantity being a crucial one. The additional white-collar workforce a business has, the additional precious its data corpus is, stated Novaes, the Mode.Inc CEO.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/webp" data-srcs='//i.insider.com/6acd5005c2928e989ab95e06&quot;:{&quot;contentType&quot;:&quot;image/webp&quot;,&quot;aspectRatioW&quot;:1300,&quot;aspectRatioH&quot;:1037}}' alt="Mode.Inc CEO Dan Novaes and tech chief Kiran Panesar. Mode.Inc"> </p></div> <span> <figcaption e-name="image-caption"> Mode.Inc CEO Dan Novaes and tech chief Kiran Panesar.&nbsp; <span e-name="image-source" itemprop="creditText"> Mode.Inc </span> </figcaption> </span> </figure> <p>Other factors, akin exclusivity, matter &mdash; there's lesser petition for a codebase that a competitor lab already has its hands on. Fields that AI giants are trying the hardest to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">automate, akin law</a> and accounting, see particularly elevated demand.</p><p>Generally, though, any business &mdash; deceased or alive, big or small &mdash; can market its data, as lengthy as it has enough.</p><p>"People need to awaken up to it and obtain this opportunity," Novaes said.</p><p>Grant Gooley decided to licence his company's data to an AI training company. His agency, MyPortal Marketing, has sold Micro1 everything from Figma and Canva records to checklists for onboarding clients to Google ads. He stated it didn't market client-specific material.</p><p>"If AI is going to be trained, why not be part of that, and do it responsibly?" Gooley said.</p><h2 id="d6d80a03-cedd-4bce-845c-3f6023d915db" data-toc-id="d6d80a03-cedd-4bce-845c-3f6023d915db"><strong>A new breed of safety and privacy concerns</strong></h2><p>While the market creates prosperity for some, it's breeding new kinds of cybersecurity and privacy risks for others.</p><p>Nick Heiner helps enhance AI agents by construction office-like digital environments at AI training startup <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Surge AI</a>. Heiner stated that before this year, he was approached by a collection offering a ample company's codebase for millions of dollars.</p><p>"It became apparent that this collection did not have the entitlements to market this data," Heiner told Business Insider. "They had illicitly obtained a copy of the codebase and were fair going about to all the data vendors saying, 'Can I get a few myriad bucks for this?'"</p><p>Security and consent concerns aren't constricted to hackers. Google's bid to buy <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Spirit Airlines' old data</a> for $10 myriad has been held up, in part, by escape attendants concerned concerning how their records volition be used. Last week, Sen. Elizabeth Warren and complete 100 another members of Congress wrote a letter to Google and Spirit urging the companies to defend the privacy of thousands of erstwhile Spirit employees.</p><p>A Google spokesman told Business Insider that it's not looking to buy any individual data from Spirit Airlines and that any specified data would be either excluded or de-identified by an autonomous third party. A delegate for Spirit stated the business is operating closely alongside the escape attendants and another unions to location their concerns.</p><p>Former gig workers for <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Mercor, another AI training startup</a>, have alleged in an <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">ongoing lawsuit</a> that the business encouraged them to upload activity materials without their employers' consent. Mercor has denied their claims in court.</p><p>The hunger for activity records is so powerful that several tech giants have tried tracking their own staff.</p><p>At Meta, workforce revolted whenever the business announced a new program before this twelvemonth to track their keystrokes and mouse movements for AI training. Employees concerned that Meta would grasp their delicate data, akin credit cardstock numbers and immigration documents.</p><p>Although Meta's chief innovation officer, Andrew Bosworth, pledged that the data would be "tightly controlled," it turned out that it had been viewable throughout the business in a important inner leak. The supposedly anonymized data included employees' personal conversations and achievement records, screenshots obtained by Business Insider show. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meta suspended the project</a> shortly following the breach and hasn't restarted it.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4add7bf24b4467e6a71e&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:4000,&quot;aspectRatioH&quot;:2666}}' alt="Andrew Bosworth"> </p></div> <span> <figcaption e-name="image-caption"> Meta's chief innovation officer, Andrew Bosworth.&nbsp; <span e-name="image-source" itemprop="creditText"> Bloomberg/ Getty Images </span> </figcaption> </span> </figure> <p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Google formerly considered</a> tracking its staff's AI output and ultimately dropped the idea, Business Insider earlier reported.</p><p>The Meta revolt hasn't stopped another companies from eyeing employee data as a helpful shortcut to AI domination, including the world's richest man.</p><p>In an all-hands gathering in August, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO Elon Musk told employees</a> that SpaceX would train its Grok AI on employee data and encouraged them to think of themselves as the model's "parents."</p><p>"In a way, it volition be trained on you. It volition inherit your thoughts and ideas and beliefs, and I think that's a fine thing," Musk said.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4af7c2928e989ab95dbf&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:5218,&quot;aspectRatioH&quot;:3478}}' alt="Elon Musk"> </p></div> <span> <figcaption e-name="image-caption"> SpaceX CEO Elon Musk.&nbsp; <span e-name="image-source" itemprop="creditText"> AP Photo/Mark Schiefelbein </span> </figcaption> </span> </figure> <h2 id="058531a6-29e2-4a3c-83b0-51aa9bbe2fcd" data-toc-id="058531a6-29e2-4a3c-83b0-51aa9bbe2fcd"><strong>A huge market that few workers are conscious of</strong></h2><p>Though the business data market is nascent, the AI training startups cashing in are optimistic.</p><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ali Ansari, Micro1's CEO</a>, says licensing data to labs could rotate into among the most average income sources for businesses worldwide, he lately posted on X. He estimates that, soon, concerning 10% of the US's GDP could be dedicated to training AI models, gratitude to endeavor data and individual professionals.</p><p>Last week, Micro1 announced a dedication to expend $1 milliard on business data complete the next 12 months.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6acd4f2d42403ad8039a5ca8&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1100,&quot;aspectRatioH&quot;:948}}' alt="Micro1 CEO Ali Ansari."> </p></div> <span> <figcaption e-name="image-caption"> Micro1 CEO Ali Ansari.&nbsp; <span e-name="image-source" itemprop="creditText"> Micro1 </span> </figcaption> </span> </figure> <p>The expanding use of employee records for AI training could enhance the urgency of calls for new data safety and privacy regulations, stated Alex Rosenblat, a sociologist and erstwhile Uber guideline executive.</p><p>It could additionally provision workforce new leverage and negotiating power as the value of their mundane digital footprint grows, she said.</p><p>"It's not that data gathering wasn't current before; it's that the measure at which it can happen, the measure at which it is useful, has shifted," Rosenblat said.</p><p>"And that's an chance for group to say, 'wait a minute, the value of this is escaping us.'"</p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Charles Rollet is Business Insider's tech equal in San Francisco, anywhere he focuses on breaking important news concerning the AI industry. In 2025, he led an inquiry which revealed that Scale AI had inadvertently exposed confidential data concerning its workers and clients. In 2026, he was the archetypal to interrupt the news that Meta had halted a arguable keystroke tracking program.</span><span>Prior to joining BI, Charles worked at TechCrunch covering startups and VC in San Francisco. Before that, he was based in Southeast Asia for a decade, anywhere his activity won a Gerald Loeb award and was nominated for a Society of Publishers in Asia award. His reporting on the surveillance industry led to US individual entitlements sanctions on five Chinese safety camera manufacturers.</span><span>Charles is particularly curious in how frontier AI models are built and trained. He has a master's flat in endeavor reporting from NYU and a bachelor's flat in former from Northwestern.</span><span>You can communication Charles securely on Signal at charlesrollet.12 or +1-628-282-2811.&nbsp;Charles keeps sources anonymous. Please use a non-work equipment to attain out.</span> </p> </div> </div> <div> <div> <p><span>Stephen is a elder tech newsman at Business Insider, covering OpenAI, Anthropic and the ecosystem about the foremost synthetic intellect companies.</span><span>Previously he covered innovation at SFGATE, and has written for The Wall Street Journal, The Information and CNBC. He studied reporting and economics at Northwestern University.</span><span>His activity has earned an SF Press Club Investigative Reporting Award and, in 2025, SPJ NorCal&rsquo;s Excellence in Journalism Award for Technology Reporting.</span><span>Stephen lives in San Francisco. Contact him via&nbsp;email at&nbsp;<a href="https://en.mycoding.id/category/business" target="_blank">scouncil@businessinsider.com</a>, or on Signal, Telegram, or WhatsApp at 415-757-8198. Use a individual email address, a nonwork WiFi network, and a nonwork device; <a href="https://en.mycoding.id/category/business" target="_blank">here's our guide to sharing data securely</a>.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/ai-labs-are-fueling-a-wild-market-for-your-slack-dms-72278</guid> <pubDate>Tue, 13 Oct 2026 10:30:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Charles Rollet,Tom Carter,Stephen Council)]]></author> </item> <item> <title><![CDATA[Were Software Engineers blue-collar workers all along?]]></title> <description><![CDATA[Were Software Engineers blue-collar workers all along?. Comments]]></description> <media:thumbnail url="https://ptrbrynt.com/social_previews/posts/were-we-blue-collar-workers-all-along.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/were-software-engineers-blue-collar-workers-all-along-72280</link> <content:encoded><![CDATA[<div> <p>There&rsquo;s a average idea among economists that you can broadly divided workforce into two categories. &ldquo;White-collar&rdquo; workers are typically group who activity in offices doing service-based, knowledge-based, managerial, or administrative work; &ldquo;blue-collar&rdquo; workers mostly do manual labor or execute skilled trades.</p> <p>Since at smallest the commencement of my career, application engineers have been considered white-collar. We activity in offices at computers, and we agreement alongside knowledge. Our activity requires advanced training or education.</p> <p>But what if that assumption has been incorrect? What if we were really blue-collar, skilled tradespeople all along?</p> <p>Typically, whenever we think of blue-collar workers, we think of group who do the hands-on labor of making or fixing stuff. Builders, plumbers, carpenters, electricians, miners, care engineers, storage workers etc. Software developers have typically divided themselves from this category, but I&rsquo;m not entirely certain why. We do the identical item &mdash; that is, we create or fix material &mdash; apart from we activity in bits fairly than atoms.</p> <p>This is entirely not to say that application developers aren&rsquo;t as skilled as we idea we were. If anything, I&rsquo;d say categorising betterment as a skilled commerce gives additional credit to the activity we do. Just akin electricians or carpenters, application developers must expend years practicing their accomplishment in command to rotate into skilled and sought-after. It doesn&rsquo;t necessarily necessitate a ceremonial education, but it certainly takes period and custom to master.</p> <p>I amazement whether this incorrect assumption is fuelling, at smallest in part, the current AI character emergency that application developers are facing. Blue-collar workers, in general, have successfully ridden the waves of scientific change. If you can oversee a squad of manual carpenters, you can additionally oversee a storage complete of woodworking robots. It&rsquo;s normally the white-collar workers who withstand the most financial disruption from important scientific innovations.</p> <p>Software engineers are discovering that, fair akin anyone alternatively in a skilled trade, they really <em>can</em> be outpaced by technology. So we do what another skilled traders have done: fig out how to use the new innovation to do the jobs we used to do by hand.</p> <p>I&rsquo;m fearful that this is the end of a extremely lengthy honeymoon for application developers. We have spent the former 30 years being treated akin rock stars in our companies. Our period and notice is protected at all costs; we have been capable to petition salaries which far outpace our peers; non-technical colleagues accept everything we say concerning how lengthy things obtain or how difficult it&rsquo;s going to be to compose features. But the honeymoon is over, and we&rsquo;re all freaking out because, among another things, we are no longer the most crucial individual in the company.</p> <p>We are the seamstresses lamenting the introduction of the loom. We are the lumberjacks worrying concerning chainsaws. We&rsquo;re the accountants panicking concerning being replaced by Excel.</p> <p>But if we study how to use the looms, the spreadsheets, and the chainsaws, we power fair be okay. And the fine news is that there are motionless group sewing and chopping timber by hand, since they desire to. It may no longer be item you can get paid for, but it&rsquo;s certainly item you can continue to enjoy.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/were-software-engineers-blue-collar-workers-all-along-72280</guid> <pubDate>Tue, 13 Oct 2026 10:25:10 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[I'm the CEO of Midi Health. Walking all day and my daily Diet Coke keeps me sane.]]></title> <description><![CDATA[I'm the CEO of Midi Health. Walking all day and my daily Diet Coke keeps me sane.. Midi Health CEO Joanna Strober had a health scare at 44 that changed her method to aging. Now 58, her regular routine involves strolling and prevention.]]></description> <media:thumbnail url="https://i.insider.com/6ac7ff69301bb0551f494068?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/i-m-the-ceo-of-midi-health-walking-all-day-and-my-daily-diet-coke-keeps-me-sane-72279</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://www.businessinsider.com//90" srcset="https://i.insider.com/6abd53f9eb7225411267cb44?width=400&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 400w, https://i.insider.com/6abd53f9eb7225411267cb44?width=500&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 500w, https://i.insider.com/6abd53f9eb7225411267cb44?width=700&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 700w, https://i.insider.com/6abd53f9eb7225411267cb44?width=1000&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 1000w, https://i.insider.com/6abd53f9eb7225411267cb44?width=1300&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 1300w, https://i.insider.com/6abd53f9eb7225411267cb44?width=2000&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 2000w" sizes=" 1280px) 900px" alt="Joanna Strober" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Joanna Strober runs Midi Health, a virtual attention phase for women in perimenopause and menopause.</span> <span> <span e-name="image-source" itemprop="creditText">Ian Tuttle for BI</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><em>This as-told-to composition is according to a conversation alongside Joanna Strober, the 58-year-old cofounder and </em><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel=""><em>CEO of Midi Health</em></a><em>, a virtual attention phase dedicated to modernizing women's healthcare. She is based in Los Altos Hills, California. This narrative has been edited for dimension and clarity.</em></p><p>I'm the originator and <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO of Midi Health</a>. We started the business to extend the gap in healthcare by providing specialized, insurance-covered attention for women in their 30s, 40s, 50s, and 60s.</p><p>For many years, I didn't have period to obtain attention of myself. Taking attention of three kids and operating was not easy. It was all-encompassing.</p><p>I had a big wake-up call whenever I was 44 years old and had a small autumn and fractured my shoulder. I discovered that I had osteopenia, or low skeletal density, at a extremely young age. That was a fine indicator that I needed to concentration additional on safety and taking attention of myself. Now I'm making up for the misplaced time.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd54f8d15f8a572974cb69&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober doesn't akin to use trackers. Instead, she stated she focuses on fit behaviors.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <h2 id="e72866fd-66ae-4eaa-a10d-67fcae8acc4b" data-toc-id="e72866fd-66ae-4eaa-a10d-67fcae8acc4b">I awaken up at 6:30 a.m., and I walk</h2><p>I awaken up and have <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">two Nespresso pods</a> and two pieces of Levain bread from a bakery called Manresa Bread. It's a extremely compact multigrain loaf that fills you up. For the former 10 years, I've had this bread all sole dawn for breakfast, or as shortly as the bakery opens.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd5513265e3f8e338f9272&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober walks for an hr all morning.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>Then I stroll for concerning an hour. That is the most crucial part of my routine. I hear to podcasts concerning government or AI. I akin "Hard Fork," "The Daily," "The Ezra Klein Show," and "Call Me Back."</p><h2 id="1f6e3637-5290-4266-a0a4-fca057eed743" data-toc-id="1f6e3637-5290-4266-a0a4-fca057eed743">I'm in the agency by 8:15 a.m.</h2><p>The goal is to lift weights following my walk, but it doesn't continually happen. I go to the agency after, and afterward <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">I have many of Zoom calls</a> and merchandise meetings.</p><p>I try to agenda another 45-minute stroll about lunchtime. I obtain a lot of phone calls and have been told I conversation loudly whenever I walk. It's really a gag in my neighborhood.</p><h2 id="79564236-b66c-418e-88b2-f1b1502b420d" data-toc-id="79564236-b66c-418e-88b2-f1b1502b420d">I authorize myself one Diet Coke a day</h2><p id="79564236-b66c-418e-88b2-f1b1502b420d">I mostly beverage chamomile tea in the afternoon, but I additionally let myself have <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">one Diet Coke per day</a>.</p><h2 id="1baeeafb-cd1b-484d-bf8b-567d38ed5d6b" data-toc-id="1baeeafb-cd1b-484d-bf8b-567d38ed5d6b">Keeping my bones powerful is a big focus</h2><p>I obtain Midi's Omega-3+, which additionally has vitamin D and K in it, and that's for my <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">bones since I have osteopenia</a>. I additionally obtain creatine and fiber. I either obtain the Midi fiber gummies or I fair create certain I get adequate fiber.</p><p>I additionally use hormone replacement therapy to assistance forestall skeletal deterioration.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd556fd15f8a572974cb70&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober takes an Omega-3 supplement, as fine as creatine and fiber.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <h2 id="6e82a82f-be83-44ec-8527-f445950ec222" data-toc-id="6e82a82f-be83-44ec-8527-f445950ec222">I'm not neurotic concerning my meals</h2><p>I have a dish or a sandwich for lunch, or sometimes I stroll location to get lunch.</p><p>For many years, my existence was organized about getting my kids dawn meal or dinner. Now they're no longer home, and it's really extremely liberating. It method I can activity much afterward and have small guardrails.</p><p>I normally get meal between 6:30 and 7 pm Sometimes I'll choice up a random meal on the way residence or create pasta. Or, I'll eat ice lotion for dinner.</p><h2 id="acdc811c-d966-4d22-bd24-481134c6fed8" data-toc-id="acdc811c-d966-4d22-bd24-481134c6fed8">I observe TV all evening and eat ice cream</h2><p>I don't beverage or do drugs. I affection British detective TV shows. I discover it extremely relaxing to observe TV and eat ice cream. I buy low-sugar blackberry jam from the farmers market and eat it alongside chocolate ice lotion all night.</p> <p>I'm idle by 9:30 p.m.</p><h2 id="d846de7a-e923-447f-9b7e-9f6e7d357bcf" data-toc-id="d846de7a-e923-447f-9b7e-9f6e7d357bcf">Walking keeps me sane</h2> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd5546d15f8a572974cb6c&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:2400,&quot;aspectRatioH&quot;:3600}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober walks The Dish, which is a approximately three-and-a-half-mile uphill hike, at smallest twice all weekend.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>In general, I've been trying distinct <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">meditation apps</a>. I can't say it's working, but I am trying.</p><p>Walking is my finest path to sanity. I stroll complete 10,000 steps all day, but it's small concerning stage figure and additional concerning making certain my build moves for multiple hours. My dawn stroll is in the hills, but whenever I stroll flat, I try to deteriorate a valued vest.</p><p>Every weekend, I stroll The Dish at smallest twice, and sometimes three or four times. It's our local hike in Palo Alto. It's concerning three-and-a-half miles, and it's uphill. I additionally agenda at smallest one or two walks a day alongside distinct allies for social activity.</p><p>On weekends, I additionally go to the farmers market and cook.</p><h2 id="44285c11-dd8b-4144-8297-84b51ba02c96" data-toc-id="44285c11-dd8b-4144-8297-84b51ba02c96">My 81-year-old mom makes me meal all Friday</h2><p>When I was younger and had children, my mom and I made a agreement that she would chef meal for my family all Friday night. Now the kids are gone, and she motionless cooks meal for my hubby and me all Friday.</p><p>It's the one night a week I cognize I'm going to get fine food, and person is going to obtain attention of me. I awareness really lucky.</p><h2 id="4eb30bee-ee54-4661-af79-5a9e9a9c6f81" data-toc-id="4eb30bee-ee54-4661-af79-5a9e9a9c6f81">I think a lot concerning prevention</h2> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd55e4265e3f8e338f927f&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:2400,&quot;aspectRatioH&quot;:3600}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober stated she thinks a lot concerning safety and that she prioritizes "sleeping enough, dining the correct foods, and getting the correct exercise."&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>I don't desire to be impaired as an older lady. I've additionally watched what it's akin to have person alongside Alzheimer's in my family, and I'm frightened of that. I think a lot concerning what I can do to remain fit and <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">prevent bosom disease, Alzheimer's,</a> and skeletal disease.</p><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">I don't track macros or anything</a> akin that, but I am extremely neurotic concerning my malignancy screenings and the behaviors that are uncomplicated to do to create certain that I remain fit as lengthy as I can &mdash; akin sleeping enough, dining the correct foods, and getting the correct exercise.</p><p>I think concerning what I can do to create certain I can eventually run following my grandkids.</p> <p>This part is not a substitute for expert medicinal advice, diagnosis, or treatment. Always consult your qualified doctor or healthcare provider.</p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/i-m-the-ceo-of-midi-health-walking-all-day-and-my-daily-diet-coke-keeps-me-sane-72279</guid> <pubDate>Tue, 13 Oct 2026 10:03:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[The Art of Dithering and Retro Shading for the Web]]></title> <description><![CDATA[The Art of Dithering and Retro Shading for the Web. Comments]]></description> <media:thumbnail url="https://blog.maximeheckel.com/static/og/5adca72ccfd447404dbd30ce21753846.png?v1"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/the-art-of-dithering-and-retro-shading-for-the-web-72281</link> <content:encoded><![CDATA[<div><div data-ask-article-path="/posts/the-art-of-dithering-and-retro-shading-web/" data-ask-article-title="The Art of Dithering and Retro Shading for the Web" data-ask-article-subtitle="A detailed walkthrough of the inner workings of dithering and another shading techniques to provision a retro appearance and awareness to your WebGL and React Three Fiber work."><p>I spent the former few months construction my <a href="https://en.mycoding.id/category/technology" target="_blank">personal website</a> from the dirt up, eventually taking the period to merge several 3D activity to showcase my shader and WebGL skills. Throughout this work, I got to really comprehend the crucial function that <strong>post-processing</strong> plays in making a environment really <em>look good</em>, which brought several resolutions to long-term frustrations I had alongside my former React Three Fiber and shader projects anywhere my imagination wouldn't materialize despite of the amount of activity and attention I was putting into them.</p> <p>Taking the period to build, combine, and test alongside tradition post-processing effects gave me an additional imaginative outlet, and among the many types I got to iterate on, I continually had a particular affection for the multiple "retro" effects I came up with. With subtle particulars specified as <strong>dithering</strong>, <strong>color quantization</strong>, or <strong>pixelization/CRT RGB cells</strong>, they bring a pleasant difference between the contemporary web landscape and a long-gone era of innovation we 90s/early 2000s kids are sometime longing for.</p> <p>Given the period I invested dissecting all aspect of these effects, I wanted to dive profound alongside you into the concepts powering them and the shader techniques I learned alongside the way. In this article, I anticipation to convince you of the power of post-processing effects and that nothing strikes an elegant retro vibe applied to a website &#128076;&#10024;. We'll additionally appearance into examples of dithering and pixel art from extremely gifted folks who use the identical processes that I'll be introducing afterward on, as fine as several of my own creations that I built during learning concerning all this.</p> <p>Dithering originated as an first graphics method to <em>trick</em> the viewer's brain into seeing additional color or smoothness in gradients/shadows that the machines rear in the day could output by intentionally introducing noise on top of an depiction or a render. Color palettes were extremely constricted rear then, thus relying on techniques akin these was critical for equivalent designers to acknowledge their vision. This gave, as a result, a distinctive appearance and awareness to games and media from that particular instant in period anywhere computers became ubiquitous, but advanced explanatory capabilities were not yet there.</p> <p>Today, dithering is additional an imaginative choice than a workaround. Many artists or equivalent designers use this method as a imaginative outlet to provision their activity a distinctive <em>retro vibe</em>, calling out to that first gaming era, or activity inside the realms of self-imposed limits in colors. Some awesome examples of specified use of dithering include:</p> <ul> <li><p>Basement Studio's <a href="https://en.mycoding.id/category/technology" target="_blank">Basement Chronicle</a> game: a well-executed <em>point-and-click</em> equivalent that reminds me a lot of my own first gaming experience.</p></li> <li><p><a href="https://en.mycoding.id/category/technology" target="_blank">@loackme</a>'s art, which I'm an complete fan of.</p></li> <li><p><a href="https://en.mycoding.id/category/technology" target="_blank">@aweusmeuh</a>'s use of the first Game Boy camera for experimental photography which features a sublime dithering effect.</p></li> </ul> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_loir76m_"><p><img alt="Examples of beautifully executed dithering art from remaining to correct by Basement Studio, @aweusmeuh, and @loackme_" loading="lazy" width="700" height="405" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=3840&amp;q=100"></p></div><figcaption>Examples of beautifully executed dithering art from remaining to correct by Basement Studio, @aweusmeuh, and @loackme_</figcaption></figure> <p>The second is how we volition method dithering in this blog post: to provision our React Three Fiber/Three.js projects a distinctive style! In this archetypal part, we'll examine how the dithering method works, execute it as a shader, and build a archetypal repeat of a tradition dithering post-processing consequence that we can use on top of any 3D scene.</p> <h3 id="a-first-pass-at-dithering-in-react-three-fiber">A archetypal continue at dithering in React Three Fiber<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>For this project, we'll create a <strong>custom post-processing effect</strong>. As we did for the <a href="https://en.mycoding.id/category/technology" target="_blank">Moebius stylized shader</a>, relying on post-processing volition authorize us to use a shader to an already rendered environment and alter its manner akin adding an "image filter" to a photo.</p> <p>To create a tradition effect, we will:</p> <ol> <li><p>Declare a category that extends from Effect</p></li> <li><p>Define our part shader and call it from the genitor constructor using the excellent keyword.</p></li> <li><p>Define the set of uniforms we volition need for our effect.</p></li> <li><p>Call the wrapEffect function from @react-three/post-processing alongside our consequence category as an argument. This volition authorize us to use our consequence as a JSX component inside EffectComposer.</p></li> </ol> <div data-code-block="true"><div><p data-testid="codesnippet-title">Sample tradition shader post-processing consequence used in an R3F scene</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">OrbitControls</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">OrthographicCamera</span><span data-testid="content-line">,</span><span data-testid="content-line"> useFBO </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/drei'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Canvas</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/fiber'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> wrapEffect</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">EffectComposer</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/postprocessing'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Effect</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'postprocessing'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Suspense</span><span data-testid="content-line">,</span><span data-testid="content-line"> useRef</span><span data-testid="content-line">,</span><span data-testid="content-line"> useState </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'react'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> v4 </span><span data-testid="content-line">as</span><span data-testid="content-line"> uuidv4 </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'uuid'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">fragmentShader</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'./fragmentShader.glsl'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>10</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">class</span><span data-testid="content-line"> </span><span data-testid="content-line">RetroEffectImpl</span><span data-testid="content-line"> </span><span data-testid="content-line">extends</span><span data-testid="content-line"> </span><span data-testid="content-line">Effect</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>12</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">super</span><span data-testid="content-line">(</span><span data-testid="content-line">'RetroEffect'</span><span data-testid="content-line">,</span><span data-testid="content-line"> fragmentShader</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">uniforms</span><span data-testid="content-line">:</span><span data-testid="content-line"> </span><span data-testid="content-line">new</span><span data-testid="content-line"> </span><span data-testid="content-line">Map</span><span data-testid="content-line">(</span><span data-testid="content-line">[</span><span data-testid="content-line">]</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">RetroEffect</span><span data-testid="content-line"> </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">wrapEffect</span><span data-testid="content-line">(</span><span data-testid="content-line">RetroEffectImpl</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>21</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> mesh </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>25</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">mesh</span><span data-testid="content-line"> </span><span data-testid="content-line">receiveShadow</span><span data-testid="content-line"> </span><span data-testid="content-line">castShadow</span><span data-testid="content-line">&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>26</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">torusKnotGeometry</span><span data-testid="content-line"> </span><span data-testid="content-line">args</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">[</span><span data-testid="content-line">1</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.25</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">128</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">100</span><span data-testid="content-line">]</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>27</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">meshStandardMaterial</span><span data-testid="content-line"> </span><span data-testid="content-line">color</span><span data-testid="content-line">=</span><span data-testid="content-line">"</span><span data-testid="content-line">cyan</span><span data-testid="content-line">"</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>As a archetypal stage to construction our effect, we'll commencement alongside a uncomplicated <strong>luminance-based pale noise dithering</strong>. The idea rearward this is to:</p> <ul> <li><p>Look at the <em>luminance</em> of all pixel.</p></li> <li><p>Compare it to a random figure (hence the "white noise" in the name).</p></li> <li><p>Output a pale or dreary pixel according to whether the luminance falls complete or below stated random number.</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">White noise dithering implemented in a part shader of a tradition effect</p></div><pre><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">return</span><span data-testid="content-line"> </span><span data-testid="content-line">fract</span><span data-testid="content-line">(</span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">dot</span><span data-testid="content-line">(</span><span data-testid="content-line">c</span><span data-testid="content-line">.</span><span data-testid="content-line">xy</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">12.9898</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">78.233</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">43758.5453</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">whiteNoiseDither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">if</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">lum </span><span data-testid="content-line">&lt;</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> uv</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>20</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dot</span><span data-testid="content-line">(</span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.2126</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.7152</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0722</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>21</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">whiteNoiseDither</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>You can detect the consequence that this code would output on the widget below which re-implements a akin process:</p> <p>Doing this volition outcome in a grayscale type of our environment anywhere any pixel not purely dreary or pale volition be <em>dithered</em> tricking our brains into seeing additional shades of gray. The demo below shows the consequence applied on top of a uncomplicated React Three Fiber scene:</p> <h3 id="ordered-dithering-and-bayer-matrix">Ordered Dithering and Bayer Matrix<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>The consequence we fair built works, but it relies on pale noise for its dithering threshold, foremost to a messy result. We can bring command to all this (&#129345;) using a method commonly known as <strong>ordered dithering</strong> because of the <em>ordered</em> form it yields whenever applied.</p> <p>This method relies on a threshold map defined via a <strong>Bayer Matrix</strong> that contains values used to decide whether we should modify the color of a stated pixel to dreary or white.</p> <div data-fullbleed="true"><div><figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lr2r76m_"><p><img alt="Diagram showcasing the procedure of applying the 4x4 Bayer Matrix on the input buffer of a environment and obtaining the dithering form according to the threshold value matching all pixel" loading="lazy" width="700" height="298" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing the procedure of applying the 4x4 Bayer Matrix on the input buffer of a environment and obtaining the dithering form according to the threshold value matching all pixel</figcaption></figure></div></div> <p>To display how this dithering category works, I built the widget below anywhere you can see how this matrix changes the output of a grid of pixels formerly applied on top of it:</p> <p>As you can see through the examples I showcased above, we get several beautiful distinct dithering patterns based on</p> <ul> <li><p>the shades of gray used in the underlying pixel grid</p></li> <li><p>the size of the Bayer Matrix used to get the threshold value</p></li> </ul> <figure><div><div tabindex="0" role="slider" aria-label="Ordered dithering applied on a uncomplicated grayscale gradient" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/grayscale.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/grayscale.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/grayscale.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/2-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Ordered dithering applied on a uncomplicated grayscale gradient</span></figcaption></div></figure> <p>To execute this in GLSL, we need to get the luminance of all pixel and difference its value alongside the corresponding threshold value for that identical pixel obtained from the Bayer Matrix:</p> <ul> <li><p>if the difference between those values is positive, the pixel is white</p></li> <li><p>otherwise, it is black</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">Ordered dithering using a 4x4 Bayer Matrix</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">mat4x4</span><span data-testid="content-line"> bayerMatrix4x4 </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">mat4x4</span><span data-testid="content-line">(</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">orderedDither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">4</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>14</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">4</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>15</p><p><span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix4x4</span><span data-testid="content-line">[</span><span data-testid="content-line">y</span><span data-testid="content-line">]</span><span data-testid="content-line">[</span><span data-testid="content-line">x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">if</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">lum </span><span data-testid="content-line">&lt;</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">+</span><span data-testid="content-line"> bias</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Modifying the consequence code we implemented in the former part alongside the code we fair introduced volition provision us an ordered dithering consequence for our underlying scene:</p> <h3 id="blue-noise-dithering">Blue noise dithering<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>We got ourselves a satisfying ordered dithering effect! While this is the most famous dithering technique, as fine as the chief one we'll leverage in this article, I motionless wanted to contact upon an additonal way to dither that you perchance recall seeing in my part on <a href="https://en.mycoding.id/category/technology" target="_blank">Volumetric Raymarching</a>: <strong>blue noise dithering</strong>.</p> <p>I used this method in my raymarched haze scenes to <em>"erase the banding or layering consequence because of a small granular [raymarching] loop"</em> which comic adequate is the identical use case we need dithering for in our Retro post-processing effect. Unlike the former techniques, this one relies on a texture that we'll continue to the shader of our tradition post-processing consequence via a uniform and afterward example it as follows:</p> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec4</span><span data-testid="content-line"> noise </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">uNoise</span><span data-testid="content-line">,</span><span data-testid="content-line"> gl_FragCoord</span><span data-testid="content-line">.</span><span data-testid="content-line">xy </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">128.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> noise</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>where 128.0 is the width/height of stated texture. We additionally define the threshold as the red color conduit of the resulting noise color we get from the sampling, stated that we're using a grayscale texture, it doesn't matter much which value you pick.</p> <p>Below is the resulting output whenever we use a blue noise texture to get our dithering threshold value:</p> <p>As you can see, it feels small repetitive and organized than ordered dithering during additionally not being as <em>random</em> as pale noise dithering; a nice center ground.</p> <p>So far, all our dithering examples additionally converted the underlying environment to dreary and white, thus making us endure a lot of data and color. That is because:</p> <ul> <li><p>We calculated our dithering threshold according to the pixel luminance, thus relying on a grayscale type of our scene.</p></li> <li><p>We manually returned a dreary or pale pixel according to the threshold value related to the luminance.</p></li> </ul> <p>That method is commonly referred to as <strong>luminance-based dithering</strong> and the color conversion used current compresses the color palette to 2-bit: all pixel of the resulting environment alongside our post-processing consequence applied is either dreary or white, and any shade in-between appears to us through dithering.</p> <p>This <em>color compression</em> is known as <strong>color quantization</strong>, and it supports additional than fair dreary and pale pixels as we'll see in this section.</p> <h3 id="shades-of-gray-and-colors">Shades of gray and colors<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>Manually environment the colors of our dithering form can quickly get out of hand, particularly alongside ample color palettes. Instead, to get additional than fair a dreary or pale pixel and leverage shades of gray, we'll use a equation to discover the nearest neighboring color of a stated pixel color according to the total figure of colors we desire to output in our effect:</p> <p>floor(color * (n - 1) + 0.5)/n - 1 anywhere n is the total figure of color.</p> <p>For example, if we wanted lone two colors in our final color palette we would get a value of:</p> <ul> <li><p>vec3(0.0) for the color vec3(0.3) ie black</p></li> <li><p>vec3(1.0) for the color vec3(0.6) ie white</p></li> </ul> <p>If we were to addition the figure of colors we would get additional shades of gray in the case of our grayscale scene.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Grayscale color quantization implemented in our tradition effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>10</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>11</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <figure><div><div tabindex="0" role="slider" aria-label="Ordered dithering alongside 2 VS 4 color quantization. Notice how the 4-color type yields a improved looking gradient." aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/2-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/4-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/4-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/4-color.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Ordered dithering alongside 2 VS 4 color quantization. Notice how the 4-color type yields a improved looking gradient.</span></figcaption></div></figure> <p>This equation doesn't fair activity for shades of gray, we can use it immediately on the first pixel color to compute its nearest neighbor:</p> <ul> <li><p>for a two-color palette, we'll get the 2 imaginable values for all color conduit thus 2^3 = 8 colors</p></li> <li><p>for a four-color palette, it would be 4^3 = 64 colors</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">Color quantization implemented in our tradition effect</p></div><pre><div data-testid="highlight-line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>This quantization method lets us approximate the appearance and awareness of older graphics. We can get color palettes that are additional in row alongside what computers and consoles could output rear in the day.</p> <h3 id="custom-color-palettes">Custom color palettes<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>We now cognize a method to decrease the figure of colors in our final render to an arbitrary number, but what concerning reducing it to an arbitrary set of colors?</p> <p>In his <a href="https://en.mycoding.id/category/technology" target="_blank">video on quantization and dithering</a>, <a href="https://en.mycoding.id/category/technology" target="_blank">@Acerola_t</a> introduces a method to do fair that by using the value of a grayscale color palette to example a texture defining a tradition color palette.</p> <p>For example, if our final grayscale example environment from before sets the color figure to four, we volition get the following grayscale values:</p> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lr6t76m_"><p><img alt="Diagram showcasing how to use the grayscale values to example a texture containing the identical amount of colors" loading="lazy" width="700" height="362" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing how to use the grayscale values to example a texture containing the identical amount of colors</figcaption></figure> <p>These values equivalent to the horizontal values of the UV coordinates of our color palette texture, thus letting us use those values to example the texture and get the tradition colors from it:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Using quantization grayscale value to example tradition color palette texture"</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line">13</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.2</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>10</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> paletteColor </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">palette</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>If we were to use that method to the former scene, this is what the final output would appearance like:</p> <p>I'd advance you to fork this demo and try with:</p> <ul> <li><p>different textures</p></li> <li><p>different figure of colors</p></li> </ul> <p>The lone item to pay notice to is to keep the figure of color blocks in your palette texture the identical as the figure of color you set in your tradition effect.</p> <h3 id="hue-lightness-based-color-quantization">Hue-lightness-based color quantization<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>In his part <a href="https://en.mycoding.id/category/technology" target="_blank">Dithering on the GPU</a> Alex Charlton introduces an substitute color quantization technique. Instead of using the quantization equation we introduced at the commencement of this section, he relies on the hue of a color to discover its closest neighboring colors from an arbitrary palette and the lightness of those colors to get the ordered dithering pattern.</p> <p>To do so, he proceeds as follows:</p> <ol> <li><p>For all pixel, change the color to HSL (Hue Saturation Lightness).</p></li> <li><p>Find its two closest neighbors in "hue" from the arbitrary color palette defined statically or provided via a uniform.</p></li> <li><p>Get the extend between the pixel and its closest color complete the extend between the earlier obtained colors.</p></li> <li><p>Compare this extend alongside the threshold value from the Bayer Matrix and, according to the outcome choice the archetypal or second closest color.</p></li> <li><p>Get the extend between the two closest lightness that equivalent the first pixel's color.</p></li> <li><p>Compare this extend alongside the threshold value from the Bayer Matrix and, according to the outcome choice the archetypal or second lightness to set in the final color.</p></li> </ol> <p>I vividly propose taking the period to peruse the complete part as it goes in-depth into an first and additional imaginative dithering process. Below you'll discover the demo I re-implemented from the procedure showcased in the article. It additionally features several of the missing functions the author did not contain in their post.</p> <p>We now cognize how to:</p> <ul> <li><p>Reduce the figure of colors of a stated environment to a particular figure or an arbitrary color palette.</p></li> <li><p>Use dithering to <em>get back</em> several of the particulars of the environment in the form of a dithering form akin shadows or color gradients.</p></li> </ul> <p>In this section, we volition appearance at several techniques to <em>downsample</em> the final output of our environment to get a additional <strong>pixelated</strong> appearance and see our dithering and quantization procedure radiance at lesser resolutions.</p> <p>The key to getting a pixelated type of our first environment is to remap the UV coordinate scheme used in our consequence shader and break it to a grid so, formerly sampled, the texture from our input buffer appears as if it were at a lesser resolution.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Pixelating a texture in GLSL</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> normalizedPixelSize </span><span data-testid="content-line">=</span><span data-testid="content-line"> pixelSize </span><span data-testid="content-line">/</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uvPixel </span><span data-testid="content-line">=</span><span data-testid="content-line"> normalizedPixelSize </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">uv </span><span data-testid="content-line">/</span><span data-testid="content-line"> normalizedPixelSize</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> uvPixel</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">uvPixel</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>In the code snippet above:</p> <ul> <li><p>We define the size of our pixel via the pixelSize uniform.</p></li> <li><p>We distinct this value by the resolution of our environment to change it to a normalized texture coordinate ranging from 0 to 1.</p></li> <li><p>We break the UV coordinate to the grid defined by uv/normalizedPixelSize using the flat function.</p></li> <li><p>We rescale the snapped UV coordinates to the first UV area by multiplying the outcome by normalizedPixelSize.</p></li> </ul> <p>The demo below adds this procedure alongside alongside an additional uniform for you to tweak the pixel size used in our scene:</p> <p>Notice how the higher the value of pixelSize is, the additional pixelated our environment becomes.</p> <p>On top of that, we can see that our dithering form becomes small and small apparent as the pixel size increases: there are not adequate pixels in the final output to get any form at all. We'll have to attack the correct balance between dithering form and pixel size to get the most compelling effect.</p> <p>With this added to our effect, we have all the ingredients to create gorgeous pixel art pieces or pixelated 3D scenes! One item I immediately tried upon wrapping up this post-processing consequence was to try it on top of several of my before shader work, akin in <a href="https://en.mycoding.id/category/technology" target="_blank">my environment titled Dithering Waves</a> anywhere I applied a grayscale type of it on top of a uncomplicated environment rendering a domain wrapping texture using Fractal Brownian Motion, inspired by <a href="https://en.mycoding.id/category/technology" target="_blank">Inigo Quilez' article</a> on the matter.</p> <p>To test alongside <a href="https://en.mycoding.id/category/technology" target="_blank">contrasting aesthetics</a>, I additionally wanted to try out ordered dithering and color quantization on several of my Raymarching activity from final year. The ordered form contrasts nicely alongside the additional integrated nature of several of those scenes, particularly at lesser resolutions. Below are two examples that I particularily enjoyed:</p> <p>While pixelization brings us one stage nearer to an exact retro post-processing effect, there is one essential aspect of this consequence that's missing: emulating the appearance of a fine ol' CRT monitor.</p> <p>CRTs activity alternatively than our current displays. Thus, the finest we can do current is to method the appearance and awareness of those old monitors by stacking a sequence of effects in our tradition shader effect. The archetypal and most essential consequence that we'll activity on, that additionally highlights the inner workings of CRTs, is the RGB division form from the display.</p> <h3 id="rgb-cells">RGB Cells<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>First and foremost, let's appearance at how CRT displays activity so we can reproduce the consequence as accurately as possible. Those monitors have 3 speck guns for all of the color channels (red, green, and blue) that run throughout the display and excite their corresponding phosphors, which in come back emit ray to form an image. To forestall those beams from hitting the incorrect phosphor dots and causing color issues on the final image, CRTs use a <strong>shadow mask</strong> alongside a metal element dish made of small holes. They can have many distinct configurations which output distinct <em>mask types</em>.</p> <p>In this section, we'll attempt to emulate the Schiltzmaske: an aperture grill anywhere all pillar is staggered by fractional a division height.</p> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lov176m_"><p><img alt="Diagram showcasing the staggered RGB cells shade disguise consequence on a example scene" loading="lazy" width="700" height="362" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/rgbcells.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/rgbcells.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing the staggered RGB cells shade disguise consequence on a example scene</figcaption></figure> <p>This implementation could additionally authorize us to try to get another disguise category called Streifermaske, which is akin apart from that it does not characteristic the staggered cells and lone features a disguise on its column.</p> <p>The implementation of specified a "pixel pattern" in GLSL goes as follows:</p> <ul> <li><p>We archetypal need to define our RGB cells and their subcells: a slot for all red, green, and blue channel.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> pixel </span><span data-testid="content-line">=</span><span data-testid="content-line"> uv </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> coord </span><span data-testid="content-line">=</span><span data-testid="content-line"> pixel </span><span data-testid="content-line">/</span><span data-testid="content-line"> pixelSize</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> subcoord </span><span data-testid="content-line">=</span><span data-testid="content-line"> coord </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">3</span><span data-testid="content-line">,</span><span data-testid="content-line">1</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellOffset </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We create a division "offset" for all two cells: several volition have an offset of vec2(0.0) and several of vec2(0.0, 0.5), thus creating the vertical <em>staggered effect</em> of our shade mask.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellOffset </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We choice which subcell the current pixel belongs to and output the corresponding subcell color according to the subcell index.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> ind </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">subcoord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> maskColor </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We now need to diagram the borders of our masks. The archetypal stage is to create a set of UV coordinates for all subcell, afterward create a border vector that gets higher values in the edges of all subcell and lesser towards the center. Finally, we blend the outcome alongside the current disguise color, thus creating a colored subcell alongside a border.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">fract</span><span data-testid="content-line">(</span><span data-testid="content-line">subcoord </span><span data-testid="content-line">+</span><span data-testid="content-line"> cellOffset</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> border </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">*</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">*</span><span data-testid="content-line"> MASK_BORDER</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line">maskColor</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">*=</span><span data-testid="content-line"> border</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> border</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>The final stage is to create a rgbCellUV vector that we can use to example the input buffer of our underlying environment and map it in this new CRT RGB Cell coordinate system.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">+</span><span data-testid="content-line">cellOffset</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> pixelSize </span><span data-testid="content-line">/</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>This results in a additional exact appearance and awareness for a retro post-processing effect. Those are the types of particulars that can create the entire difference whenever making a 3D environment for the web.</p> <figure><div><div tabindex="0" role="slider" aria-label="Pixelization VS RGB Cell shade disguise effect. Notice how the output appears slightly sharper in the RGB Cell variant." aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="370" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="370" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Pixelization VS RGB Cell shade disguise effect. Notice how the output appears slightly sharper in the RGB Cell variant.</span></figcaption></div></figure> <p>The demo below completely implements the procedure highlighted above, which yields a beautiful and gentle CRT effect. Setting a elevated pixel size volition additionally authorize you to regard our subcells at work, lighting up individually according to the color of the underlying scene.</p> <h3 id="curving-the-display">Curving the display<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>CRTs were not flat akin their LCD counterparts. Instead, they featured several minor curvature which we can emulate alongside a few lines of GLSL. To do so, much akin we fair did for our RGB cells shade mask, we can remap our UV coordinates to current several curvature:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Modifying our UVs to current curvature to our effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> uv </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> offset </span><span data-testid="content-line">=</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">.</span><span data-testid="content-line">yx </span><span data-testid="content-line">*</span><span data-testid="content-line"> curve</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">+=</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">*</span><span data-testid="content-line"> offset </span><span data-testid="content-line">*</span><span data-testid="content-line"> offset</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>In the code snippet above:</p> <ol> <li><p>We change our UV coordinates range to a new range of [-1, 1] as we desire the curvature to be <em>centered</em> related to the screen.</p></li> <li><p>Swapping the x and y components of our UV coordinates and multiplying by a CURVE_INTENSITY changeable lets us define the strength/offset of our curvature. In this case, the offset volition be stronger at the corners and not as powerful as we attain the center of the two the x and y-axis.</p></li> <li><p>Finally, we desire our curvature to be quadratic, ie stronger the nearer we get to the fringes of the screen. We afterward change the resulting UV coordinates rear to a range of [0, 1] allowing us to use it in our shader as the <em>base</em> UVs.</p></li> </ol> <p>Using those new UV coordinates, we can diagram the <em>edges</em> of our CRT using smoothstep:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Drawing edges of our curved CRT using curveUV</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> border </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">smoothstep</span><span data-testid="content-line">(</span><span data-testid="content-line">0.</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.02</span><span data-testid="content-line">,</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">)</span><span data-testid="content-line">*</span><span data-testid="content-line">(</span><span data-testid="content-line">1.</span><span data-testid="content-line">-</span><span data-testid="content-line">smoothstep</span><span data-testid="content-line">(</span><span data-testid="content-line">1.</span><span data-testid="content-line">-</span><span data-testid="content-line">0.02</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.</span><span data-testid="content-line">,</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">*=</span><span data-testid="content-line"> edge</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> edge</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>This gives us dreary curved edges on the top, bottom, left, and correct sides of the display. The demo below implements this curvature component to the consequence we've been iterating on since the commencement of this blog article and additionally lets you tweak the curvature power from 0 (flat) to 0.5 (realistically curved, item higher than that is "too much").</p> <h3 id="scanlines-distortion-and-final-touches">Scanlines, distortion, and final touches<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>In this final part, I wanted to stroll you through several of the final touches I added to my own retro post-processing consequence to create it as exact as possible.</p> <p>One of the archetypal tweaks I felt was necessary was to add several minor colorful aberration whenever sampling the input buffer of our effect, which we can discover the code of in <a href="https://en.mycoding.id/category/technology" target="_blank">Refraction, dispersion, and another shader ray effects</a>. Due to the display curvature and several imperfect alignments of the speck beams of the CRT, it was common that color channels would appear slightly offset, yielding a slightly blurred image.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Arbitrary colorful aberration applied to our effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>5</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">+</span><span data-testid="content-line"> SPREAD</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">g</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>7</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">-</span><span data-testid="content-line"> SPREAD</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">b</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">rgbCellUV</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Moreover, because of the inner workings of CRTs we highlighted earlier, several <strong>Bloom</strong> may additionally occur. We can regard this using the Bloom component from @react-three/postprocessing.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Adding Bloom inside our EffectComposer</p></div><pre><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> spaceship </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> consequence </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">group</span><span data-testid="content-line"> </span><span data-testid="content-line">rotation</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">[</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">Math</span><span data-testid="content-line">.</span><span data-testid="content-line">PI</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">2</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0</span><span data-testid="content-line">]</span><span data-testid="content-line">}</span><span data-testid="content-line">&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">Spaceship</span><span data-testid="content-line"> </span><span data-testid="content-line">ref</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">spaceship</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">RetroEffect</span><span data-testid="content-line"> </span><span data-testid="content-line">ref</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">effect</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>14</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">luminanceThreshold</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">0.05</span><span data-testid="content-line">}</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>15</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">luminanceSmoothing</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">0.9</span><span data-testid="content-line">}</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Finally, we can overlay the final output of our tradition shader consequence alongside horizontal scanlines operating through the display vertically:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Simple scanlines added on top of our consequence output</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> lines </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2000.0</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> period </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">100.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>We can additionally contain several additional distortion to the UV coordinates of our consequence by adding code to the mainUv function of our shader. Adding several minor imperfections akin these can create our CRT appearance equal additional accurate. Below is a uncomplicated example, but awareness liberated to additional test alongside additional complex distortion patterns:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Adding distortion in mainUv</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> </span><span data-testid="content-line">noise</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> st</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> c </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> d </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>10</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> u </span><span data-testid="content-line">=</span><span data-testid="content-line"> f</span><span data-testid="content-line">*</span><span data-testid="content-line">f</span><span data-testid="content-line">*</span><span data-testid="content-line">(</span><span data-testid="content-line">3.0</span><span data-testid="content-line">-</span><span data-testid="content-line">2.0</span><span data-testid="content-line">*</span><span data-testid="content-line">f</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>12</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">return</span><span data-testid="content-line"> </span><span data-testid="content-line">mix</span><span data-testid="content-line">(</span><span data-testid="content-line">a</span><span data-testid="content-line">,</span><span data-testid="content-line"> b</span><span data-testid="content-line">,</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">c </span><span data-testid="content-line">-</span><span data-testid="content-line"> a</span><span data-testid="content-line">)</span><span data-testid="content-line">*</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainUv</span><span data-testid="content-line">(</span><span data-testid="content-line">inout</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> tremble </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">noise</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">time </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">400.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">100.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0025</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>We're eventually done! Or at smallest I was satisfied adequate to create this the stopping item of this article, you can motionless test and continue to tweak this shader at your heart's content! You can regard the final type of our retro post-processing consequence below, which includes:</p> <ul> <li><p>Color quantization to decrease the figure of colors in our final output.</p></li> <li><p>Pixelization and RGB Cell shade disguise consequence to create realistic downsampling typically apparent in old CRT displays.</p></li> <li><p>Ordered Dithering which alleviates the low pixel and color figure in the output depiction and gives us rear several particulars of the underlying environment in the form of pixel patterns.</p></li> <li><p>Screen Curvature, scanlines alongside distortions, bloom, and colorful aberration as final touches to create our consequence <em>pop</em>.</p></li> </ul> <p>Through the many examples and techniques we covered, I anticipation this part demonstrated how mighty tradition shader effects are and how transformative they can be whenever applied on top of your own WebGL/3D work. This particular "Retro" consequence is, of course, fair a particular case of a beautiful consequence you can build, a autumn in the sea of what's possible. The underlying <strong>dithering</strong>, <strong>quantization</strong>, and <strong>pixelization/RGB Cells</strong> that we learned concerning are applicable on their own as fine as infinitely tweakable to create your activity remain out in the ever-growing environment of 3D websites and digital art.</p> <p>I'm looking onward to seeing what you volition arrive up alongside now that you cognize beautiful much everything I do on the matter (there are no excuses not to build!), there's a lot you can create by combining the consequence and construction blocks we've fair seen. Meanwhile, I'll keep operating through my endless catalog of shader techniques to study, and the many another post-processing effects and styles I'm trying to mimic. As always, I'll study rear on my findings &#128522;.</p></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/the-art-of-dithering-and-retro-shading-for-the-web-72281</guid> <pubDate>Tue, 13 Oct 2026 10:02:45 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Where is all the new, good software?]]></title> <description><![CDATA[Where is all the new, good software?. Comments]]></description> <media:thumbnail url="https://www.natemeyvis.com/static/og-image.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/where-is-all-the-new-good-software-72273</link> <content:encoded><![CDATA[<div> <a href="https://en.mycoding.id/category/technology" target="_blank"> </a> <p><a href="https://en.mycoding.id/category/technology" target="_blank">Home</a> <a href="https://en.mycoding.id/category/technology" target="_blank">Blog</a></p> <p> <i> 12 Oct, 2026 </i> </p> <p>Here's a inquiry we see, particularly from AI skeptics: if AI coding is so great, shouldn't we be seeing additional new, fine application by now?</p> <p>Here are several answers. As customary in this manner of post, these are conjectural, applicant answers, and I would provision several of them small weight.</p> <ol> <li>We <em>are</em> in fact seeing application improvement, in the form of small bugs and improved performance.</li> <li>We <em>are</em> in fact seeing application improvement, in the form of additional and improved features in existing products.</li> <li>We <em>are</em> in fact seeing application improvement, but the "we" is extremely limited. Most group don't clasp new application extremely often, so it's not amazing that they aren't finding new awesome application now.</li> <li>Many businesses' software-development processes have subsystems, particularly governmental subsystems, that have not been accelerated alongside AI. (Imagine the procedure of getting elder engineers and merchandise managers to sign off on a betterment plan. The engineers and PMs <em>could</em> use AI to do this improved and faster, but perchance they aren't yet doing that.)</li> <li>AI is replacing additional durable, longer-lasting application alongside additional ephemeral forms of application or application use, and one power not effortlessly comprehend this as "better application via AI." (If you do your taxes alongside Claude and don't annoy construction or buying for improved tax-preparation software, you don't fairly get the "this merchandise is akin TurboTax but wonderful" experience, nevertheless much you power benefit.)</li> <li>AI is replacing broadly accessible application alongside personal software. Domain experts are construction their own tools; executives are making their own dashboards; companies have bespoke inner projects. So the application is out there, fair not apparent to the remainder of us, and particularly not apparent to skeptics.</li> <li>We're making <em>more</em> application alternatively of making application <em>better</em>. We've continually had the choice of (roughly) improving what exists or pushing betterment forward, and we've frequently chosen the latter. It's not amazing that we're motionless doing a lot of the latter.</li> <li>Software teams are capturing a lot of the speedup in the form of additional leisure or quasi-leisure time. (To greatly simplify: application teams are offering 2x speedups to their companies. They're afterward using tools that authorize them to activity 10x as efficiently, and taking nice lengthy coffee breaks.)</li> <li>AI improvements in application sometimes shove us to use and create application <em>less</em>. Sometimes AI helps me fig out that a application project is a bad idea. Sometimes it nudges me to expend additional analog period alongside humans. Sometimes it helps me find, and encourages me to read, additional and improved books. The net consequence of this <em>for me</em> motionless involves my spending <em>way</em> additional period making and using software, but it power be distinct for others. Most of the time, we're improving not fair application but several scheme alongside the two application and non-software components. If someone's Letterboxd (or similar) is operating absolutely for them, they're apt to merely be a bit happier alongside their video-consumption life, possibly in ways that volition assemblage out their using another software.</li> </ol> <p>Again, several of these are speculative and several have to be stated small weight.</p> <hr> <p> <a href="https://en.mycoding.id/category/technology" target="_blank">#generative AI</a> <a href="https://en.mycoding.id/category/technology" target="_blank">#sociology of software</a> <a href="https://en.mycoding.id/category/technology" target="_blank">#software</a> </p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/where-is-all-the-new-good-software-72273</guid> <pubDate>Tue, 13 Oct 2026 09:34:35 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Document Review with Unsiloed and TypeSafe Jev]]></title> <description><![CDATA[Document Review with Unsiloed and TypeSafe Jev. Comments]]></description> <media:thumbnail url="https://www.unsiloed.ai/blog-assets/unsiloed-jev/jev-question-contract.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/document-review-with-unsiloed-and-typesafe-jev-72274</link> <content:encoded><![CDATA[<div><p>An extraction pipeline can peruse a value correctly and motionless continue bad data downstream. A plainly printed additional zero survives outstanding optical character acknowledgment (OCR).</p> <p>Using Unsiloed and TypeSafe&rsquo;s Jev together helps us inspect for OCR failures and broad mistakes in a document. Unsiloed extracts organized sectors and locates them on the page. Jev judges the extracted data against focused questions. We can merge these results to decide which sectors need review.</p> <h2>Jev Turns Focused Questions Into Typed Answers</h2> <p>A Jev petition separates the data it considers (state) from the <a href="https://en.mycoding.id/category/technology" target="_blank">decisions it makes</a> (questions). In our workflow, province contains the records Unsiloed extracted and the environment needed to construe them. Each inquiry tells Jev what to inspect and which answer category to return; it can additionally define criteria for the imaginable answers.</p> <p>The category determines what our code receives. A <strong>Noul</strong> returns the probability that a declaration is true. A <strong>Choice</strong> selects from named options; a <strong>Score</strong> evaluates a rubric of ordered levels. Choice and Score additionally come back a probability allocation and a <a href="https://en.mycoding.id/category/technology" target="_blank">confidence value</a> summarizing its concentration. Noul has no distinct confidence field.</p> <p>The three types can portion province in a sole request, as the diagram shows. Later, we'll use lone Noul in our example.</p> <p><source media=" 600px)" srcset="/blog-assets/unsiloed-jev/jev-question-contract-mobile.png"><img src="https://www.unsiloed.ai/blog-assets/unsiloed-jev/jev-question-contract.png" alt="Shared province feeds autonomous Noul, Choice, and Score questions. Noul returns P(yes); Choice and Score additionally come back distributions and confidence. Application code interprets the answers. This demo uses lone Noul." loading="lazy" decoding="async"></source></p> <p>A <a href="https://en.mycoding.id/category/technology" target="_blank">Noul</a> value of 0.04 method a 4% probability of <strong>yes</strong> to our question, a powerful <strong>no</strong>. It does not average &ldquo;Jev is 4% confident.&rdquo; Values near either end signify a apparent direction; values near the center deserve caution.</p> <h2>Send Unsiloed&rsquo;s Extracted Fields to Jev, Then Route the Results</h2> <p>Unsiloed preserves what is printed and provides confidence scores that assistance acknowledge ambiguous readings. For our example, we use a medication catalog alongside six rows. A coffee stain obscures one dose, during another row contains a plainly printed but implausible quantity. We'll prosecute the two through extraction and Jev's checks.</p> <p><img src="https://www.unsiloed.ai/blog-assets/unsiloed-jev/prescription-demo.png" alt=" a coffee stain obscures the cetirizine dose, and the ibuprofen education says “10 tablets” three times daily." loading="lazy" decoding="async"></p> <p>Our <a href="https://en.mycoding.id/category/technology" target="_blank">extraction schema</a> defines the sectors Unsiloed should come back for all medication. It requests the complete dose cell, including amount and unit, without correcting amazing quantities or guessing obscured content from customary prescribing practice. Enable origin citations alongside enable_citations=true and delay for the extraction job to complete before constructing Jev&rsquo;s state.</p> <p>Each site has two <a href="https://en.mycoding.id/category/technology" target="_blank">Unsiloed confidence scores</a>: extraction_score measures confidence in the extracted value, during grounding_score measures confidence that the value was located in the document. Both range from zero to one. The citation identifies its leaf and bounding box, the rectangle about the origin text.</p> <p>Here is the stained cetirizine dose from the saved response, alongside pixel coordinates on the first 1,200 &times; 1,500 image:</p> <div><pre data-enhanced="true">{ "value": "1 tablet", "score": { "grounding_score": 0.76, "extraction_score": 0.74 }, "citation": { "page": 1, "bbox": [582, 975, 649, 994], "page_width": 1200, "page_height": 1500 } } </pre></div> <p>Assign all medication row an ID, specified as row-5, and keep it alongside the extracted sectors and their citations. This lets our code equivalent Jev&rsquo;s answer to the identical row later. Keep the citations so reviewers can find all extracted site on the first page.</p> <p>Send Jev the extracted values and context. It judges the education as extracted, without seeing the depiction or Unsiloed scores. We ask one Noul inquiry per row: is this dose and frequence plausible for this medicine? All six rows portion one request, alongside <a href="https://en.mycoding.id/category/technology" target="_blank">each inquiry evaluated independently</a>.</p> <p>In the server-side component that connects the two APIs, build this petition (one row and its inquiry shown):</p> <div><pre data-enhanced="true">const petition = { model: "jev-1.13.0", state: { context: "Check for apparent quantity, component or frequence errors. " + "Dose method amount taken all time, not provision quantity. " + "Do not measure patient-specific safety or propose corrections.", careContext: "Adult outpatient medication reconciliation, age 52", medications: [{ id: "row-5", medicine: "Cetirizine 10 mg tablet", dose: "1 tablet", frequency: "Once regular as needed", route: "Oral", instructions: "For allergy symptoms." }] }, questions: { "row-5": { type: "noul", instructions: { question: "Is the extracted dose and frequence plausible on its " + "face for this medication and power in the stated grownup " + "outpatient context, without an apparent amount or " + "frequency transcription error?", row_id: "row-5" }, criteria: { true: "Plausible on its face; no apparent quantity, component or frequence error.", false: "Clearly implausible; warrants assessment of the first prescription." } } } }; </pre></div> <p>The environment and criteria are shortened here; the <a href="https://en.mycoding.id/category/technology" target="_blank">recorded request</a> contains the exact content and all six rows. We use row-5 as the inquiry ID so our code can equivalent the answer to that row. We additionally contain it as row_id inner the instructions so Jev knows which document to judge: inquiry IDs <a href="https://en.mycoding.id/category/technology" target="_blank">are not sent to the model</a>.</p> <p>Post the petition as JSON to https://api.typesafe.ai/v1/systemone. Authenticate alongside your TypeSafe API key in the <a href="https://en.mycoding.id/category/technology" target="_blank">Authorization: Bearer &lt;API_KEY&gt; header</a>, keeping the key on the server. The recorded answer at answers["row-5"] is { "type": "noul", "noul": 0.94 }. Match that answer to the saved row-5 extraction using the shared ID.</p> <p>Our code now decides whether the row needs review. For the study check, we obtain the lowest Unsiloed mark throughout the row&rsquo;s fields, so a low mark on any site flags the entire row. For the plausibility check, we use Jev&rsquo;s noul value.</p> <p>In the identical module, continue those two values as study and plausible to this function. It returns the reasons to dispatch the row for review, or an bare gathering whenever neither inspect flags it. These demo rules additionally emblem missing or invalid scores:</p> <div><pre data-enhanced="true">const valid = n =&gt; Number.isFinite(n) &amp;&amp; n &gt;= 0 &amp;&amp; n &lt;= 1; function reviewReasons(reading, plausible) { come back [ ...(!valid(reading) || study &lt; 0.90 ? ["Verify origin reading"] : []), ...(!valid(plausible) || plausible &lt; 0.50 ? ["Review instruction"] : []) ]; } </pre></div> <p>Here, a study mark below 0.90 or a plausibility answer below 0.50 triggers review. These are example cutoffs: test them against manually reviewed documents before using them in production. Jev answers near 0.50 may additionally need assessment since neither yes nor no is plainly favored.</p> <p>Keep the two reasons whenever the two checks fail. A plausible education can motionless merge misread text, so a elevated Jev answer must not cancel a low Unsiloed score. Save the first extraction and Jev petition and reply alongside the reviewer&rsquo;s decision so you can afterward inspect why a row was flagged and how it was resolved.</p> <h2>Follow the Flagged Rows From Extraction to Review</h2> <p>Step through the saved API results to see what Unsiloed reads, what Jev checks, and why the two flagged rows need distinct kinds of review.</p> <p>For the stained cetirizine dose, Unsiloed extracts &ldquo;1 tablet&rdquo; alongside an extraction mark of 0.74 and a grounding mark of 0.76. Jev returns 0.94 for plausibility, but it never sees the stain. That judgement depends on the extracted content being right. The study inspect motionless flags the row since person must verify the obscured mark.</p> <p>The ibuprofen row reverses the pattern. Unsiloed says &ldquo;10 tablets, three times daily&rdquo; alongside the two scores at 0.99; Jev returns 0.04 for the identical plausibility question. The reviewer needs to examine the plainly printed instruction. Neither example substitutes an assumed intended dose.</p> <p>Each inspect flags a assessment need the another misses. The another four rows apparent the two demo thresholds, as the <a href="https://en.mycoding.id/category/technology" target="_blank">recorded responses</a> show. The explanations and routing labels arrive from our application; Jev returns the typed answers, not those explanations.</p> <h2>How Much Jev Adds Per Document</h2> <p>One medication catalog in this demo produces a Jev petition alongside six questions and <strong>1,812 input tokens</strong>. At Jev 1.13.0&rsquo;s <a href="https://en.mycoding.id/category/technology" target="_blank">published cost of $42 per milliard input tokens</a>, alongside output liberated (checked September 30, 2026), that adds <strong>$0.000076 per document</strong>. Processing <strong>100,000 akin documents would add concerning $7.61</strong> in Jev charges.</p> <p>This is a Jev-only estimate; Unsiloed extraction and individual assessment disbursal separately. Your genuine accusation depends on the content and questions sent. For a nearer estimate, obtain the input_tokens from a delegate Jev reply and use the published rate.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/document-review-with-unsiloed-and-typesafe-jev-72274</guid> <pubDate>Tue, 13 Oct 2026 09:24:51 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Books Insider: A conversation on the death of conversations]]></title> <description><![CDATA[Books Insider: A conversation on the death of conversations. Vanessa Van Edwards, author of &quot;Conversation,&quot; explains why small conversation feels exhausting and what how group can build meaningful connections.]]></description> <media:thumbnail url="https://i.insider.com/6ac40eccf66e1154bdfa34d9?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/books-insider-a-conversation-on-the-death-of-conversations-72272</link> <content:encoded><![CDATA[<div> <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;Business Insider&quot;}'> <svg xmlns="http://www.w3.org/2000/svg" width="1365" height="120" viewbox="0 0 1365 120"> Business Insider <path d="M0 2.46h49.1c27.31 0 41.59 14.12 41.59 31.46 0 11.97-6.75 20.1-16.11 24.4v.31c11.97 4.3 18.72 13.81 18.72 25.93 0 17.34-13.35 32.53-42.2 32.53H0V2.46Zm47.57 45.42c8.13 0 11.82-4.14 11.82-8.75s-3.68-8.9-11.82-8.9H33.15v17.65h14.42Zm.46 41.43c8.59 0 12.74-4.14 12.74-9.51s-4.3-9.51-12.58-9.51H33.15v19.03h14.88Zm52.32-18.87V2.46h33.45v67.67c0 12.74 6.29 19.49 17.03 19.49s17.49-6.75 17.49-19.64V2.46h33.61v67.98c0 28.85-19.33 49.57-51.1 49.57s-50.49-20.72-50.49-49.57ZM287.1 7.98v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm15.8-5.52h33.45v114.63H302.9V2.46Zm152.38 114.63h-31.92l-41.28-61.53h-.15v61.53h-31.76V2.46h31.92l41.28 60.46h.15V2.46h31.76v114.63ZM469.09 2.46h79.18v29.77h-45.73v13.81h41.12v27.01h-41.12v14.27h45.73v29.77h-79.18V2.46Zm163.12 5.52v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm88.54 0v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm45.97 109.33h33.45V2.69h-33.45v114.63ZM919.08 2.69h-31.76v60.46h-.15L845.89 2.69h-31.92v114.63h31.76V55.79h.15l41.28 61.53h31.92V2.69ZM972.92.23c-28.24 0-44.04 16.42-44.04 36.52 0 22.25 19.49 30.23 31.76 34.68 9.36 3.38 17.19 5.83 17.19 11.36 0 4.3-4.76 8.13-15.04 8.13-12.12 0-24.71-5.37-32.99-12.12v31c8.44 5.68 22.1 9.97 36.98 9.97 28.85 0 45.27-16.11 45.27-37.9 0-24.4-20.87-31.61-36.21-36.98-9.05-3.22-14.12-5.06-14.12-9.05s4.6-6.75 13.66-6.75c9.97 0 22.25 3.53 29.46 8.59V8.21C996.55 3.45 985.35.23 972.92.23Zm46.94 117.08h33.45V2.69h-33.45v114.63Zm80.71-30.23h6.45c17.34 0 28.54-9.82 28.54-27.01s-11.2-27.16-28.54-27.16h-6.45v54.17Zm68.75-27.01c0 34.53-26.09 57.24-63.53 57.24h-38.67V2.69h38.67c37.44 0 63.53 22.86 63.53 57.39Zm9.07 57.24h79.18V87.54h-45.73V73.27h41.12V46.26h-41.12V32.45h45.73V2.69h-79.18v114.63Zm131.83-60.46c8.44 0 15.04-3.99 15.04-11.97s-6.6-11.97-15.19-11.97h-7.06v23.94h7.21Zm54.78 60.46h-39.44l-21.79-35.45h-.77v35.45h-33.45V2.69h40.82c28.7 0 48.64 12.74 48.64 39.9 0 10.74-4.76 26.39-23.79 34.37l29.77 40.36Z"></path> </svg></a> <div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6ac3ecb2225e4c4a50a38106" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6ac3ecb2225e4c4a50a38106?raw=1" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Jessica Pons for BI</span> </span> </p></div> </div> <div> <span>A conversation concerning the misplaced art of conversation alongside Vanessa Van Edwards, author of the new book, "Conversation."</span> </div> <div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6ac3ecb2225e4c4a50a38106" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6ac3ecb2225e4c4a50a38106?raw=1" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Jessica Pons for BI</span> </span> </p></div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><em>Books Insider is a regular characteristic from Dan Slater concerning the latest and finest books in endeavor and oneself improvement. Each month, through essays and interviews, Dan volition current you to today's most fascinating authors.</em></p><p>America is in the throes of a "silent epidemic: a association crisis," writes best-selling author Vanessa Van Edwards. We're <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">hanging out less</a>. We're talking to chatbots and agents additional than we conversation to people. The portion of US adults who say they have no near allies rosy from 3% in 1990 to 12% in 2023. We've misplaced the subtle art of conversation. Van Edwards, who has additional than a myriad followers on Instagram and runs an Austin-based behavioral investigation lab called Science of People, wants to assistance us reconnect.</p><p>In <a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=96febdf797f4ecacdc58b223093414c6774ea09ff17b12b4c9b5a9b2f248ac78&amp;u=https%3A%2F%2Fwww.amazon.com%2FConversation-Connect-Anyone-Every-Interaction%2Fdp%2FB0GS7YCNG9">her new book</a>, "Conversation: How to Connect alongside Anyone and Make Every Interaction Count," she writes: "'I akin you' power be the three most mighty words you can current person else. Why? Because we're <em>terrified</em> of being unlikable. And investigation shows that we grossly underestimate how much group akin us." If venturing an "I akin you" feels weird, that's okay. Exposure to social hazard decreases our <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">sensitivity to rejection</a> and strengthens our confidence in connection. Confidence "is not the deficiency of discomfort &mdash; it's emotion clumsy and doing it anyway," writes Van Edwards.</p><p>We all have "conversational power," she argues, and in "Conversation," Van Edwards' third book, she offers a blueprint for construction it. The chapters are short, clear, and propulsive. The book's chief aim is to guide the audience through three ascending levels of conversation. Some of her direction may audio woo-woo, but Van Edwards, a earth category talker, swears by it.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6ac403bbf66e1154bdfa346f&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:5381,&quot;aspectRatioH&quot;:6964}}' alt="Vanessa Van Edwards"> </p></div> <span> <figcaption e-name="image-caption"> "We grossly underestimate how much group akin us," says Van Edwards.&nbsp; <span e-name="image-source" itemprop="creditText"> Jessica Pons for BI </span> </figcaption> </span> </figure> <p>At Level 1, putting group at ease, Van Edwards instructs us to banish small-talk and clumsy silences by turning conversation into a treasure hunt. Don't ask: <em>What do you do?</em> Ask: <em>What do you akin to do? </em>Lead alongside stories, not facts. And don't be fearful to add flair, or what Van Edwards calls conversational confetti: <em>Can I inform you item really weird? </em>To be additional <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">likeable in conversation</a>, appearance for moments anywhere you can authentically say, "Tell me more." To hear well, tilt your caput slightly to one side, exposing neck and ear. To audio smart, ask for advice, or ask your conversation partner: <em>What have you continually wanted to learn?</em></p> <p>At Level 2, connecting deeply, we portion and build one another's dreams. Avoid being quick to tarnish someone's aspirations alongside skepticism; get enthusiastic alongside them, and bring ideas. And if you don't affection their dream, be inquisitive fairly than doubtful. Ask for additional details. <em>Who volition this aspiration help?</em></p><p>It's our dreams, following all, that provision our lives meaning, which is what Level 3 is all about. "When done well," Van Edwards writes, "Level 3 creates the rarest of relationships &mdash; the benevolent built on mutual insight, not fair mutual interests."</p><p>I lately caught up alongside Van Edwards for a conversation concerning "<a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=96febdf797f4ecacdc58b223093414c6774ea09ff17b12b4c9b5a9b2f248ac78&amp;u=https%3A%2F%2Fwww.amazon.com%2FConversation-Connect-Anyone-Every-Interaction%2Fdp%2FB0GS7YCNG9">Conversation</a><em>.</em>"</p><hr><p><strong>DS: </strong>I used to regard myself a conversationalist. Reading "Conversation<em>"</em> made me acknowledge how superficial many of my conversations are.</p><p><strong>VVE: </strong>I was having conversations that, equal although I was trying, were additional akin surface-level updates. <em>How's the family?</em> <em>How are the kids?</em> Very fact finding. And I wondered why I didn't appearance onward to socializing, why I was continually so drained by my interactions.</p><p><strong>DS: </strong>You commencement the publish alongside a painfully comic anecdote concerning how you formerly misplaced out on a big occupation chance whenever nerves got in the way. You were trying to execute fairly than be present. Now, whenever you're operating alongside students, whether at <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Google</a> or Harvard, how do you move them distant from old conversational habits that slay connection?</p><div><p><strong>VVE: </strong>I ask a uncomplicated question: "How exhausting is it to create small talk?" And everyone agrees that it's totally exhausting. And I say, "It's since you're trying to be impressive." Oddly, now that we have small conversations, we awareness akin the conversations we do have matter more. Some group lone see their chief formerly a year, at the off-site, and think, <em>I improved be impressive</em>! But it's tiring, and never works.</p><p><strong>DS: </strong>While I was reading, I suffered a Level 1 conversation defeat. My son had a companion over. When the friend's dad came to choice up his kid, I asked him what he was up to for the remainder of the day. He was like, "I'm going residence to do the quarterly taxes for my business, and afterward my spouse is making dinner." And that was it.</p></div><p><strong>VVE: </strong>Always ask for stories, not facts. And react alongside stories, not facts. A fact is a dead-end. A narrative is a doorway.</p><p><strong>DS: </strong>Your narrative concerning trying to discover allies for your hubby made me laugh. Why do men battle to connect?</p><p><strong>VVE: </strong>I don't know. I'm not a man. But what I have seen is that if a man is blessed &mdash; in his residence life, his routine, his endeavor &mdash; he thinks he doesn't need friends. It's a lot of work.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6ac40474f66e1154bdfa3473&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8192,&quot;aspectRatioH&quot;:5464}}' alt="Vanessa Van Edwards"> </p></div> <span> <figcaption e-name="image-caption"> "Some group lone see their chief formerly a year, at the off-site, and think, I improved be impressive! But it's tiring, and never works," says Van Edwards.&nbsp; <span e-name="image-source" itemprop="creditText"> Jessica Pons for BI </span> </figcaption> </span> </figure> <p><strong>DS: </strong>You note that it takes concerning 50 hours of communication to go from acquaintance to informal friend, and 200+ hours to create a near friendship.</p><p><strong>VVE: </strong>That's what the investigation says. I was beautiful shocked by that. Who's got 200 hours?</p><p><strong>DS: </strong>Are there any shortcuts?</p><p><strong>VVE: </strong>Going sequentially, through nine power questions, can speed things up. For all of the three levels, I propose three questions. At Level 1, the questions are geared toward broad traits: "Working on item breathtaking these days?" At Level 2, you're trying to discover out concerning individual concerns: "What do you affection to conversation about?" Level 3 questions elicit the another person's self-narrative. One of the most mighty questions you can ask is: "What would you do if you weren't afraid?" You can regard someone's hidden fears by asking, "What did you neglect at this week?"</p><p><strong>DS: </strong>You item out that our destiny is resolute by the narrative we inform concerning ourselves. You catalog five distinct narratives: The Ambitious Hero, The Contented Pragmatist, The Selfless Helper, The Creative Disruptor, and the Unlucky Struggler. The archetypal four are desirable. But the Unlucky Struggler is that stuck individual whose existence is complete of obstacles and regret. Their self-knowledge tends to be low, and they frequently disregard solutions offered to them. About how many of us are Unlucky Strugglers?</p><p><strong>VVE: </strong>Maybe between 15 and 20%. But it's not evenly distributed. At a company, if you have 100 people, it's not akin 15 to 20 volition be Unlucky Strugglers. It depends on the hiring manager. If the hiring director is an <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ambitious Hero</a>, afterward you power have 100 Ambitious Heroes. But if the hiring director is a Selfless Helper, and trying to fix people, afterward you power have 50 Unlucky Strugglers. And afterward you frequently see companion groups anywhere <em>everyone</em> in the collection is an Unlucky Struggler.</p><p><strong>DS: </strong>How does that happen?</p><p><strong>VVE: </strong>I think the expression "misery loves company" is accurate. If you're an Unlucky Struggler, afterward being about group who awareness fortunate can be painful. The Unlucky Struggler looks at the Ambitious Hero and thinks: <em>Why you? Why not me?</em></p><p><strong>DS:</strong> What conversational tips can you recommendation to those who desire to assistance an Unlucky Struggler?</p><p><strong>VVE: </strong>You can't convince an Unlucky Struggler that they're lucky. But you can assistance empower them that they're the author of their own life, that equal if they have no authority complete the external, they have authority complete the internal.</p><p><strong>DS: </strong>I have a rescuer part that frequently wants to jump in and help, and it seems akin you do as well. How do you average that? Or do you not average it?</p><p><strong>VVE: </strong>Ambitious Heroes and Selfless Helpers desire to help. It's fair my style. I'm aggressively helpful. It may not work. I may fail. But, if you authorize me, I volition intimidate you into getting your goal accomplished.</p> <p> Business Insider's Discourse stories provision perspectives on the day's most pressing issues, informed by analysis, reporting, and expertise. </p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div> <div> <p><span>Dan Slater is the author of "Wolf Boys," "The Incorruptibles," and another true stories. At Nonfiction Nut, his Substack newsletter, he writes concerning awesome nonfiction books and the storytelling craft.&nbsp;</span> </p> </div> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/books-insider-a-conversation-on-the-death-of-conversations-72272</guid> <pubDate>Tue, 13 Oct 2026 09:17:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Dan Slater)]]></author> </item> <item> <title><![CDATA[Proposal Manager Capgemini Interview Guide for MBA Candidates]]></title> <description><![CDATA[Proposal Manager Capgemini Interview Guide for MBA Candidates. Prepare for Proposal Manager Capgemini discussion alongside function skills, responsibilities, process, questions, concentration areas, and a 4-week scheme for MBA candidates.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791876251643-5203.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/proposal-manager-capgemini-interview-guide-for-mba-candidates-72270</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>A Proposal Manager at Capgemini helps change client needs, shipment inputs, market context, and inner endeavor data into apparent recommendation and necessity material. The function matters since feeble requirements, unclear metrics, or mediocre procedure records can dilatory downward sales, delivery, finance, and innovation teams operating toward the identical client outcome.</p><p>This guide is built for MBA, MMS, and graduate certificate candidates preparing for Capgemini’s Proposal Manager interview. It covers the role, required skills, regular work, discussion process, apt questions, concentration areas, a 4-week preparedness plan, and the occupation way this function can open.</p><h2 id="1-about-the-proposal-manager-role"><strong>1. About the Proposal Manager Role</strong></h2><p>This function owns the construction rearward endeavor proposals and functioning decisions. You volition explain what stakeholders need, translate discussions into endeavor necessity documents, functional necessity documents, and non-functional necessity documents, and rotate data into presentations that assistance teams decide what to enhance next.</p><p>The function sits at the intersection of sales, operations, finance, and technology. Candidates who desire a closely connected difference can assessment Board Infinity’s <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Bid Manager discussion guide</a>, since the two roles necessitate client-facing structure, records discipline, and cross-functional alignment.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-day-to-day-responsibilities"><strong>3. Day-to-Day Responsibilities</strong></h2><p>A representative week combines stakeholder discussions, document writing, data analysis, dashboard updates, research, and follow-ups alongside project teams. The activity is detail-heavy since a small ambiguity in a necessity or study can power revenue commitments, shipment timelines, evaluation outcomes, or administration decisions.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Clarify Business Needs</h4> <p>You conversation alongside stakeholders to comprehend the issue rearward a request. For example, a revenue squad may ask for a dashboard, but the genuine need may be to acknowledge why recommendation approvals are delayed. Your job is to ask follow-up questions, distinct must-have needs from preferences, and grasp the endeavor logic clearly.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Write Requirement Documents</h4> <p>You change discussions into Business Requirement Documents, Non-Functional Requirement Documents, and Functional Requirement Documents. This method defining scope, users, procedure flows, data needs, acceptance criteria, achievement expectations, dependencies, and exclusions. A powerful document should decrease back-and-forth between endeavor and innovation teams.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Support Project Teams</h4> <p>You assistance project teams during necessity collection, testing, and implementation. In practice, this may affect explaining a necessity to developers, confirming test scenarios alongside users, tracking open issues, or checking whether implementation matches the accepted endeavor need. The function requires follow-through following the document is written.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Create SOPs</h4> <p>You document how a procedure have to be performed so that distinct teams prosecute the identical steps. A fine Standard Operating Procedure includes the purpose, trigger, owner, inputs, procedure steps, outputs, controls, and elimination handling. This is particularly helpful whenever proposal, approval, reporting, or evaluation activity needs consistency.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Coordinate Across Teams</h4> <p>You activity alongside sales, operations, finance, and innovation teams to align inputs. Sales may define client expectations, operations may explain shipment feasibility, backing may validate business assumptions, and innovation may verify scheme limitations. Your function is to create certain all perspective is captured without letting the final output rotate into confusing.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Build Reports</h4> <p>You analyze data and prepared reports, dashboards, and presentations. This could affect cleaning Excel data, creating pivot tables, plotting trends, summarizing project health, and construction slides that explain what changed, why it matters, and what decision is required. The output must be exact and uncomplicated to read.</p> </div> </div> <div> <div> <span>7</span> </div> <div> <h4>Improve Processes</h4> <p>You appearance for bottlenecks in endeavor processes and propose applicable fixes. For example, if UAT sign-offs are delayed since ownership is unclear, you may propose a duty matrix and matter tracker. Interviewers volition anticipate you to explain the problem, the base cause, the recommendation, and the measurable benefit.</p> </div> </div> <div> <div> <span>8</span> </div> <div> <h4>Track Key Metrics</h4> <p>You detect endeavor metrics that display whether a procedure is performing well. These may contain recommendation sequence time, defect closure time, study turnaround, endorsement aging, or procedure compliance. The activity is not fair data entry. You must notice exceptions and lift questions before small issues rotate into shipment risks.</p> </div> </div> <div> <div> <span>9</span> </div> <div> <h4>Prepare Management Reports</h4> <p>You prepared periodic summaries for managers that display status, risks, trends, and recommended actions. These reports must be concise since leaders need the signal, not all raw detail. A powerful study separates completed work, pending decisions, blockers, risks, and next actions.</p> </div> </div> <div> <div> <span>10</span> </div> <div> <h4>Research Markets</h4> <p>You measure market trends, competitors, and industry movement that may power proposals or betterment recommendations. For a banking-focused proposal, this could average comparing digital onboarding practices, fee experience, client assistance models, or competitor capabilities. The output should nexus investigation to a endeavor implication.</p> </div> </div> <div> <div> <span>11</span> </div> <div> <h4>Support UAT</h4> <p>You assistance User Acceptance Testing by assisting endeavor users validate whether the resolution meets accepted requirements. Your activity may contain preparing test scenarios, logging defects, following up on fixes, and confirming closure. The interviewer may test whether you comprehend the difference between betterment evaluation and endeavor acceptance testing.</p> </div> </div> <div> <div> <span>12</span> </div> <div> <h4>Present Recommendations</h4> <p>You current findings in a way stakeholders can act on. This method explaining the issue, the evidence, the recommended option, expected benefit, and any trade-off. Strong candidates do not fair depict charts. They inform the endeavor what decision the diagram supports.</p> </div> </div> <div> <div> <span>13</span> </div> <div> <h4>Improve CoE Effectiveness</h4> <p>You propose improvements for Centre of Excellence functioning effectiveness. This may affect clearer templates, improved assessment cadences, tighter matter tracking, norm dashboards, or cleaner ownership rules. The finest suggestions are practical, measurable, and uncomplicated for multiple teams to adopt.</p> </div> </div> </div> <hr><h2 id="4-key-competencies-for-success"><strong>4. Key Competencies for Success</strong></h2><p>Top candidates display organized thinking, records discipline, curiosity concerning financial services, and the capability to rotate ambiguity into decisions. Capgemini interviewers volition additionally value imaginative issue solving, out-of-the-box thinking, and a apparent enthusiasm to study since this function touches multiple teams and domains.</p> <hr><h2 id="5-interview-process-at-capgemini"><strong>5. Interview Process at Capgemini</strong></h2><p>For this business-facing role, anticipate Capgemini to measure clarity of thinking, domain awareness, document quality, Excel and display comfort, and the capability to activity alongside multiple stakeholders. The procedure may merge screening, a function discussion, case-style questions, and an HR conversation focused on communication, learning mindset, and fit.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application and Resume Screening</h4> <p>Recruiters inspect whether your scholarly stream, internship exposure, endeavor records experience, Excel use, domain interest, and communication backdrop equivalent the role. A resume alongside apparent project outcomes, dashboards, investigation work, procedure mapping, or backing and banking visibility volition be easier to shortlist.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude or Business Screening</h4> <p>You may visage questions on reasoning, endeavor judgement, data interpretation, or written communication. For this role, the crucial part is not lone getting the answer correct but showing spotless working, sensible assumptions, and the capability to summarize a endeavor communication from numbers.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Role-Specific Discussion</h4> <p>A director may test how you collect requirements, compose BRDs and FRDs, construe dashboards, assistance UAT, and oversee multiple stakeholder inputs. Expect circumstance questions specified as handling vague requirements, resolving conflicting inputs, or presenting a procedure betterment recommendation.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Case or Presentation Round</h4> <p>You may obtain a abbreviated endeavor circumstance and be asked to construction requirements, acknowledge metrics, prepared a recommendation, or explain how you would track issues. The interviewer is assessing your capability to move from ambiguity to a clear, business-ready output.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>HR and Fit Discussion</h4> <p>The final conversation normally checks motivation, communication style, learning attitude, flexibility, and capability to activity in a organized company environment. Prepare keen answers for why Capgemini, why this recommendation and endeavor inspection role, and how your MBA projects nexus to the work.</p> </div> </div> </div> Candidates frequently get rejected whenever they conversation in broad administration conditions but cannot display how they would compose requirements, define metrics, assistance UAT, or rotate inspection into a advice for sales, operations, finance, and innovation stakeholders. <hr><h2 id="6-interview-questions"><strong>6. Interview Questions</strong></h2><p>Use STAR for behavioral answers, a requirement-gathering construction for function questions, and a problem, metric, analysis, advice stream for cases. Capgemini interviewers volition normally reward answers that are clear, practical, evidence-backed, and connected to recommendation activity fairly than theoretical administration theory.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Role-Specific Questions</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Product, Market, and Case Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="7-topics-and-areas-of-focus"><strong>7. Topics and Areas of Focus</strong></h2><p>Preparation should map to what the function really tests: necessity clarity, records quality, Excel-based analysis, endeavor communication, financial services awareness, and stakeholder judgment. Focus on demonstrating how you would work, not lone what definitions you know.</p> <hr><h2 id="8-preparation-plan"><strong>8. Preparation Plan</strong></h2> Freshers: concentration on conceptual degree and organized answer frameworks specified as STAR and MECE. Experienced candidates: prepared 3-5 particular effect stories from internships, projects, or roles, alongside measurable outcomes and apparent ownership. <div> <div> <span>Week 1</span> <h4>Role Basics</h4> <p>Understand Capgemini, the recommendation role, and the center documents you may handle.</p> </div> <div> <span>Week 2</span> <h4>Skill Practice</h4> <p>Practise BRDs, SOPs, Excel analysis, dashboards, UAT trackers, and banking concepts.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Prepare role-specific STAR stories and practise necessity and case questions.</p> </div> <div> <span>Week 4</span> <h4>Mock Review</h4> <p>Run timed imitate interviews, enhance feeble answers, and refine your final pitch.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="9-career-growth-next-roles"><strong>9. Career Growth &amp; Next Roles</strong></h2><p>A Proposal Manager function can develop toward bid management, endeavor analysis, project coordination, consulting operations, or Centre of Excellence roles. Progression normally depends on the norm of your documents, capability to power stakeholders, domain depth, reporting accuracy, and ownership of measurable procedure improvements.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Proposal Manager</h4> <p>At this stage, you study how to collect requirements, create BRDs, FRDs, NFRDs, SOPs, dashboards, investigation summaries, and administration reports. To move up, demonstrate that your activity reduces rework, improves stakeholder clarity, and supports faster decision-making throughout sales, operations, finance, and innovation teams.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Senior Proposal or Business Analyst Role</h4> <p>After approximately 2-3 years, the next stage is normally broader ownership of recommendation streams, complex necessity discussions, elder stakeholder updates, and norm assessment of documents prepared by others. You must display stronger domain depth, cleaner analysis, and the capability to anticipate delivery, finance, or innovation concerns before escalation.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Lead or Consulting Operations Role</h4> <p>After approximately 4-6 years, growth can move toward foremost recommendation workstreams, managing reporting cadence, improving CoE operations, and directing younger squad members. To acquire this step, build powerful display skills, stakeholder confidence, advanced Excel capability, and a document of procedure improvements alongside apparent endeavor outcomes.</p> </div> </div> </div> <div> <div> <div> <span>4</span> </div> <div> <h4>Manager or Specialist Track</h4> <p>Beyond that, the way can divided into group administration or profound expert roles. The director way needs squad leadership, assessment ownership, and stakeholder governance. The expert way needs stronger domain cognition in banking, payments, cards, wealth, asset management, and consulting shipment methods.</p> </div> </div> </div> <hr><h2 id="10-conclusion"><strong>10. Conclusion</strong></h2><p>The strongest preparedness for a Capgemini Proposal Manager discussion is to practise turning ambiguous endeavor needs into apparent requirements, documents, dashboards, and recommendations. Interviewers volition hear for structure, accuracy, stakeholder awareness, and your capability to explain how all output helps endeavor and shipment teams activity better.</p><p>Before the interview, build one BRD outline, one SOP, one UAT tracker, and one administration dashboard summary using a banking or payments example. If you desire a nearby Capgemini function comparison, assessment the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Project Manager Insights and Data discussion guide</a> to comprehend how data-led project coordination is evaluated.</p> Create a one-page BRD for a digital credit cardstock onboarding journey today, afterward practise explaining it in three minutes using objective, scope, stakeholders, requirements, metrics, and risks. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/proposal-manager-capgemini-interview-guide-for-mba-candidates-72270</guid> <pubDate>Tue, 13 Oct 2026 08:26:07 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[Business Analyst Capgemini Interview Guide for MBA Students]]></title> <description><![CDATA[Business Analyst Capgemini Interview Guide for MBA Students. Prepare for Business Analyst Capgemini discussion alongside duties, skills, discussion process, questions and prep scheme for MBA and PGDM placements students.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791876221928-75080.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/business-analyst-capgemini-interview-guide-for-mba-students-72271</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>A Business Analyst at Capgemini turns endeavor problems into apparent requirements, procedure improvements, endeavor cases and implementation-ready documentation. In Financial Services engagements, this method assisting client teams comprehend what is damaged today, what a improved functioning example should appearance like, and how alter can be delivered responsibly.</p><p>This guide is built for Master of Business Administration (MBA), Master of Management Studies (MMS) and Post Graduate Diploma students preparing for Capgemini placements. It covers function expectations, required skills, discussion rounds, role-specific questions, preparedness concentration areas and a four-week scheme you can act on immediately.</p><h2 id="1-about-the-business-analyst-role"><strong>1. About the Business Analyst Role</strong></h2><p>The function sits at the intersection of client conversations, procedure assessment, operational data and resolution design. You are expected to comprehend what the endeavor needs, organise ambiguous inputs into usable documents, and propose changes that are applicable for Financial Services clients.</p><p>Day-to-day collaboration normally involves client endeavor users, functional consultants, transformation teams and implementation stakeholders. If you desire to difference this function alongside a nearby consulting track, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Insurance Business Strategy and Transformation Consultant guide</a> is a applicable next read.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-day-to-day-responsibilities"><strong>3. Day-to-Day Responsibilities</strong></h2><p>A representative week combines stakeholder sessions, document drafting, data assessment and resolution discussions. The strongest candidates display they can move from issue finding to advice without losing endeavor context.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Clarify Business Needs</h4> <p>You conversation to endeavor users, assessment existing documents and rotate unclear expectations into organized requirements. For example, a payments operations squad may say colony delays are high. Your activity is to define what postpone means, whenever it occurs, who is affected, what data proves it and what the forthcoming procedure must support.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Support Consulting Work</h4> <p>You assistance functional consultants prepared for client workshops, construction findings and rotate finding notes into helpful activity products. This can contain mapping a branch banking process, summarising ache points from association managers, or preparing slides that display why a transformation undertaking should concentration on particular client journeys first.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Assess Process Gaps</h4> <p>You difference how activity happens today alongside how it should happen in the mark state. This method identifying delays, copy checks, unclear ownership, manual workarounds and missing controls. The output is not fair a diagram, but a apparent clarification of what must alter and why that alter matters to the business.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Shape Future Solutions</h4> <p>You activity alongside client stakeholders to define what the improved process, assistance or scheme should enable. In practice, this method agreeing on endeavor rules, person journeys, endorsement paths, reports and elimination handling. Your function is to justify the future-state idea solves the genuine endeavor gap alternatively of lone adding a new tool.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Build Business Cases</h4> <p>You assistance change a advice into a case for action. That method explaining the problem, expected benefit, effort, risks, requirements and implementation priority. A fine endeavor case is practical, evidence-led and uncomplicated for decision makers to difference against another options competing for prosperity or guidance attention.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Create Functional Documents</h4> <p>You compose endeavor documents that eliminate disturbance before implementation begins. This may contain necessity notes, functional specifications, procedure maps, gathering summaries, matter logs and sign-off material. Strong records uses exact language, type control, apparent ownership and traceability from endeavor need to projected solution.</p> </div> </div> <div> <div> <span>7</span> </div> <div> <h4>Read Performance Data</h4> <p>You use operational metrics to comprehend whether a procedure is performing well. For example, you may assessment turnaround time, error rates, pending volumes or client grievance categories. The goal is to nexus numbers to endeavor behaviour, afterward use that evidence to assistance recommendations fairly than relying lone on opinions.</p> </div> </div> <div> <div> <span>8</span> </div> <div> <h4>Run Requirement Sessions</h4> <p>You assistance workshops and stakeholder discussions by preparing agendas, asking clarifying questions, record decisions and decision open points. A powerful expert keeps the conversation focused and ensures quiescent but crucial stakeholders are heard. The output is a shared understanding of scope, priorities and next actions.</p> </div> </div> <div> <div> <span>9</span> </div> <div> <h4>Support Change Adoption</h4> <p>You assistance implementation and alter teams translate a resolution into item users can adopt. This can contain preparing procedure notes, supporting training inputs, answering endeavor queries and tracking acceptance blockers. The concentration is on making the new way of operating understandable and usable for client teams.</p> </div> </div> <div> <div> <span>10</span> </div> <div> <h4>Develop Domain Depth</h4> <p>You are expected to build operating cognition of Financial Services complete time. This method learning field vocabulary, average client journeys, operational risks and regulatory sensitivity. A fresher can display preparedness by understanding essential banking, coverage and payments flows, afterward showing curiosity concerning how these processes run at scale.</p> </div> </div> </div> <hr><h2 id="4-key-competencies-for-success"><strong>4. Key Competencies for Success</strong></h2><p>Top performers in this function merge construction alongside curiosity. They do not lone compose requirements, they ask improved questions, own outcomes, collaborate fine and use innovation responsibly whenever solving endeavor problems.</p> <hr><h2 id="5-interview-process-at-capgemini"><strong>5. Interview Process at Capgemini</strong></h2><p>Prepare for a organized evidence or early-career choice procedure that tests aptitude, communication, endeavor inspection thinking and fit alongside consulting-style work. For this role, your answers should display clarity, records discipline, comfort alongside numbers and the capability to activity alongside client stakeholders.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application Screening</h4> <p>The archetypal display checks eligibility, stream fit and resume alignment alongside endeavor analysis, consulting exposure, Excel, PowerPoint, communication and Financial Services interest. Keep your resume project bullets evidence-based, alongside apparent problem, act and outcome statements.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude and Communication Check</h4> <p>Expect appraisal of logical reasoning, essential quantitative comfort and written or verbal clarity. For a Business Analyst role, the test is small concerning advanced theory and additional concerning whether you can construe information, construction it and communicate without ambiguity.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Business Analysis Discussion</h4> <p>This circular probes requirements gathering, procedure mapping, gap analysis, Excel usage, records and stakeholder scenarios. You may be asked to stroll through an internship, resolve a mini case, or explain how you would construction a client necessity workshop.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Managerial and Fit Round</h4> <p>The interviewer checks ownership, learning agility, teamwork and client-readiness. Prepare examples that display you can grip feedback, oversee competing priorities and remain expert whenever requirements alter or stakeholders disagree.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>Human Resources Discussion</h4> <p>This circular normally validates motivation, function understanding, adaptability and essential occupation readiness. Keep your answers particular to Capgemini, Financial Services consulting and the Business Analyst responsibilities alternatively of giving broad consulting clichés.</p> </div> </div> </div> Many candidates get rejected since they depict endeavor inspection as lone making slides or penning minutes. Show that you can detect requirements, analyze gaps, peruse operational metrics and change findings into a applicable recommendation. <hr><h2 id="6-interview-questions"><strong>6. Interview Questions</strong></h2><p>Use STAR for behavioural answers, MECE thinking for cases and a step-by-step walkthrough for financial or operational analysis. Capgemini interviewers volition prioritise organized thinking, client communication, learning agility and whether you can translate endeavor ambiguity into usable documentation.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Technical and Financial Services Questions</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Case-Based and Analytical Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="7-topics-and-areas-of-focus"><strong>7. Topics and Areas of Focus</strong></h2><p>Master the areas that immediately nexus to Capgemini Business Analyst work: requirements, procedure improvement, consulting communication, metrics, records and Financial Services context. If you need a deeper analytics comparison, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Data Analyst discussion guide</a> can assistance you sharpen metrics-led thinking.</p> <hr><h2 id="8-preparation-plan"><strong>8. Preparation Plan</strong></h2> Freshers should concentration on conceptual depth, organized frameworks and powerful project examples. Experienced candidates should prepared three to five effect stories from internships or previous roles anywhere they influenced process, documentation, stakeholder alignment or measurable endeavor outcomes. <div> <div> <span>Week 1</span> <h4>Role Foundation</h4> <p>Understand Capgemini, the Business Analyst function and Financial Services procedure basics.</p> </div> <div> <span>Week 2</span> <h4>Core Skills</h4> <p>Practise requirements, procedure mapping, Excel inspection and records outputs.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Build STAR stories and role-specific answers about genuine examples.</p> </div> <div> <span>Week 4</span> <h4>Mock and Refine</h4> <p>Simulate interviews, revise feeble areas and tighten communication.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="9-career-growth-next-roles"><strong>9. Career Growth &amp; Next Roles</strong></h2><p>Growth from this function depends on how fine you merge endeavor inspection site alongside consulting maturity. Analysts who document clearly, power stakeholders, comprehend Financial Services environment and assistance implementation outcomes can move toward elder analysis, consulting or expert transformation tracks.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Business Analyst</h4> <p>At the admission stage, you own necessity notes, procedure documentation, data summaries and studio support. To grow, demonstrate that your documents decrease ambiguity, your inspection helps decisions and your follow-through keeps stakeholders aligned.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Senior Business Analyst</h4> <p>After construction shipment credibility, you may grip larger necessity areas, guide parts of workshops and assessment younger outputs. The promotion indication is the capability to oversee complexity, ask improved questions and nexus procedure gaps to implementation-ready solutions.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Functional Consultant</h4> <p>At this stage, you contribute additional immediately to resolution design, endeavor cases and client recommendations. You need stronger domain depth, sharper display skills and the capability to explain trade-offs to the two endeavor and implementation teams.</p> </div> </div> </div> <div> <div> <div> <span>4</span> </div> <div> <h4>Manager or Specialist Track</h4> <p>Beyond consulting delivery, the way can divided toward managing teams and client workstreams or becoming a deeper Financial Services transformation specialist. Both routes necessitate trusted communication, organized issue solving, shipment ownership and liable use of technology.</p> </div> </div> </div> <hr><h2 id="10-conclusion"><strong>10. Conclusion</strong></h2><p>The strongest preparedness scheme is to demonstrate that you can construction ambiguity. For the Capgemini Business Analyst interview, do not halt at saying you are analytical. Show how you collect requirements, measure processes, use data, document decisions and propose applicable improvements.</p><p>Before the interview, prepared one Financial Services procedure case, one Excel-backed inspection example and one stakeholder alignment story. If you desire to difference neighboring expert expectations at Capgemini, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Platform Analyst and Systems Analyst guide</a> is applicable for understanding requirement-to-technology handoffs.</p> Pick one Financial Services procedure today, map the current state, acknowledge three gaps and compose a one-page recommendation. Use that as your anchor narrative in the Capgemini Business Analyst interview. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/business-analyst-capgemini-interview-guide-for-mba-students-72271</guid> <pubDate>Tue, 13 Oct 2026 08:26:05 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[News App and Web v4.2.0  – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source]]></title> <description><![CDATA[News App and Web v4.2.0  – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source. News App and Web v4.2.0 Nulled – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source Code Free Download. We are arrogant to Presen...]]></description> <media:thumbnail url="https://en.mycoding.id/site/assets/img/og-image.png"/> <category><![CDATA[Digital Products]]></category> <link>https://en.mycoding.id/news-app-and-web-v4-2-0-flutter-news-app-for-android-and-ios-app-laravel-admin-panel-news-website-source-72275</link> <content:encoded><![CDATA[<div class="entry-content admission clearfix"><div class="stream-item stream-item-above-post-content"><div class="stream-item-size"> </div></div><p class="wp-block-paragraph">News App and Web v4.2.0 Nulled – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source Code Free Download. We are arrogant to Present our new look, Featuring a Fresh and Clean appearance alongside Great visuals and Fast-Loading Content.</p><div id="ezoic-pub-ad-placeholder-117" data-inserter-version="2" data-placement-location="under_page_title"></div><h3 class="wp-block-heading">Main Features</h3><ul class="wp-block-list"><li>Admin Panel</li><li>Android and <strong><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noreferrer noopener">iOS App</a></strong></li><li>News Website</li><li>Light and Dark Theme</li><li>Multi-Language</li><li>Attractive and Modern UI</li><li>Video News</li><li>Google, Facebook and Unity Ads</li><li>Text to Speech</li><li>Live Weather Forecast</li><li>Like News</li><li>and more</li></ul><h2 class="wp-block-heading">Download News App and Web -Flutter News App for Android and IOS App | News Website alongside Admin Panel</h2><b>Live Demo:</b> <a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>View Demo</b></a><br><br><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>News App Online Documentation</b></a><br><br><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>Video Documentation</b></a><br><br><p class="wp-block-paragraph"><strong>v4.2.0</strong></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size"> <div id="container-0730062b1c60873c0fcc80d9fa01093b"></div></div></div><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.2.1</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.8</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.5</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.4</strong></p><div class="download-link-section"><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.2</strong></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size"> <div id="container-0730062b1c60873c0fcc80d9fa01093b"></div></div></div><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.0.5</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph">Free download News Flutter News App for Android &amp; iOS alongside admin panel origin code nulled by WRTeam on <strong><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noreferrer noopener">Codecanyon</a></strong> 32062835 premium news mag app download.</p><div id="ezoic-pub-ad-placeholder-125" data-inserter-version="2" data-placement-location="under_first_paragraph"></div><div class="stream-item stream-item-below-post-content"><div class="stream-item-size"> </div></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/news-app-and-web-v4-2-0-flutter-news-app-for-android-and-ios-app-laravel-admin-panel-news-website-source-72275</guid> <pubDate>Tue, 13 Oct 2026 07:40:00 +0700</pubDate> <author><![CDATA[support@mycoding.id (Null Php Script)]]></author> </item> <item> <title><![CDATA[APT and CO LLP: Marketing and Sales Executive Interview Guide]]></title> <description><![CDATA[APT and CO LLP: Marketing and Sales Executive Interview Guide. Prepare for MARKETING &amp; SALES EXECUTIVE at APT and CO LLP, skills, responsibilities, discussion rounds and questions for freshers and early-career success.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791871806960-36824.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/apt-and-co-llp-marketing-and-sales-executive-interview-guide-72267</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>The MARKETING &amp; SALES EXECUTIVE function at APT and CO LLP owns the first business motion for the Singapore market. The activity is concerning finding applicable prospects, starting dependable conversations, moving qualified leads through follow-ups, and supporting campaigns that create endeavor opportunities.</p><p>This guide is built for freshers and early-career candidates preparing for a full-time endeavor betterment interview. It covers the role, required skills, preferred skills, responsibilities, discussion process, custom questions, preparedness plan, and the occupation way this function can open.</p><h2 id="1-about-the-marketing-sales-executive-role"><strong>1. About the MARKETING &amp; SALES EXECUTIVE Role</strong></h2><p>This function is focused on construction APT and CO LLP's Singapore potential basis from India. You volition decide which companies to research, how to method them, whenever to prosecute up, and how to stance applicable business services following understanding a prospect's requirement.</p><p>The function sits inside Marketing and Business Development and plant closely alongside inner promotion and assistance teams. A representative day can contain potential research, LinkedIn outreach, email drafting, gathering coordination, pipeline updates, and run assistance for Singapore-focused outreach.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-preferred-skills"><strong>3. Preferred Skills</strong></h2><p>These skills fortify a candidate's overview since they decrease ramp-up time. They indication that you can commencement contributing faster in prospecting, research, outreach quality, and pipeline discipline.</p> <hr><h2 id="4-day-to-day-responsibilities"><strong>4. Day-to-Day Responsibilities</strong></h2><p>A representative week combines revenue action and promotion support. Performance is peruse through qualified leads, outreach volume, follow-up quality, meetings generated, conversion progress, endeavor contribution, and growth of the Singapore potential database.</p> <div> <div> <div><span>1</span></div> <div> <h4>Find Business Leads</h4> <p>You volition acknowledge companies in Singapore that may need APT and CO LLP's services. This method searching applicable industries, scanning business pages, checking decision-maker profiles, and separating helpful prospects from poor-fit names. The goal is not to create a lengthy random list, but to discover leads value contacting.</p> </div> </div> <div> <div><span>2</span></div> <div> <h4>Research Prospects</h4> <p>You volition build a spotless repository alongside business names, communication persons, roles, channels, relevance notes, and follow-up status. Strong investigation includes study a prospect's endeavor environment before reaching out. A fine repository helps the squad evade copy outreach and improves the norm of all conversation.</p> </div> </div> <div> <div><span>3</span></div> <div> <h4>Reach Out Professionally</h4> <p>You volition communication prospects through email, LinkedIn, calls, WhatsApp, and another expert channels. The project is to compose short, applicable messages that explain why the conversation may be useful. You must modify spirit by channel, since a LinkedIn note, email, and phone call need distinct levels of detail.</p> </div> </div> <div> <div><span>4</span></div> <div> <h4>Understand Client Needs</h4> <p>When a potential responds, you volition ask uncomplicated finding questions before introducing services. This includes understanding the problem, urgency, decision process, and fit. The discussion volition test whether you can hear archetypal alternatively of jumping into a revenue throw too early.</p> </div> </div> <div> <div><span>5</span></div> <div> <h4>Schedule Meetings</h4> <p>You volition change curious replies into scheduled meetings and coordinate discussions alongside the correct inner people. This involves proposing period slots, confirming agendas, sending calendar invites, and ensuring the potential knows what volition be discussed. Good coordination reduces drop-offs before the gathering happens.</p> </div> </div> <div> <div><span>6</span></div> <div> <h4>Maintain the Pipeline</h4> <p>You volition track anywhere all guide stands, from archetypal communication to gathering to endeavor opportunity. Follow-ups have to be consistent, polite, and particular to the former interaction. A powerful pipeline document helps the squad see which leads need act and which ones have to be paused.</p> </div> </div> <div> <div><span>7</span></div> <div> <h4>Build Relationships</h4> <p>You volition remain connected alongside prospects and clients in a expert way. Relationship-building can average sharing the correct data following a call, remembering a former requirement, or following up following a gathering without sounding transactional. The finest candidates display patience and maturity in long-cycle conversations.</p> </div> </div> <div> <div><span>8</span></div> <div> <h4>Support Conversions</h4> <p>You volition assistance the squad move qualified leads toward genuine endeavor opportunities. This can contain sharing potential environment internally, preparing conversation notes, and ensuring no promising guide is misplaced following the archetypal call. You are not lone finding names, you are supporting movement toward revenue.</p> </div> </div> <div> <div><span>9</span></div> <div> <h4>Meet Assigned Targets</h4> <p>You volition activity in a target-driven surroundings anywhere action and outcomes the two matter. Targets may connect to guide generation and endeavor betterment progress. Interviewers volition inspect whether you comprehend that revenue achievement needs regular discipline, not lone confidence during conversations.</p> </div> </div> <div> <div><span>10</span></div> <div> <h4>Assist Campaign Execution</h4> <p>You volition assistance promotion campaigns aimed at the Singapore market. This can affect assisting alongside spectators selection, communication preparation, outreach tracking, and run coordination. The applicable anticipation is to nexus promotion action alongside guide generation fairly than treat campaigns as lone branding exercises.</p> </div> </div> <div> <div><span>11</span></div> <div> <h4>Support Digital Outreach</h4> <p>You volition assistance alongside LinkedIn marketing, email marketing, digital outreach, and promotional campaigns. The activity may contain example messages, monitoring responses, and updating lists. Candidates have to be prepared to explain how they would keep outreach personalised equal whenever operating alongside many prospects.</p> </div> </div> <div> <div><span>12</span></div> <div> <h4>Prepare Client Materials</h4> <p>You volition prepared essential promotion communications, presentations, and client-facing material. This requires spotless English, uncomplicated structure, and notice to formatting. In interviews, powerful candidates display they can rotate coarse assistance data into a apparent email, one-page note, or display slide.</p> </div> </div> <div> <div><span>13</span></div> <div> <h4>Research the Market</h4> <p>You volition study Singapore market trends, industries, competitors, and possible opportunities. This investigation should guide who to communication and what communication to use. The interviewer may test whether you can change investigation into action, specified as choosing a section and penning a targeted outreach line.</p> </div> </div> <div> <div><span>14</span></div> <div> <h4>Coordinate Internally</h4> <p>You volition coordinate alongside inner promotion and assistance teams to assistance campaigns. This method aligning run messages, sharing guide context, and ensuring the assistance squad is prepared before client conversations. The accomplishment is to keep handoffs apparent so the potential cognition feels professional.</p> </div> </div> <div> <div><span>15</span></div> <div> <h4>Maintain Sales Records</h4> <p>You volition keep exact records of leads, follow-ups, meetings, and conversions. Clean records assistance the squad comprehend what is operating and what needs improvement. Candidates have to be prepared to explain how they would organise a tracker or Customer Relationship Management scheme without losing follow-up dates.</p> </div> </div> </div> <hr><h2 id="5-key-competencies-for-success"><strong>5. Key Competencies for Success</strong></h2><p>Top performers in this function merge confidence alongside discipline. They do not delay for leads, they investigation carefully, compose clearly, prosecute up consistently, and remain resilient whenever global prospects obtain period to respond.</p> <hr><h2 id="6-interview-process-at-apt-and-co-llp"><strong>6. Interview Process at APT and CO LLP</strong></h2><p>Expect a practical, sales-led discussion procedure that tests communication, initiative, mark orientation, and capability to activity on an global market. Prepare for questions on prospecting, outreach writing, LinkedIn research, follow-up discipline, and how you would grip conversations alongside Singapore-based endeavor professionals.</p> <div> <div> <div><span>1</span><span></span></div> <div> <h4>Screening Conversation</h4> <p>This circular normally checks cognition range, English communication, comfort alongside targets, involvement in business-to-business sales, and willingness to assistance Singapore-market hours whenever required. Freshers should anticipate questions on aptitude, internships, university initiatives, and confidence in potential outreach.</p> </div> </div> <div> <div><span>2</span><span></span></div> <div> <h4>Sales and Marketing Round</h4> <p>A hiring director may test guide generation basics, LinkedIn prospecting, email outreach, follow-up planning, run support, and essential market research. Be prepared to explain how you would build a Singapore potential catalog and how you would decide whether a guide is value pursuing.</p> </div> </div> <div> <div><span>3</span><span></span></div> <div> <h4>Practical Task</h4> <p>You may be asked to outline an email, compose a LinkedIn message, create a mini prospecting plan, or react to an objection. The evaluator volition appearance for relevance, clarity, expert tone, and whether your communication shows investigation fairly than a generic template.</p> </div> </div> <div> <div><span>4</span><span></span></div> <div> <h4>Founder or Senior Discussion</h4> <p>This conversation may concentration on ownership, hunger to learn, comfort in a evolving endeavor environment, and motivation for global client work. Expect probing on how you grip rejection, organise your day, and keep improving reply rates.</p> </div> </div> <div> <div><span>5</span></div> <div> <h4>Final Alignment</h4> <p>The final stage mostly aligns availability, full-time commitment, location, market-hours flexibility, and growth expectations. Keep your answers straightforward and display that you comprehend the function is hands-on, target-driven, and focused on Singapore-market endeavor development.</p> </div> </div> </div> Candidates battle whenever they conversation confidently but cannot display a applicable prospecting method. Prepare a example Singapore guide catalog logic, one outreach message, and a follow-up sequence before the interview. <hr><h2 id="7-interview-questions"><strong>7. Interview Questions</strong></h2><p>Use STAR for behavioral answers, Situation, Task, Action, Result. For revenue and case questions, use a organized chimney approach: segment, prospect, message, prosecute up, qualify, meeting, conversion. Interviewers volition prioritise clarity, initiative, applicable judgment, and comfort alongside global endeavor conversations.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Role-Specific Questions on Funnel, Outreach and Campaigns</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Product and Market Case Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="8-topics-and-areas-of-focus"><strong>8. Topics and Areas of Focus</strong></h2><p>Preparation should concentration on the genuine work: finding prospects, penning outreach, managing follow-ups, supporting campaigns, and explaining how revenue action becomes endeavor opportunity. Practise alongside realistic Singapore-market examples fairly than memorising generic revenue definitions.</p> <hr><h2 id="9-preparation-plan"><strong>9. Preparation Plan</strong></h2> Freshers: concentration on organized answer frameworks, communication samples, and evidence of initiative. Experienced candidates: prepared 3-5 particular examples covering guide generation, client outreach, follow-up discipline, run support, and measurable outcomes. <div> <div> <span>Week 1</span> <h4>Role Basics</h4> <p>Understand the role, market focus, and revenue chimney expectations.</p> </div> <div> <span>Week 2</span> <h4>Core Skills</h4> <p>Practise prospecting, outreach writing, and follow-up planning.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Prepare STAR stories and applicable project responses.</p> </div> <div> <span>Week 4</span> <h4>Mock Practice</h4> <p>Run imitate interviews and refine feeble answers.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="10-career-growth-next-roles"><strong>10. Career Growth &amp; Next Roles</strong></h2><p>This function can build a basis in global client acquisition, business-to-business sales, promotion campaigns, and client association management. Growth depends on accordant qualified leads, meetings generated, conversion support, repository quality, and the capability to grip larger market responsibilities independently.</p> <div> <div> <div><span>1</span><span></span></div> <div> <h4>Marketing and Sales Executive</h4> <p>At the current stage, you own potential research, outreach, follow-ups, gathering coordination, run support, and records. To progress, demonstrate that you can create qualified leads without changeless supervision, communicate professionally alongside global prospects, and keep a dependable revenue pipeline.</p> </div> </div> <div> <div><span>2</span><span></span></div> <div> <h4>Business Development Executive</h4> <p>After approximately 2-3 years, the next stage is normally deeper ownership of guide qualification, gathering generation, recommendation support, and chance movement. You must display stronger judgement on which accounts to pursue, how to grip objections, and how to coordinate alongside assistance teams for conversion.</p> </div> </div> <div> <div><span>3</span><span></span></div> <div> <h4>Senior Business Development Role</h4> <p>At approximately 4-6 years, a elder function involves preparedness campaigns, improving outreach playbooks, handling crucial prospects, and mentoring younger squad members. Promotion depends on measurable endeavor contribution, association maturity, and the capability to change market investigation into repeatable revenue activity.</p> </div> </div> <div> <div><span>4</span></div> <div> <h4>Manager or Market Specialist</h4> <p>Beyond that, the way can divided into group administration or deeper global market specialisation. A director owns squad targets and coaching, during a expert may concentration on global client acquisition, market research, and strategic document development. Both paths necessitate powerful implementation former and business judgment.</p> </div> </div> </div> <h3 id="conclusion">Conclusion</h3><p>The most crucial preparedness stage is to demonstrate that you can create endeavor momentum from scratch. Go into the discussion alongside a example Singapore potential list, a apparent outreach structure, a follow-up plan, and examples that display persistence under targets.</p><p>Practise speaking akin person who understands the two promotion assistance and revenue execution. Prepare one email, one LinkedIn message, one pipeline tracker, and one answer explaining how you would move a guide from archetypal communication to meeting.</p> Build a 25-company Singapore potential catalog today, compose one outreach email and one LinkedIn note, afterward practise explaining your logic in under two minutes. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/apt-and-co-llp-marketing-and-sales-executive-interview-guide-72267</guid> <pubDate>Tue, 13 Oct 2026 07:32:26 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[APT and CO LLP Careers Interview Guide]]></title> <description><![CDATA[APT and CO LLP Careers Interview Guide. APT and CO LLP careers guide covering business history, services, values, competitors, forthcoming themes and discussion preparedness for candidates.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791871576611-13241.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/apt-and-co-llp-careers-interview-guide-72268</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>APT and CO LLP is an Indian chartered accountancy and expert services resolute that plant throughout audit, assurance, taxation, advisory, accounting and compliance. It sits in the accounting, audit and endeavor advisory industry, anywhere clients anticipate specialized accuracy, regulatory awareness and applicable judgement. For a candidate, the resolute matters since its activity connects backing fundamentals alongside genuine client situations: statutory audits, income-tax positions, GST compliance, inner controls, transaction assistance and administration reporting. Roles at specified firms normally test additional than textbook knowledge. Interviewers appearance for comfort alongside Indian regulations, expert scepticism, records discipline, client communication and the capability to grip deadlines without compromising quality. Understanding the firm’s assistance mix helps candidates display why they fit a practice-led surroundings fairly than a generic company backing role.</p><p>This guide covers anywhere APT and CO LLP came from, how it is organized today, and the services that form its hiring needs.</p><h2 id="1-company-overview"><strong>1. Company Overview</strong></h2><h3 id="about-apt-and-co-llp">About APT and CO LLP</h3><p>APT and CO LLP describes itself through its chartered accountancy and consulting custom areas, covering assurance, taxation, advisory and endeavor assistance activity on its <a href="https://en.mycoding.id/category/technology" target="_blank">official website</a>. That makes it a helpful case study for audit, tax, finance, hazard and advisory candidates since the identical function may necessitate specialized accounting, regulatory interpretation, client-facing communication and organized operating papers.</p> <h3 id="company-history">Company History</h3><p>For discussion preparation, the helpful takeaway is that APT and CO LLP is finest understood as a practice-led expert services resolute fairly than a merchandise company. Candidates have to be prepared to conversation how a partner-led CA resolute balances specialized standards, client service, confidentiality and regulatory compliance throughout distinct assignments.</p> <div> <div> <div> <span></span> <span></span> </div> <div> <span>Founding phase</span> <span>Founding</span> <p>APT &amp; Co was established as a chartered accountancy custom in New Delhi, construction its character about audit, tax and compliance services.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Practice building</span> <span>Growth</span> <p>The resolute developed beyond center audit activity into tax and endeavor advisory support, reflecting the broader needs of Indian owner-managed and company clients.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Regulatory broadening</span> <span>Services</span> <p>As Indian tax and company compliance requirements became additional specialised, the firm’s activity expanded throughout straightforward tax, indirect tax, regulatory filings and administration support.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>LLP structure</span> <span>Ownership</span> <p>The current APT and CO LLP construction reflects a partner-led expert services model, anywhere ownership and expert accountability sit alongside the firm’s partners.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Modern practice</span> <span>Modernisation</span> <p>The resolute now presents an unified expert services offering, combining assurance, taxation, advisory and compliance assistance for clients that need coordinated backing and regulatory guidance.</p> </div> </div> <div> <div> <span></span> </div> <div> <span>Current focus</span> <span>Client service</span> <p>For candidates, the contemporary functioning example method assignments can affect specialized research, fieldwork, client data review, records and partner assessment inside the identical involvement cycle.</p> </div> </div> </div> <hr><h2 id="2-mission-vision-values"><strong>2. Mission, Vision &amp; Values</strong></h2><h3 id="mission">Mission</h3><p>APT and CO LLP’s authoritative website presents the resolute through its expert services and client-service positioning fairly than a separately labelled goal statement. Use the assistance descriptions to example answers about quality, compliance, expert judgement and client outcomes.</p><h3 id="vision">Vision</h3><p>The firm’s community positioning focuses on its function as a chartered accountancy and advisory custom fairly than a standalone imagination statement. In an interview, nexus your answer to long-term trust, specialized degree and liable direction alternatively of quoting a generic imagination line.</p><h3 id="core-values">Core Values</h3><p>APT and CO LLP does not current a separately tagged values charter on the public-facing matter reviewed here; candidates should hence prepared examples that display the expert behaviours expected in audit, tax and advisory work.</p><p>Build stories about accuracy, independence, confidentiality, client communication and deadline discipline, since these are the behaviours interviewers commonly test in a CA and consulting custom environment.</p><hr><h2 id="3-products-and-services"><strong>3. Products and Services</strong></h2><p>APT and CO LLP’s offering is centred on audit, tax, compliance and advisory assistance for businesses that need backing and regulatory expertise. Candidates preparing for akin Indian expert services roles can additionally difference the advisory accomplishment set alongside Board Infinity’s <a href="https://en.mycoding.id/category/technology" target="_blank">K C Mehta &amp; Co LLP strategic advisory discussion guide</a> to comprehend how consulting-style judgement is assessed in accounting-led firms.</p><ul><li><strong>Audit and Assurance</strong> covers statutory audit, financial declaration review, audit documentation, inner authority evaluation and evidence-based reporting for companies that need autonomous assurance complete their books.</li><li><strong>Direct Tax Services</strong> includes income-tax compliance, tax come back support, appraisal assistance, advisory on tax positions and representation-oriented activity for businesses and individuals.</li><li><strong>Indirect Tax and GST</strong> supports GST registrations, come back filing, input tax credit review, reconciliation, advisory on tax care and aid alongside compliance under India’s indirect tax framework.</li><li><strong>Regulatory and Corporate Compliance</strong> covers business law filings, statutory compliance calendars, records assistance and coordination for businesses that must encounter recurring lawful and regulatory requirements.</li><li><strong>Business Advisory</strong> includes applicable backing and business direction specified as entity-structure support, procedure improvement, transaction aid and administration decision support.</li><li><strong>Accounting and Outsourcing Support</strong> helps clients keep books, prepared administration reports, reconcile accounts, assistance payroll-linked backing processes and create cleaner data for audits or tax filings.</li><li><strong>Risk and Internal Control Support</strong> focuses on reviewing processes, identifying authority gaps, improving records and assisting administration fortify governance complete backing operations.</li></ul><hr><h2 id="4-key-competitors-of-apt-and-co-llp"><strong>4. Key Competitors of APT and CO LLP</strong></h2><p>APT and CO LLP competes in the Indian professional-services market for audit, taxation, accounting, compliance and advisory work. Competition is small concerning size solitary and additional concerning field understanding, partner access, regulatory judgement, shipment reliability, technology-enabled implementation and fee-value fit.</p> <div> <div> <h4>BDO India LLP</h4> <div>AUDIT, TAX AND ADVISORY PROFESSIONAL SERVICES FIRM</div> <p><b>Competes on:</b> statutory audit, inner audit, tax compliance, transaction support, hazard advisory and company governance assignments.</p> <p><b>Position:</b> powerful anywhere clients desire a larger advisory phase alongside multi-disciplinary teams and ceremonial shipment processes.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">K C Mehta &amp; Co LLP</a></h4> <div>CHARTERED ACCOUNTANCY AND BUSINESS ADVISORY FIRM</div> <p><b>Competes on:</b> taxation, assurance, transaction advisory, valuations, company advisory and regulatory consulting for Indian businesses.</p> <p><b>Position:</b> applicable competitor whenever clients value elder expert judgement, tax degree and advisory-led issue solving.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">ASA &amp; Associates LLP</a></h4> <div>ASSURANCE, TAX, ADVISORY AND ACCOUNTING SERVICES FIRM</div> <p><b>Competes on:</b> audit and assurance, tax, accounting support, endeavor advisory and cross-border expert services.</p> <p><b>Position:</b> powerful for clients seeking a broad Indian CA resolute alongside organized implementation throughout compliance and advisory mandates.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">Nangia Andersen LLP</a></h4> <div>TAX, REGULATORY AND ADVISORY SERVICES FIRM</div> <p><b>Competes on:</b> straightforward tax, indirect tax, global tax, transfer pricing, regulatory advisory and endeavor consulting work.</p> <p><b>Position:</b> particularly powerful anywhere assignments need tax specialisation, regulatory explanation and advisory assistance for complex endeavor situations.</p> </div> </div> <p>In an interview, construction a competitor answer about overlap in client needs, assistance depth, field expertise, responsiveness and trust; for a nearby advisory benchmark, difference your points alongside the K C Mehta &amp; Co LLP Manager, Strategic Advisory discussion guide fairly than reducing the inspection to which resolute is larger.</p><hr><h2 id="5-corporate-social-responsibility-csr"><strong>5. Corporate Social Responsibility (CSR)</strong></h2><p>For a professional-services LLP specified as APT and CO LLP, CSR is finest understood through trust-building activity about financial literacy, ethical compliance, mentoring and community assistance fairly than through a consumer-facing campaign. In interviews, nexus CSR to the firm’s day-to-day credibility: exact advice, liable documentation, confidentiality and assistance to clients who depend on expert judgement.</p><p>Before naming any particular CSR program in an interview, verify the latest business communication on the firm’s authoritative website, LinkedIn leaf or latest partner updates.</p> <div> <div> <span>📚</span> <h4>Financial Literacy</h4> <p>A applicable CSR-adjacent theme for this endeavor is assisting students, small endeavor owners and first professionals comprehend taxation, record-keeping and essential compliance.</p> </div> <div> <span>🤝</span> <h4>Ethics and Governance Awareness</h4> <p>A professional-services resolute can contribute by promoting transparent reporting, liable records and stronger inner controls among expanding organisations.</p> </div> <div> <span>🎓</span> <h4>Student Mentoring</h4> <p>Mentoring CA aspirants, commerce graduates and interns fits naturally alongside a resolute that depends on specialized learning and expert discipline.</p> </div> <div> <span>💻</span> <h4>Digital Compliance Support</h4> <p>Workshops on digital filings, safe document handling and liable use of accounting systems can assistance smaller organisations decrease avoidable compliance errors.</p> </div> <div> <span>🏢</span> <h4>SME Advisory Support</h4> <p>Pro bono or low-cost direction for early-stage enterprises can concentration on bookkeeping hygiene, tax calendars and governance basics.</p> </div> <div> <span>🌾</span> <h4>Community Volunteering</h4> <p>Team volunteering can broaden the firm’s expert civilization into local education, skill-building and civic initiatives.</p> </div> </div> <hr><h2 id="6-interview-process-selection-rounds"><strong>6. Interview Process &amp; Selection Rounds</strong></h2><p>Hiring at APT and CO LLP is finest approached as a applicable professional-services choice process: the resolute volition appearance for accounting fundamentals, integrity, client-readiness and the capability to study quickly under deadlines. The exact form can change by function, seniority and location, alongside articleship and fresher hiring normally evaluation fundamentals, during informed roles put additional importance on client exposure, assessment capability and autonomous judgement.</p><p>Candidates should prepared for a mix of resume discussion, specialized checks, director or partner evaluation and HR fitment fairly than assuming one fixed format for all route.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application and Resume Screening</h4> <p>This circular checks qualification fit, articleship or activity exposure, scholarly document and whether your projects equivalent the path applied for. Audit candidates are screened for assurance exposure, tax candidates for straightforward or indirect tax familiarity, and advisory candidates for analytical projects or client-facing work.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude, Accounting or Case Check</h4> <p>This phase may test numerical comfort, accounting entries, tax logic, Excel thinking or a abbreviated endeavor case. The satisfied differs sharply by function: assurance roles may see audit assertions, tax roles may see come back or compliance scenarios, and advisory roles may see explanation of financial information.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Technical Interview</h4> <p>Interviewers measure whether you can explain concepts plainly and use them to genuine files, not fair recall definitions. A fresher may be asked fundamentals from accounting, audit or tax, during an informed applicant may be asked how they handled reviews, reconciliations, client queries or statutory deadlines.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Manager or Partner Discussion</h4> <p>This circular evaluates judgement, ownership, ethics, communication and how you would behave alongside clients and seniors. For younger roles, the concentration is coachability and discipline; for elder roles, it shifts to assessment quality, delegation, client confidence and hazard awareness.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>HR Fitment and Offer Discussion</h4> <p>The final phase normally covers availability, location preference, compensation fit, occupation goals and whether the activity beat suits you. Be prepared to explain why this path fits your long-term path, whether that is articleship, audit, tax, compliance, advisory or inner audit.</p> </div> </div> </div> <hr><h2 id="7-common-interview-questions-across-roles"><strong>7. Common Interview Questions Across Roles</strong></h2><p>These are company-fit and broad discussion questions any APT and CO LLP applicant can face, during role-specific specialized questions pertain in the guide for that exact route.</p> <div id="iq-cq-wrap"> <h3>General &amp; Company-Fit Questions</h3> <div id="iq-cq-filters"></div> <div id="iq-cq-list"></div> </div> <hr><h2 id="8-required-skills-tools"><strong>8. Required Skills &amp; Tools</strong></h2><p>Required skills at APT and CO LLP are route-specific fairly than one worldwide list, so use this array to map preparedness to the identical occupation routes used in Career Opportunities below.</p> <hr><h2 id="9-career-opportunities-at-apt-and-co-llp"><strong>9. Career Opportunities at APT and CO LLP</strong></h2><p>Careers at APT and CO LLP are finest understood by assistance route, since all path tests a distinct mix of specialized accounting, tax, audit, compliance and client-handling ability. Candidates should prepared for the path closest to their qualification phase and cognition level, afterward display how they can develop from implementation assistance to autonomous ownership of client work.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Audit &amp; Assurance</h4> <p>This path suits Article Assistants, Audit Associates, Senior Audit Associates, Audit Executives, Assistant Managers and Audit Managers who activity on statutory audit, tax audit, audit documentation, testing, schedules and client coordination; the promotion indication is exact audit ownership alongside small assessment comments and stronger hazard judgement.</p> </div> </div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Direct Tax</h4> <p>This path fits Tax Associates, Direct Tax Executives, Senior Tax Associates, Assistant Managers and Tax Managers handling income-tax computation, come back preparation, TDS, appraisal support, notices and client queries; the promotion indication is technically audio tax positions supported by spotless workings and timely compliance delivery.</p> </div> </div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Indirect Tax &amp; GST</h4> <p>This path is applicable for GST Associates, Indirect Tax Executives, GST Consultants, Senior Executives, Assistant Managers and Managers operating on GST returns, reconciliations, input tax credit checks, notices, e-invoicing issues and advisory notes; the promotion indication is dependable GST compliance alongside the capability to acknowledge risks before filings or audits.</p> </div> </div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Accounting &amp; Bookkeeping</h4> <p>This path plant for Accounts Assistants, Accounts Executives, Senior Accountants, Finance Executives, Assistant Managers and Accounting Managers liable for bookkeeping, financial institution reconciliation, ledger scrutiny, MIS support, payables, receivables and month-end closure; the promotion indication is error-free books alongside faster closure and apparent elimination reporting.</p> </div> </div> <div> <div> <span>5</span> <span></span> </div> <div> <h4>Advisory &amp; Consulting</h4> <p>This path suits Advisory Associates, Consultants, Senior Consultants, Assistant Managers and Managers supporting due diligence, valuations, financial analysis, transaction support, restructuring inputs and client presentations; candidates preparing for elder advisory interviews can additionally benchmark expectations using the Manager, Strategic Advisory discussion preparedness guide, and the promotion indication is turning inspection into applicable recommendations that partners can obtain to clients.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Corporate Compliance &amp; ROC</h4> <p>This path is helpful for Compliance Associates, ROC Executives, Company Law Executives, Senior Compliance Executives, Assistant Managers and Managers handling MCA filings, commission documentation, statutory registers, incorporation assistance and annual compliance coordination; the promotion indication is deadline-safe compliance activity alongside powerful document authority and client follow-up discipline.</p> </div> </div> </div> <hr><h2 id="10-future-outlook-and-strategic-plan"><strong>10. Future Outlook and Strategic Plan</strong></h2><p>APT and CO LLP positions itself as a CA-led expert services resolute that has moved from practice-building milestones into an LLP phase anywhere assurance, tax and advisory activity sit together. For candidates, the indication is continuity fairly than reinvention: regard the firm’s historic base, afterward display how you would use that basis to stronger documentation, sharper regulatory explanation and clearer client conversations today.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Assurance norm and audit discipline</h4> <p>Be prepared to conversation how you build audit evidence, test controls and document judgement. Strong examples contain checking income cut-off in a manufacturing client and tracing disbursal approvals in an owner-managed business.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Tax and regulatory interpretation</h4> <p>Expect questions that test whether you can use rules without overcomplicating the answer. Prepare to explain GST input tax credit reconciliations, TDS care on vendor payments and how you would escalate an uncertain stance to a partner.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Practical client advisory</h4> <p>Show that your direction can be implemented by backing teams, not fair written in a report. Useful examples contain improving month-end decision controls and converting a due diligence finding into a apparent hazard note for management.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Digital records and data discipline</h4> <p>Candidates have to be comfortable moving between accounting data, operating document and client explanations. Talk through examples specified as analysing ledger exports in Excel and reconciling financial institution entries against accounting application reports.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Professional communication and equal awareness</h4> <p>Be prepared to communicate findings to partners, promoters and CFO teams alongside the correct flat of detail. If you desire a applicable equal benchmark for advisory-style preparation, assessment this guide to a strategic advisory discussion at K C Mehta &amp; Co LLP and modify the learning to APT and CO LLP’s own assistance mix.</p> </div> </div> </div> <hr><h2 id="11-conclusion"><strong>11. Conclusion</strong></h2><p>APT and CO LLP sits in the rivalrous mid-market expert services space, anywhere clients anticipate statutory discipline, tax clarity and applicable advisory fairly than theoretical recommendations. Its direction depends on preserving the credibility built through the firm’s before milestones during adapting shipment to digital records, tighter compliance expectations and multidisciplinary client problems. For person joining, the chance is hands-on visibility throughout assignments, but the norm is likewise clear: cognize the facts, document judgement carefully and communicate recommendations in a way partners and clients can act on.</p> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/apt-and-co-llp-careers-interview-guide-72268</guid> <pubDate>Tue, 13 Oct 2026 07:32:24 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[Denmark set to allow return of 'physical force' in school]]></title> <description><![CDATA[Denmark set to allow return of 'physical force' in school. Comments]]></description> <media:thumbnail url="https://www.lemonde.fr/bucket/resources/front/static/img/logos/pwa-256.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/denmark-set-to-allow-return-of-physical-force-in-school-72265</link> <content:encoded><![CDATA[<div> <img src="https://www.lemonde.fr/bucket/resources/front/static/img/logos/pwa-256.png" alt="Le Monde" loading="eager" decoding="async"> <p> Si vous &ecirc;tes partenaire autoris&eacute;, abonn&eacute; au Monde, ou si vous souhaitez obtenir une autorisation d&rsquo;acc&egrave;s &agrave; ce contenu, merci de contacter : <span>licensing[@]groupelemonde.fr</span> en joignant une copie de cette leaf d&rsquo;erreur, incluant votre adresse IP et votre identifiant de requ&ecirc;te (RID). </p> <p>English version</p> <p>Your traffic has been identified as automated (bot activity).</p> <p> If you are an authorized partner, a Le Monde subscriber, or if you would akin to petition approval to admission this content, delight contact: <span>licensing[@]groupelemonde.fr</span> and contain a copy of this error leaf showing your IP location and petition ID (RID). </p> <p>IP: 185.229.118.51<br>RID: 8a6c0f74dd3246689528000000000001</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/denmark-set-to-allow-return-of-physical-force-in-school-72265</guid> <pubDate>Tue, 13 Oct 2026 07:27:03 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[Russia is copying cruise missile tech onto its $50,000 drones to deal with Ukraine's jamming]]></title> <description><![CDATA[Russia is copying cruise missile tech onto its $50,000 drones to deal with Ukraine's jamming. Ukrainian intellect says the Susanin scheme helps Geran-4s and Geran-5s use cameras to navigate the skies without a broadcast or moon system.]]></description> <media:thumbnail url="https://i.insider.com/6acda859c2928e989ab95ea9?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/russia-is-copying-cruise-missile-tech-onto-its-50-000-drones-to-deal-with-ukraine-s-jamming-72264</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acda859c2928e989ab95ea9?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acda859c2928e989ab95ea9?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acda859c2928e989ab95ea9?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acda859c2928e989ab95ea9?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acda859c2928e989ab95ea9?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acda859c2928e989ab95ea9?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acda859c2928e989ab95ea9?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="A composite depiction of a mock-up of a Geran-4 and a photo of a restored Susanin system." decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Ukraine's intellect directorate is seeking data concerning a new optical scheme established on Russia's latest Gerans.</span> <span> <span e-name="image-source" itemprop="creditText">Screenshots via Telegram/GUR</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>Last week, Ukraine's defence intellect directorate put out a call for data on a equipment newly established in Russia's latest killer drones.</p><p>The "Susanin," a small cylinder alongside a camera lens, is an optical scheme that enables Russia's long-range drones to navigate Ukraine's skies without relying on moon or broadcast signals.</p><p>Should Moscow deploy them at scale, the modules would current a important new difficulty for Kyiv, allowing Russian one-way drones to bypass jamming &mdash; a key pillar of Ukraine's air defence network.</p><p>Per the intellect directorate, or GUR, the Kremlin has been fitting them onto the turbojet <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Geran-4 and Geran-5 K5</a>, which fly at 280 mph or faster and are seeing expanding use by Russia this year. These drones are already considerably harder for Ukraine to demolish by force, since they outpace <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">typical Ukrainian interceptor drones</a>.</p><p>The Susanin plant by storing images of Ukraine's terrain on the drone, then, during in flight, using a downward-facing camera to detect the dirt and difference the live nourish to the pre-saved imagery. Using these comparisons, the drone can independently decide its stance and how to attain its target.</p><p>"Even Google Earth imagery is adequate for essential orientation," wrote Serhii "Flash" Beskrestnov, a notable drone expert connected alongside Ukraine's military, on Sunday.</p><p>Beskrestnov warned that Russia would apt continue actively evolving Susanin systems for its drones by next year.</p><p>"Our enemy already uses specified systems on small Molniya, V2U, and Lancet drones," he added.</p><h2 id="964680df-1089-4846-87c1-d51612a2af65" data-toc-id="964680df-1089-4846-87c1-d51612a2af65">Cruise missile tech on a drone</h2><p>The innovation is akin to what several cruise missiles use to attain their targets in jammed environments. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">The Tomahawk</a>, for example, features what analysts call Digital Scene Matching Area Correlation to break photos of landmarks under the missile and difference them to moon imagery stored onboard.</p> <p>Higher-end Russian cruise missiles, specified as the Kh-101, use a Russian type of this tech called Otblesk-U. But the Kh-101 is estimated to disbursal $2.4 myriad each, during its long-range drones disbursal fair a fraction of that: The <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">delta-wing Geran-4</a> is priced at an estimated $50,000 to $70,000 apiece, during the Geran-5 is believed to disbursal concerning $100,000 to $115,000 each.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6acdabff7bf24b4467e6a7ff&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1803,&quot;aspectRatioH&quot;:1189}}' alt="Debris of a drone lies on the dirt near the Epicenter retailing center following a Russian Geran-4 attack in Kharkiv."> </p></div> <span> <figcaption e-name="image-caption"> Debris of a drone lies on the dirt near the Epicenter retailing center following a Russian Geran-4 attack in Kharkiv.&nbsp; <span e-name="image-source" itemprop="creditText"> Polina Kulish/Gwara Media/Global Images Ukraine via Getty Images </span> </figcaption> </span> </figure> <p>Russia has been producing these drones at a much faster pace, launching complete 3,500 jet assault drones at Ukraine in September alone.</p><p>Kyrylo Liukov, who leads the uncrewed technologies division at the Serhiy Prytula Charity Foundation, told Business Insider that it's "quite possible" Russia could measure up its use of navigation systems akin the Susanin.</p><p>"Russia is already using this navigation scheme for medium- and deep-strike operations," stated Liukov, adding that its deployment on Geran-4s and Geran-5s has been expanding recently.</p><p>Still, Liukov stated these systems have their limits. The Susanin is lone helpful for pre-programmed drone attacks by itself, and wouldn't be capable to assistance the drone discover a moving Ukrainian armored conveyance or mobile missile launcher.</p><p>"In another words, these are predominantly planned, fixed targets," stated Liukov, whose institution <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">raises finances for Ukraine's military</a> and drone manufacturers.</p><p>But pre-arranged flights fit fine into Moscow's scheme alongside Gerans, which are launched in ample numbers to overwhelm Ukrainian air defenses and wreak havoc on its cities.</p><h2 id="cc1478f2-02f4-4813-91d0-fb5b5907e5cb" data-toc-id="cc1478f2-02f4-4813-91d0-fb5b5907e5cb">Fighting the Susanin</h2><p>If a Russian turbojet drone is using a Susanin system, Ukraine's lone way to oppose it, for now, is to use bodily force, Liukov said.</p><p>Ukraine's options in this area remain limited, alongside its armed forces motionless in the first stages of introducing <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">advanced interceptor drones</a> capable of catching turbojet Gerans. Another way is to initiate rare and costly anti-air missiles, which are typically reserved for Russia's additional mighty cruise or ballistic missiles.</p><p>One imaginable resolution Ukraine could eventually explore, Liukov said, is to blind the Susanin's camera. The camera's perspective of Ukrainian terrain could additionally be obscured by clouds, rain, or fog, he said.</p><p>"For high-quality path acknowledgment using Susanin, a escape altitude related to speed is required that volition authorize for exact inclination using the captured images, as fine as favorable climate conditions," Liukov said.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Matthew is a elder newsman at Business Insider's Singapore bureau. He covers the defence industry, armed forces technology, and evolving strategies in Ukraine, the US, and the Asia-Pacific region.He joined the squad in June 2021, earlier focusing on net infringement and labor, examining how these issues effect contemporary community in Asia, alongside a particular accent on China.</span><span>Matthew's former activity has been featured in the South China Morning Post, as fine as Singaporean news companies TODAY and The Business Times.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/russia-is-copying-cruise-missile-tech-onto-its-50-000-drones-to-deal-with-ukraine-s-jamming-72264</guid> <pubDate>Tue, 13 Oct 2026 07:18:39 +0700</pubDate> <author><![CDATA[support@mycoding.id (Matthew Loh)]]></author> </item> <item> <title><![CDATA[Bagaimana AI Memahami Jaringan?]]></title> <description><![CDATA[Bagaimana AI Memahami Jaringan?. Channel ini menyajikan materi seputar Data Science &amp; Artificial Intelligence, Networking &amp; Cyber Security, serta Database &amp; Programming. Seluruh mat...]]></description> <media:thumbnail url="https://i1.ytimg.com/vi/b3y8bw_yjIo/maxresdefault.jpg"/> <category><![CDATA[Indonesian]]></category> <link>https://en.mycoding.id/bagaimana-ai-memahami-jaringan-72269</link> <content:encoded><![CDATA[<p class="embed-responsive embed-responsive-16by9 post-embed"><iframe width="560" height="315" aria-label="Preview" class="embed-responsive-item" src="https://www.youtube.com/embed/b3y8bw_yjIo?autoplay=1&amp;mute=1&amp;playsinline=1&amp;rel=0" title="YouTube video player" frameborder="0" allow="autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p><h2>Bagaimana AI Memahami Jaringan?</h2><p>Channel ini menyajikan materi seputar Data Science &amp; Artificial Intelligence, Networking &amp; Cyber Security, serta Database &amp; Programming. Seluruh materi disusun secara sistematis untuk membantu Anda memahami konsep, teknologi, dan praktik yang digunakan di bumi teknologi informasi, mulai dari tingkat alas hingga lanjutan. Setiap bahasan berfokus pada pengembangan keahlian melalui materi yang gampang dipahami, relevan dengan kebutuhan industri, dan disampaikan untuk tujuan edukasi. Seluruh konten mengedepankan implementasi teknologi secara legal, etis, dan bertanggung jawab, sehingga dapat menjadi rujukan belajar bagi pelajar, mahasiswa, maupun profesional. Jika Anda mau mengembangkan kapasitas di sektor pemrograman, pengelolaan data, kecerdasan buatan, jaringan komputer, maupun keamanan siber, channel ini menyediakan materi yang dapat membantu membangun fondasi ilmu sekaligus menaikkan keahlian secara bertahap. Playlist video terkait: ▪ https://www.youtube.com/playlist?list=PLZGgeqmsm32s ▪ https://www.youtube.com/playlist?list=PLZomBNpDl3vc ▪ https://www.youtube.com/playlist?list=PLE5VyXMZkzb8 PEMBAHASAN MATERI Playlist Materi Ilmu Komputer berisi kumpulan video pembelajaran, tutorial, klarifikasi konsep, studi kasus, demo, dan bahasan komplit seputar beragam sektor dalam ilmu komputer. Materi yang disajikan mencakup alas hingga tingkat lanjut, mulai dari pemrograman, pengelolaan database, jaringan komputer, keamanan siber, mekanisme operasi, pengembangan alat lunak, arsitektur komputer, hingga beragam teknologi yang digunakan dalam bumi komputasi modern. Temukan bahasan mengenai komputer dan pemrograman, algoritma, struktur data, PHP, JavaScript, Python, Laravel, MySQL, PostgreSQL, API, rekayasa alat lunak, database, jaringan komputer, pengelolaan server, cloud computing, virtualisasi, Linux, Windows Server, keamanan jaringan, cyber security, ethical hacking, kriptografi, keamanan aplikasi, DevOps, Internet of Things (IoT), kecerdasan buatan (AI), machine learning, serta beragam konsep, teknologi, dan praktik terbaik di sektor ilmu komputer. Playlist ini cocok bagi pelajar, mahasiswa, programmer, web developer, software engineer, pengelola sistem, ahli IT, maupun siapa saja yang mau mempelajari dan memperdalam wawasan di bumi ilmu komputer secara menyeluruh. CONTACT US ▪ Email support@mycoding.id ▪ WhatsApp https://wa.me/6281274309663 ▪ Telegram https://t.me/mycodingxd OFFICIAL LINKS ▪ Web https://mycoding.id ▪ Blog https://blog.mycoding.id ▪ News https://en.mycoding.id ▪ Apps https://play.google.com/store/apps/dev?id=5237501547073493079 SOCIAL MEDIA ▪ https://linkedin.com/company/mycodingxd ▪ https://facebook.com/mycodingxd ▪ https://instagram.com/mycodingxd ▪ https://tiktok.com/@mycodingxd ▪ https://twitter.com/mycoding_xd ▪ https://pinterest.com/mycoding_xd CHANNEL LINKS ▪ YouTube https://safelink.asia/youtube ▪ DailyMotion https://safelink.asia/dailymotion ▪ WhatsApp https://safelink.asia/whatsapp ▪ Telegram https://safelink.asia/telegram Powered by https://linkedin.com/company/401XDGroup #CyberSecurity #ArtificialIntelligence #Networking #DataScience #Programming #Database</p>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/bagaimana-ai-memahami-jaringan-72269</guid> <pubDate>Tue, 13 Oct 2026 07:00:04 +0700</pubDate> <author><![CDATA[support@mycoding.id (Mc Project)]]></author> </item> <item> <title><![CDATA[Threat of AI share crash puts world financial stability at risk, says IMF]]></title> <description><![CDATA[Threat of AI share crash puts world financial stability at risk, says IMF. Comments]]></description> <media:thumbnail url="https://i.guim.co.uk/img/media/e66d4b83821641865a2b61c557a735880c9734e0/936_0_4064_3251/master/4064.jpg?width=1200&amp;height=630&amp;quality=85&amp;auto=format&amp;fit=crop&amp;precrop=40:21,offset-x50,offset-y0&amp;overlay-align=bottom%2Cleft&amp;overlay-width=100p&amp;overlay-base64=L2ltZy9zdGF0aWMvb3ZlcmxheXMvdGctZGVmYXVsdC5wbmc&amp;enable=upscale&amp;s=09d088172c992bc6ae7b21be63e1e523"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/threat-of-ai-share-crash-puts-world-financial-stability-at-risk-says-imf-72266</link> <content:encoded><![CDATA[<div id="maincontent"><div><p>The danger of an AI portion cost collision rippling out throughout earth markets is putting earth financial stability at risk, the International Monetary prosperity has warned.</p><p>In its twice-yearly Global Financial Stability Report, the IMF highlighted the sky-high valuations for AI companies alongside alongside their expanding debt heap as one logic that risks in the scheme are &ldquo;elevated&rdquo;.</p><p>&ldquo;The consequences of an AI correction could be global,&rdquo; it warned. Aside from the US, Asian markets would be most exposed, and the UK and euro area possibly additional insulated &ndash; although investors alongside US holdings would be hit.</p><p>Athanasios Vamvakidis, the delegate director of the IMF&rsquo;s monetary and chief department, launching the report, stated &ldquo;the visibility of the remainder of the earth to US assets, particularly AI, is the highest it has always been. So this is supporting the earth economics through prosperity effects today; but if we get a market correction it could have broad implications.&rdquo;</p><p>An AI collision was one of three &ldquo;salient risks&rdquo; to stability identified by the IMF, alongside <a href="https://en.mycoding.id/category/technology" target="_blank" data-link-name="in build link">rising authorities borrowing costs</a> and the danger of a big cyber-attack.</p><p>It called this trio of factors &ldquo;plausible near-term catalysts for a keen tightening of financial conditions and market turmoil&rdquo;.</p><p>The IMF&rsquo;s inspection underlined the interconnected nature of big AI companies, and the elevated levels of borrowing being undertaken to prosperity funding in the sector.</p><p>&ldquo;Weaker or small durable funding and profitability in AI could trigger a correction in AI-related asset prices, exacerbated by rising leverage, concentrated exposures, and circular financing arrangements,&rdquo; it said.</p><p>Such a reassessment would afterward &ldquo;sharply decrease investment, trigger equity market corrections, and tighten financial conditions, alongside earth spillovers&rdquo;.</p><p>The &ldquo;magnificent seven&rdquo; big tech stocks &ndash; Alphabet, Amazon, Apple, Meta, Microsoft, Nvidia and Tesla &ndash; document for additional than 35% of the S&amp;P 500 portion indicator in the US, up from 12% a decade ago, and their total market capitalisation has risen by additional than 50% in the former two years.</p><p>Yet the IMF warned of &ldquo;growing evidence&rdquo; that the prosperous rollout of AI &ldquo;may not necessitate funding on the enormous measure being undertaken by &lsquo;hyperscaler&rsquo; firms,&rdquo; and that &ldquo;potential financial gains may not be as ample as expected&rdquo;.</p><p>The hyperscalers are the companies construction the underlying infrastructure for the AI rollout, including many huge datacentres. They contain Amazon Web Services, Google, Meta and Oracle.</p><figure data-spacefinder-role="inline" data-spacefinder-type="model.dotcomrendering.pageElements.NewsletterSignupBlockElement"><a href="https://en.mycoding.id/category/technology" target="_blank">skip former newsletter promotion</a><div><div><hr></div></div><p id="EmailSignup-skip-link-12" tabindex="0" aria-label="after newsletter promotion" role="note">after newsletter promotion</p></figure><p>The IMF additionally highlighted the expanding leverage, or borrowing, that underpins the current surge and could amplify the effects of a crash.</p><p>In particular, it identified soaring debts contracted by the companies themselves; hedge prosperity funding in the sector; and retailing investors borrowing to estimate in AI stocks.</p><p>In the event of an AI-led market downturn &ldquo;these expanding sources of leverage enhance the possible for forced marketing and surges in equity volatility&rdquo;, it said.</p><p>It additionally pointed to the prevalence of <a href="https://en.mycoding.id/category/technology" target="_blank" data-link-name="in build link">&ldquo;circular financing&rdquo; deals</a>, tying stronger AI companies to weaker partners in the identical sector, and possibly exacerbating the effect of a portion cost correction.</p><p>It identified $300bn (&pound;227bn) value of transactions between hyperscalers and &ldquo;weaker AI firms&rdquo; in fair the former three years, supplemented by $650bn in debt, in toggle for $1.4tn in forthcoming financial commitments.</p></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/threat-of-ai-share-crash-puts-world-financial-stability-at-risk-says-imf-72266</guid> <pubDate>Tue, 13 Oct 2026 06:57:32 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[AI worms and 'digital slime mold': Welcome to the next AI nightmare fuel]]></title> <description><![CDATA[AI worms and 'digital slime mold': Welcome to the next AI nightmare fuel. Small AI models power shortly be capable of worming their way into astute ovens and refrigerators, Anthropic said.]]></description> <media:thumbnail url="https://i.insider.com/6acd99f0c2928e989ab95ea1?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/ai-worms-and-digital-slime-mold-welcome-to-the-next-ai-nightmare-fuel-72258</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acd99b942403ad8039a5d58?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acd99b942403ad8039a5d58?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acd99b942403ad8039a5d58?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acd99b942403ad8039a5d58?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acd99b942403ad8039a5d58?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acd99b942403ad8039a5d58?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acd99b942403ad8039a5d58?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="A individual examines fungal colonies on a piece of spoiled bread through a magnifier, specialized analysis, food norm control, biologic research" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Anthropic researchers stated small AI models power be capable to self-replicate on cheap devices specified as astute ovens or grassland mowers.</span> <span> <span e-name="image-source" itemprop="creditText">Vitalii Petrushenko/Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>Forget <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">AI slop</a>. We power shortly have "AI worms" and AI "slime mold."</p><p>In this latest instalment of AI nightmare fuel, Anthropic's researchers have discovered that small rogue AI models power &mdash; as shortly as the end of 2026 &mdash; commencement worming their way into residence devices akin astute ovens, astute refrigerators, automatic vacuum cleaners, and grassland mowers.</p><p>These internet-connected devices typically have "minimal safety measures in place," allowing small models to nourish off of their computing power and self-replicate, Anthropic's AI capabilities investigation squad wrote in a study on Monday.</p><p>This could obtain the form of "a slow, distributed 'digital slime mold,' living on comparatively insecure compute," the researchers wrote.</p><p>The squad studied the behavior of small Chinese models, specified as <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Z.ai's GLM-5.2</a> and Alibaba's Qwen, as fine as others akin Google DeepMind's Gemma4-26B-A4B. They gave a immediate to the Gemma example during operating conclusion on 15 cheap off-brand Android TV boxes, all costing $55, and established it worked.</p><p>Worms aren't new in the application world. Traditionally, they're a category of malware that can copy itself and dispersed throughout networks. Anthropic stated an AI worm takes that idea a stage further: it can reproduce itself on another equipment during carrying its AI example alongside it.</p><p>This finding showed them that AI models can use the hardware in family astute appliances as an substitute to data center compute. These volition be challenging to close down, they said.</p><p>"As a prediction that goes beyond our experiments, we anticipate a forthcoming awash alongside agents operating on all types of hardware, including several that aren't under individual control," the researchers wrote.</p><p>They added that during we should "harden our systems" to forestall specified hacks, we should "also prepared to agreement alongside a earth anywhere they are current to stay."</p> <p>The investigation comes as <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">rogue AI systems</a> are becoming an expanding topic of involvement in the tech sphere. Last month, there was an surge of criticism directed at frontier AI labs akin Anthropic and OpenAI following <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">former and current employees</a> warned of the hazard of an AI catastrophe inside the next 10 years.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Aditi is a news newsman at Business Insider&rsquo;s Singapore bureau. She covers hustle civilization and the forthcoming of work, focusing on how AI and innovation are reshaping jobs, careers, and workplaces.</span><span>She earlier worked for The Straits Times, anywhere she wrote breaking news stories for the Singapore desk.&nbsp;She studied communications and endeavor at Nanyang Technological University.&nbsp;</span><span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/ai-worms-and-digital-slime-mold-welcome-to-the-next-ai-nightmare-fuel-72258</guid> <pubDate>Tue, 13 Oct 2026 06:29:42 +0700</pubDate> <author><![CDATA[support@mycoding.id (Aditi Bharade)]]></author> </item> <item> <title><![CDATA[Eileen Gu says she sees herself and her mom as ‘cofounders’]]></title> <description><![CDATA[Eileen Gu says she sees herself and her mom as ‘cofounders’. Eileen Gu says group error her mom for a tiger mom. In reality, she says, her mom fiercely protected her liberty to choose.]]></description> <media:thumbnail url="https://i.insider.com/6acd8f3842403ad8039a5d53?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/eileen-gu-says-she-sees-herself-and-her-mom-as-cofounders-72259</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acd8f187bf24b4467e6a7f3?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="Eileen Gu and her mother Gu Yan." decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Eileen Gu says her mom set her up for achievement by letting her choose her own path.</span> <span> <span e-name="image-source" itemprop="creditText">Noam Galai/Getty Images For Apex For Youth</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Eileen Gu</a> credits her mom alongside giving her the liberty to discover her own path.</p><p>Speaking at the Karim Family Foundation's Inspiring Women Leadership Series in Singapore on Monday, Gu said concerning her upbringing and how her mom set her up for achievement from a young age.</p><p>"I think she really optimized for play, and she optimized for optionality. She put me into everything," Gu said, adding that she tried ballet, piano, archery, basketball, soccer, and cross-country skiing.</p><p>She additionally attended math and discipline camps and went for chanting lessons.</p><p>"There were many of things, right?" Gu said. "And so, the item being that whenever I was younger, she really gave me the complete dispersed so that whenever I was older &mdash; whenever I knew myself improved and whenever I was liable to create those decisions &mdash; I could create an informed one having tried all the options."</p><p>The <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Olympic freestyle skier</a> stated that being entrusted alongside that agency and duty at a comparatively young age was crucial to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">her becoming independent</a>.</p><p>Gu stated group frequently wrongly assume her mother was a "tiger mom," a tag she described as a controlling, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">helicopter-style parent</a> who forces their kid downward a particular path.</p><p>"She was in many ways the contrary of that, anywhere she fair vigorously provided me alongside liberty and agency, and enforced my liberty really intensely," Gu said. "That was the consequence of her tiger mom."</p><p>Now, Gu said, they motionless do nearly everything together.</p> <p>"As I got older, I kept calling us cofounders since I really think that's the finest way to encapsulate our partnership," Gu said. "We journey together all day. We live together. We activity together. We create together. We alter together. We evolve."</p><p>Gu stated neither she nor her mother has all the answers, and they are the two figuring existence out as they go.</p><p>They frequently commencement alongside distinct views before talking them through, finding average ground, and sometimes equal landing on all other's first sides, she said.</p><p>"We arrive in alongside distinctive perspectives and, most importantly, a regard for one another. We have conversation that is respectful, that is critical, that is conducive, that is productive," she said.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Amanda is a elder manner newsman at Business Insider's Singapore bureau.</span><span>Her reporting explores how group navigate important existence transitions, including occupation changes, relocation, and retirement, alongside a particular concentration on the experiences of those living in Asia. She additionally writes concerning travel, culture, wellness, and relationships.</span><span>In 2025, she won the Singapore Press Club's Rising Stars Young Digital Journalist Award.</span><span>She earlier worked as a author and video manufacturer at a satisfied promotion agency in Singapore. She graduated from the University at Buffalo alongside a BA (Hons) in Sociology.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/eileen-gu-says-she-sees-herself-and-her-mom-as-cofounders-72259</guid> <pubDate>Tue, 13 Oct 2026 06:24:46 +0700</pubDate> <author><![CDATA[support@mycoding.id (Amanda Goh)]]></author> </item> <item> <title><![CDATA[Vi Hart's Big Navier-Stokes Post]]></title> <description><![CDATA[Vi Hart's Big Navier-Stokes Post. Comments]]></description> <media:thumbnail url="https://en.mycoding.id/site/assets/img/og-image.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/vi-hart-s-big-navier-stokes-post-72261</link> <content:encoded><![CDATA[<a href="https://en.mycoding.id/category/technology" target="_blank">Comments</a>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/vi-hart-s-big-navier-stokes-post-72261</guid> <pubDate>Tue, 13 Oct 2026 06:22:28 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[IMF director warns AI could leave young workers without a way up the career ladder]]></title> <description><![CDATA[IMF director warns AI could leave young workers without a way up the career ladder. IMF chief Kristalina Georgieva says AI may assistance earth growth during eliminating jobs that assistance young workers commencement careers.]]></description> <media:thumbnail url="https://i.insider.com/6acd8e0e7bf24b4467e6a7ed?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/imf-director-warns-ai-could-leave-young-workers-without-a-way-up-the-career-ladder-72260</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acd8443c2928e989ab95e8b?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acd8443c2928e989ab95e8b?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acd8443c2928e989ab95e8b?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acd8443c2928e989ab95e8b?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acd8443c2928e989ab95e8b?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acd8443c2928e989ab95e8b?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acd8443c2928e989ab95e8b?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="Kristalina Georgieva, managing director of the International Monetary Fund (IMF), speaks during an discussion alongside AFP following the IMF Annual Meetings Curtain Raiser in Singapore on October 7, 2026. The earth AI surge is accelerated becoming the key controller of economies about the earth but the surge is risking wider earth inequality by leaving" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Kristalina Georgieva told a panel that stated during AI funding is assisting prolong earth growth, it doesn&rsquo;t necessarily average improved occupation prospects for young people.</span> <span> <span e-name="image-source" itemprop="creditText">Roslan RAHMAN / AFP via Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>AI could assistance keep the earth economics expanding during pulling the archetypal rung of the occupation ladder out from under young workers.</p><p>That&rsquo;s the alert from International Monetary Fund managing director Kristalina Georgieva, who described AI as a &ldquo;tsunami&rdquo; for jobs during a conversation in Bangkok, anywhere Thailand is hosting the IMF&ndash;World Bank Annual Meetings from October 12&ndash;18.</p><p>Georgieva told a panel on Monday that during AI funding is assisting prolong earth growth, a stronger economics doesn&rsquo;t necessarily average improved occupation prospects, particularly for young people.</p><p>"You have those that build the infrastructure for AI, and many of them are in Asia, including Thailand," Georgieva said. "So that change in higher equipment is what is keeping the earth economics expanding at 3% &mdash; about 3% &mdash; notwithstanding the fact we are being dragged downward by the energy provision shock."</p><p>The IMF estimates that AI volition power concerning 40% of jobs worldwide, rising to 60% in advanced economies, alongside several jobs enhanced, others downgraded, and several eliminated.</p><p>"And whenever we appearance at this, what we acknowledge is that the group to concern concerning archetypal and foremost are <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">young people</a> who are coming into the labor market," Georgieva said.</p><p>"Normally, they would enter these routine, repetitive jobs and afterward develop up the ranks," Georgieva said. "But if they're gone, I don't think any young individual wants to be a barista in a coffee shop, as you know, [their] expert future."</p><p>LinkedIn administrator Aneesh Raman has earlier described the <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">career ladder</a> in the age of AI as a &ldquo;climbing wall,&rdquo; requiring sideways moves fairly than linear promotions. An HR strategist has additionally lately told Business Insider that it's period to commencement hiring for <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">soft skills</a> and capabilities alternatively of whether person could create a pivot table.</p><p>Georgieva stated the authorities would need to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">rethink taxation</a> and learning as AI changes the job market.</p> <p>"Traditionally, governments would create revenues by taxing mostly people. Well, if AI changes the construction of the labor market and afterward there is small labor, additional capital, what do we tax?" Georgieva said.</p><p>"Get governments to acknowledge they have a huge duty to rethink how learning have to be done in the earth of AI," Georgieva added, "And acknowledge that no additional we can get a accomplishment and clasp on to it for our life, and that lifelong learning is really a paramount necessity."</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Katherine Li is a newsman on Business Insider's West Coast endeavor news team. She covers career,&nbsp; the forthcoming of work, and how AI is changing hiring practices and office trends.</span><span>Previously, she was a newsroom chap who wrote global breaking news and produced newsletters for Semafor. Before that, she wrote concerning climate policies for The Lever, covered the AAPI community for the SF Chronicle as a freelancer, and wrote concerning the 2019 Hong Kong protests as an intern for The New York Times.</span><span>She is an alumna of the Graduate School of Journalism at UC Berkeley and a alumnus of the global reporting program at Hong Kong Baptist University alongside minors in French and English literature.&nbsp;&nbsp;</span><span>Email Katherine at <a href="https://en.mycoding.id/category/business" target="_blank">katherineli@insider.com</a> and prosecute her on Bluesky <a href="https://en.mycoding.id/category/business" target="_blank">@</a><a href="https://en.mycoding.id/category/business" target="_blank">katherineli.bsky.social</a>.&nbsp;</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/imf-director-warns-ai-could-leave-young-workers-without-a-way-up-the-career-ladder-72260</guid> <pubDate>Tue, 13 Oct 2026 06:01:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Katherine Li)]]></author> </item> <item> <title><![CDATA[Elon Musk wrangles with the robot hand]]></title> <description><![CDATA[Elon Musk wrangles with the robot hand. Elon Musk called designing a individual hand for robots &quot;shockingly difficult&quot; and stated it's issue Tesla is operating on for Optimus.]]></description> <media:thumbnail url="https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/elon-musk-wrangles-with-the-robot-hand-72256</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acd6e7b42403ad8039a5d2d?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="Tesla&#039;s Optimus robot is scooping popcorn" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Elon Musk stated Tesla is operating to scheme a dependable individual hand for its Optimus robot.</span> <span> <span e-name="image-source" itemprop="creditText">Christoph Soeder/picture alliance via Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>We have boxing robots, but can they screw in a nail?</p><p>Designing a helpful individual hand for humanoids is recognized as among the additional difficult engineering challenges inside the <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">robotics industry</a>.</p><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Elon Musk</a>, the man who wants to put data centers in area and colonize Mars, can additionally acknowledge that.</p><p>"The hands and arms and the fine motor skills are incredibly difficult to get right," Musk stated in a virtual discussion alongside Tesla Owners of Silicon Valley. "Like shockingly difficult."</p><p>Musk cited distinct essential skills, specified as screwing a nail into a part of timber or beginning a jar of pickles, that he stated are much harder to replicate through robot hands since they necessitate the correct use of force, precision, and sensors.</p><p>"There's no hand scheme that I've seen, not equal kind of a demo that does that," Musk stated of screwdriving a self-tapping screw into wood. "But that's what we're trying to accomplish alongside Optimus."</p><p>There's no norm for how finest to scheme a individual hand for robots capable of <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">dexterous manipulation</a>. Design choices can contain anywhere to location the motors &mdash; immediately in the hands or inside the arms &mdash; and which sensors are suitable for dependable manipulation.</p><p>Those choices additionally arrive alongside tradeoffs. Placing motors in the hand method smaller motors that may be additional prone to breakage and create small force. Musk pointed to the difficulty of knowing anywhere to put the sensors.</p><p>"If you put them too near to the surface, they're going to get damaged," he said. "And the contact sensors &mdash; can they elastically deform akin our fingers? Well, actually, it's benevolent of difficult to get contact sensors that elastically deform and can grip elevated sequence existence and won't fair interrupt following a few thousand cycles."</p> <p>Some robotics companies have opted not to mimic the individual hand, during others continue to tackle the problem.</p><p>1X, the Palo Alto-based humanoid maker, told Business Insider's Rya Jetha before this twelvemonth that it has achieved "the closest hand to human-level dexterity" alongside its <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">NEO robot</a>, evolving a hand alongside 25 degrees of liberty and waterproofing.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Lloyd Lee is a newsman at Business Insider covering frontier technologies, alongside a concentration on how they're being deployed in the genuine earth and the gaps and tensions that appear as people, companies, and regulators respond. His safety has featured&nbsp;<a href="https://en.mycoding.id/category/business" target="_blank">autonomous vehicles</a>, <a href="https://en.mycoding.id/category/business" target="_blank">EVs</a>, <a href="https://en.mycoding.id/category/business" target="_blank">robotics</a>, <a href="https://en.mycoding.id/category/business" target="_blank">brain-computer interfaces</a>, and <a href="https://en.mycoding.id/category/business" target="_blank">AI</a>.</span><span>Lloyd's reporting on the advancement of <a href="https://en.mycoding.id/category/business" target="_blank">Alphabet's Waymo and Tesla's autonomous ambitions</a> was recognized by the San Francisco Press Club alongside a Bay Area Journalism Award.Before joining Business Insider, he was a local newsman for Almanac News and Palo Alto Weekly, covering accommodation issues, small businesses, and notable Silicon Valley characters.</span><span>Lloyd is based in San Francisco.He can be reached via email lloydlee@businessinsider.com, or by phone at 646-768-1630, or Signal at lloyd.71.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/elon-musk-wrangles-with-the-robot-hand-72256</guid> <pubDate>Tue, 13 Oct 2026 05:10:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Lloyd Lee)]]></author> </item> <item> <title><![CDATA[Meta was prepared to write an up to $200 billion AI check before knowing whether its model would work]]></title> <description><![CDATA[Meta was prepared to write an up to $200 billion AI check before knowing whether its model would work. The Meta CEO stated that the business was prepared specified a risky bet on AI, that the CFO was concerned and pulled Alexandr Wang aside.]]></description> <media:thumbnail url="https://i.insider.com/6acd555a7bf24b4467e6a77d?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/meta-was-prepared-to-write-an-up-to-200-billion-ai-check-before-knowing-whether-its-model-would-work-72257</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acd54d87bf24b4467e6a776?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acd54d87bf24b4467e6a776?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acd54d87bf24b4467e6a776?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acd54d87bf24b4467e6a776?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acd54d87bf24b4467e6a776?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acd54d87bf24b4467e6a776?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acd54d87bf24b4467e6a776?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt=" Andrej Sokolow/dpa (Photo" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Zuckerberg stated that in delayed 2025, Meta weighed a $200 milliard AI bet before seeing its new models.</span> <span> <span e-name="image-source" itemprop="creditText">Andrej Sokolow/picture alliance via Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Mark Zuckerberg</a> was prepared to bet as much as $200 milliard on AI, and Meta&rsquo;s backing chief wanted the individual construction it to comprehend what nonaccomplishment would mean.</p><p>On the Cheeky Pint podcast released on Monday, Meta CEO and&nbsp;<a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Alexandr Wang</a>, Meta's chief AI officer, recounted conversations from delayed final twelvemonth concerning enormous investments before Meta&rsquo;s new models had proven themselves.</p><p>&ldquo;At the end of final year, we're like, all right, we are fairly enthusiastic concerning the progress. We haven't seen the models yet,&rdquo; Zuckerberg told display presenter John Collison.</p><p>&ldquo;I'm going to, like, you know, we're going to compose this inspect for, like, I don't know, akin $100 billion, $200 billion. I'm like, 'Alex, are you certain this is going to work?'&rdquo; Zuckerberg stated of Wang.</p><p>Zuckerberg did not define the timeframe or exact range of that contemplated commitment.</p><p>Wang stated he had encouraging investigation updates at that point, but achievement was far from certain. At an administrator gathering in Hawaii, Wang stated that <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CFO Susan Li</a> often pulled him aside.</p><p>&ldquo;Susan pulled me apart many times and was like, 'You know, I fair desire to inform you, if this doesn't work, like, you know, this is going to be really, really bad. It's going to be very, extremely bad in financial terms.'&rdquo; Wang stated of Li.</p><p>Meta's <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">capex over</a> the former few quarters has been substantial, raising eyebrows among investors. Meta&rsquo;s latest direction puts 2026 chief expenditures, including backing lease chief payments, at $130 milliard to $145 billion. In forecasts earlier seen by Business Insider, Cantor Fitzgerald analysts anticipate the spending to attain $200 milliard in 2027.</p><p>Investors have shown limits. Meta shares cut additional than 6% in after-hours selling following April&rsquo;s earnings report, notwithstanding powerful results, following the business raised its annual spending forecast to $125 milliard to $145 billion.</p> <p>Inside Meta, the guidance is fine conscious of the stakes. In Wang's words, "this is a fuck ton of risk.&rdquo;</p><p>"So I think that in command for it not to activity out, it's not fair that we have to fail, AI general has to fail," Zuckerberg said. "And afterward equal if that happens, we motionless have all these another uses to productively use compute."</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Katherine Li is a newsman on Business Insider's West Coast endeavor news team. She covers career,&nbsp; the forthcoming of work, and how AI is changing hiring practices and office trends.</span><span>Previously, she was a newsroom chap who wrote global breaking news and produced newsletters for Semafor. Before that, she wrote concerning climate policies for The Lever, covered the AAPI community for the SF Chronicle as a freelancer, and wrote concerning the 2019 Hong Kong protests as an intern for The New York Times.</span><span>She is an alumna of the Graduate School of Journalism at UC Berkeley and a alumnus of the global reporting program at Hong Kong Baptist University alongside minors in French and English literature.&nbsp;&nbsp;</span><span>Email Katherine at <a href="https://en.mycoding.id/category/business" target="_blank">katherineli@insider.com</a> and prosecute her on Bluesky <a href="https://en.mycoding.id/category/business" target="_blank">@</a><a href="https://en.mycoding.id/category/business" target="_blank">katherineli.bsky.social</a>.&nbsp;</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/meta-was-prepared-to-write-an-up-to-200-billion-ai-check-before-knowing-whether-its-model-would-work-72257</guid> <pubDate>Tue, 13 Oct 2026 05:01:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Katherine Li)]]></author> </item> <item> <title><![CDATA[3 Steps to See a Payroll Shortfall Coming While You Can Still Fix It]]></title> <description><![CDATA[3 Steps to See a Payroll Shortfall Coming While You Can Still Fix It. Payroll doesn't delay for your customers to pay — here's how to see the gap coming before it becomes a crisis.]]></description> <media:thumbnail url="https://www.entrepreneur.com/wp-content/uploads/sites/2/2026/10/fixing-payroll-problems-1026_g2295949275.jpg"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/3-steps-to-see-a-payroll-shortfall-coming-while-you-can-still-fix-it-72263</link> <content:encoded><![CDATA[<p> Opinions expressed by Entrepreneur contributors are their own. </p><div> <div> <h2>Key Takeaways</h2> <ul> <li>Late client payments and fixed payroll dates can rotate a small prosperity gap into a grave issue inside weeks.</li> </ul> </div> <p>A awesome endeavor alongside no <a href="https://en.mycoding.id/category/technology" target="_blank">cash</a> rearward it is akin a car alongside an bare tank. No matter how fine it is, it isn&rsquo;t going anywhere. I&rsquo;ve watched promising companies grind to a halt since they couldn&rsquo;t get on top of their <a href="https://en.mycoding.id/category/technology" target="_blank">cash flow</a>. It is the most crucial part of operating a <a href="https://en.mycoding.id/category/technology" target="_blank">small business</a>, and it tends to get the smallest notice from the group who run them.</p> <h2 id="payroll-doesnt-wait">Payroll doesn&rsquo;t wait</h2> <p>Small businesses in the U.S. and Canada are routinely paid late: by about eight days on average in the U.S. and 11 days in Canada, according to <a href="https://en.mycoding.id/category/technology" target="_blank">Xero Small Business Insights</a>. The bills that keep the endeavor living don&rsquo;t move on that schedule, and payroll is the clearest example. It arrives on the identical day all sequence whether or not your customers have paid you, which is how a small, impermanent gap becomes a grave issue in a matter of weeks. After years of talking concerning this, I am motionless struck by how many owners can&rsquo;t inform you what their prosperity stance volition appearance akin 30 days out. They are flying blind.</p> <p>According to <a href="https://en.mycoding.id/category/technology" target="_blank">survey data from Innovation, Science and Economic Development Canada</a>, approximately 45% of Canadian small businesses that sought debt financing needed it to prosperity day-to-day operations, not growth, and payroll is frequently the largest part of that. Yet lone 40% say payroll data guides how they run things. By the period you are seeking financing to shield payroll, you are negotiating from a weaker position, and it shows in the terms.</p> <p>The issue compounds. The costly prosperity you borrowed to create one payroll comes out of the next, so the gap you closed in March is slightly wider in April. Worse, if you are always delayed on payroll, you endure rely from your squad that prosperity can&rsquo;t buy back.</p> <h2 id="plan-before-you-panic">Plan before you panic</h2> <p>Most founders conversation themselves out of the archetypal step, which is making a plan. They inform me they&rsquo;re a startup alongside no five-year former to forecast from, so there&rsquo;s no item trying. There is a point, and it doesn&rsquo;t obtain a backing background.</p> <p>Map out three versions of the year:</p> <ul> <li>A finest case, anywhere you hit your plan</li> <li>A apt case, built on the fixed expenses you already carry</li> <li>A worst case, anywhere extremely small goes your way</li> </ul> <p>For all one, activity out how much prosperity you have on hand and how lengthy it lasts. Then decide onward of period what you would do as the twelvemonth starts leaning toward one of them. Your fixed expenses volition continually be there, so changeable expenses are normally the archetypal location to look. The value is in having idea it through calmly and early, fine before payroll is due and your biggest client goes quiet.</p> <h2 id="get-a-live-view-of-your-cash">Get a live perspective of your cash</h2> <p>I image preparedness as a mid-January run from Calgary to Edmonton. Your <a href="https://en.mycoding.id/category/technology" target="_blank">budget</a> is the plan: your honest evaluation of how lengthy the trip should take. Once you&rsquo;re on the road, things change. A flat tire or a snowstorm method you are re-estimating whenever you volition arrive, and those updates are your forecast. Real-time data is the GPS on the dashboard, showing anywhere you really are and whether a three-hour run has turned into four. Plenty of owners have the budget, and several have the forecast. Many deficiency the GPS.</p> <p>Getting that live perspective is a job for fine software, since a spreadsheet you open all brace of months volition never keep pace. You desire your accounting, payroll and industry tools connected so data flows through in genuine time. It doesn&rsquo;t have to be one system, but it does have to be joined up, since a cash-flow forecast that leaves out upcoming payroll isn&rsquo;t complete.</p> <p>Plenty of businesses buy the correct tools and motionless activity following the fact, reconciling formerly a fourth and looking backward. With clean, current data, AI can do additional than you power think: categorize your transactions, keep the books live and commencement construction onward projections for you. Experiment safely and a small all week, during the force is low, and you won&rsquo;t autumn far behind.</p> <h2 id="you-dont-have-to-do-it-alone">You don&rsquo;t have to do it alone</h2> <p>The most crucial takeaway is that you don&rsquo;t have to transport all of this yourself. <a href="https://en.mycoding.id/category/technology" target="_blank">Small businesses </a>tend to run on spreadsheets or equal paper. The smarter method is to lean on a trusted adviser and clasp technology.</p> <p>Bookkeeping has changed. Many bookkeepers now activity alongside you week to week and obtain on the tasks that were never your strength, at a disbursal that makes awareness formerly you measure it against the value of your own time. If you&rsquo;re an decorator or an engineer, your finest hours pertain in the architecture or the engineering. The evenings you expend buried in reconciliations are taken from that work, or from your family.</p> <p>Many owners motionless think of their accountant as the individual who records a tax come back formerly a year. The finest ones set you up correctly from day one, keep your numbers current and assistance you comprehend what those numbers are telling you. When an owner says they&rsquo;re too small to oversee that benevolent of help, I rotate the inquiry around: Can you oversee not to?</p> <p>Can you oversee to get on the rear foot? Can you hazard a delayed payroll run and the rely you&rsquo;ve built alongside your team? Every endeavor has peaks and valleys, but equal short-term visibility into prosperity stream can rotate a broad gap into a manageable one.</p> </div><div> <div> <h2>Key Takeaways</h2> <ul> <li>Late client payments and fixed payroll dates can rotate a small prosperity gap into a grave issue inside weeks.</li> </ul> </div> <p>A awesome endeavor alongside no <a href="https://en.mycoding.id/category/technology" target="_blank">cash</a> rearward it is akin a car alongside an bare tank. No matter how fine it is, it isn&rsquo;t going anywhere. I&rsquo;ve watched promising companies grind to a halt since they couldn&rsquo;t get on top of their <a href="https://en.mycoding.id/category/technology" target="_blank">cash flow</a>. It is the most crucial part of operating a <a href="https://en.mycoding.id/category/technology" target="_blank">small business</a>, and it tends to get the smallest notice from the group who run them.</p> <h2 id="payroll-doesnt-wait">Payroll doesn&rsquo;t wait</h2> <p>Small businesses in the U.S. and Canada are routinely paid late: by about eight days on average in the U.S. and 11 days in Canada, according to <a href="https://en.mycoding.id/category/technology" target="_blank">Xero Small Business Insights</a>. The bills that keep the endeavor living don&rsquo;t move on that schedule, and payroll is the clearest example. It arrives on the identical day all sequence whether or not your customers have paid you, which is how a small, impermanent gap becomes a grave issue in a matter of weeks. After years of talking concerning this, I am motionless struck by how many owners can&rsquo;t inform you what their prosperity stance volition appearance akin 30 days out. They are flying blind.</p> <p>According to <a href="https://en.mycoding.id/category/technology" target="_blank">survey data from Innovation, Science and Economic Development Canada</a>, approximately 45% of Canadian small businesses that sought debt financing needed it to prosperity day-to-day operations, not growth, and payroll is frequently the largest part of that. Yet lone 40% say payroll data guides how they run things. By the period you are seeking financing to shield payroll, you are negotiating from a weaker position, and it shows in the terms.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/3-steps-to-see-a-payroll-shortfall-coming-while-you-can-still-fix-it-72263</guid> <pubDate>Tue, 13 Oct 2026 04:00:00 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ben Richmond)]]></author> </item> </channel> </rss>