# prevent Published articles for prevent. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Prevent cognitive debt by manually retyping LLM-generated code DevFeed: [Prevent cognitive debt by manually retyping LLM-generated code]() Original publisher: [Read original article]() Author: Freek Van der Herten (freek@spatie.be) Published: 2026-08-04T12:56:26Z Content type: opinion Language: en Sources: [freek.dev - all blogposts]() Topics: [Large Language Model](), [Code]() Tags: [ai](), [best-practices](), [code](), [code-quality](), [cognitive-load](), [developer-experience](), [llm](), [model](), [practical](), [prevent](), [understand]() ### AI overview Ankur Sethi argues that manually retyping code generated by large language models can help developers understand the code, identify poor suggestions, and maintain a strong mental model of their codebase, despite slowing development. ### Source excerpt Ankur Sethi argues that manually retyping LLM-generated code is a practical way to avoid cognitive debt. It slows you down, but helps you understand the code, catch bad suggestions, and keep a strong mental model of your codebase. Read more ## How MIT students are helping to prevent cyberattacks DevFeed: [How MIT students are helping to prevent cyberattacks]() Original publisher: [Read original article]() Author: Nicole Estvanik Taylor | Department of Urban Studies and Planning Published: 2026-07-13T19:10:00Z Content type: article Language: en Sources: [MIT AI News]() Topics: [Cybersecurity](), [Security & Privacy](), [ransomware](), [Business Security]() Tags: [ai-and-security](), [ai-in-cyber-crime](), [artificial-intelligence](), [attacks](), [business-and-management](), [classes-and-programs](), [collaboration](), [computer-science-and-technology](), [cyber-attacks](), [cybersecurity](), [government](), [health-care](), [jungwoo-chun](), [lawrence-susskind](), [local](), [massive-open-online-courses-moocs](), [mit-class-11-074-11-274-cybersecurity-clinic](), [mit-cybersecurity-clinic](), [mit-dusp](), [mitx](), [organizations](), [prevent](), [public-sector](), [ransomware-attacks](), [school-of-architecture-and-planning](), [software](), [technology-and-society](), [training](), [urban-studies-and-planning](), [vulnerabilities]() ### AI overview MIT's Cybersecurity Clinic trains students to assess cyberattack vulnerabilities and provide free, confidential security assessments to municipalities, health-care organizations, and other at-risk communities. ### Source excerpt Students from the MIT Cybersecurity Clinic help local governments and other vulnerable organizations defend against digital threats. ## How to break the cycle of firefighting and build engineering excellence DevFeed: [How to break the cycle of firefighting and build engineering excellence]() Original publisher: [Read original article]() Author: jesalg Published: 2025-01-01T00:00:00Z Content type: tutorial Language: en Sources: [Jesal Gadhia]() Topics: [Development](), [systems](), [reactive]() Tags: [career](), [development](), [engineering](), [engineering-excellence](), [how-to](), [leadership](), [patterns](), [prevent](), [reactive](), [software-development](), [systems]() ### AI overview This article explains how engineering leaders can break out of reactive firefighting by using systems thinking. It introduces the iceberg model, distinguishing visible events from recurring patterns and deeper causes, and argues that identifying persistent patterns can support more proactive engineering practices. ### Source excerpt Exercise better foresight by identifying patterns, pinpointing what makes them persist, and understanding what could prevent it in the future ## Scrollbar width custom event DevFeed: [Scrollbar width custom event]() Original publisher: [Read original article]() Author: Stanko Published: 2023-06-19T00:00:00Z Content type: tutorial Language: en Sources: [Stanko Tadić]() Topics: [JavaScript](), [Web Development](), [browser](), [CSS](), [Code]() Tags: [browser](), [code](), [css](), [demo](), [developers](), [example](), [examples](), [how-to](), [javascript](), [layout](), [live](), [load](), [prevent](), [stack-overflow](), [value](), [variable]() ### AI overview This tutorial explains scrollbar-related layout issues and shows how to create a custom JavaScript event that detects changes in scrollbar width using ResizeObserver. It also covers initializing a CSS variable early to reduce layout shift and briefly mentions a CSS alternative. ### Source excerpt Some operating systems and browsers are not showing scrollbars by default. That often results in developers forgetting about these pesky gray bars and the issues they can cause. I'll give you two quick examples: When setting overflow: hidden on the body element, if there was a scrollbar visible, content will jump a little as it now has more space. If you ever implemented scroll locking for modals, you've probably encountered this issue. Another thing is that width: 100vw and width: 100% on the body element don't match if there is a scrollbar visible: 100vw is the width of the viewport including the scrollbar. 100% is the width of the viewport excluding the scrollbar. This becomes obvious if you have a fixed element like a header. It will be a little bit wider than the rest of the content when scrollbar is visible. I'm sure there are more issues, but these are the two I remembered on top of my head. Anyhow, let's see how to solve this. JavaScript solution # Ideally we would like to have a scrollbar-width event. It doesn't exist, so we'll have to create a custom event ourselves, and trigger it when scrollbar width changes. To catch the width changing, we can't use the resize event because viewport size don't change when scrollbar is toggled. However, if we set the ResizeObserver on the html element, it will trigger when the scrollbar is toggled. Code # After setting the observer we need to fire our custom event when width has changed. Code looks something like this: const initScrollbarWidthEvent = () => { // Custom event const scrollbarEvent = new Event("scrollbar-width"); // Initial state let currentWidth = window.innerWidth - document.documentElement.clientWidth; const observer = new ResizeObserver(() => { const newWidth = window.innerWidth - document.documentElement.clientWidth; // Check if the scrollbar width has changed and trigger the custom event if (newWidth !== currentWidth) { // Update event data // We are passing both previous and current width, // because ## Speculative Execution Threat Model DevFeed: [Speculative Execution Threat Model]() Original publisher: [Read original article]() Author: Adam Published: 2018-03-15T00:00:00Z Content type: opinion Language: en Sources: [Shostack & Friends Blog]() Topics: [execution](), [side channel](), [Vulnerabilities](), [Hardware](), [context]() Tags: [context](), [disclosure](), [execution](), [hardware](), [prevent](), [side-channel](), [vulnerabilities]() ### AI overview A commentary on Matt Miller's threat model for speculative execution side-channel hardware vulnerabilities. It describes primitives such as conditional and indirect branch misprediction and exception delivery or deferral, along with disclosure gadgets and mitigation models. ### Source excerpt [no description provided] ## Preventing Google from Indexing Staging Sites DevFeed: [Preventing Google from Indexing Staging Sites]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-02-02T09:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Search engine optimization (SEO)](), [Crawler](), [Content Management System](), [Web Development]() Tags: [config](), [diluting](), [environments](), [google](), [indexing](), [insights](), [multi-environment](), [prevent](), [robots-txt](), [seo](), [seomatic](), [sites](), [staging](), [value]() ### AI overview This tutorial explains how to prevent Google and other search engines from indexing staging sites. It presents robots.txt and SEOmatic as an alternative to password protection, allowing external performance and SEO testing while avoiding duplicate-content concerns. ### Source excerpt SEOmatic and a multi-environment config can prevent Google from indexing your staging sites, and diluting your SEO value