> Markdown version of [/magazine/422-dev-digest-113-debugging-above-the-cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Dev Digest 113 - Debugging above the cloud **Published:** April 29, 2024 Hello there and welcome to Dev Digest 113! This time, we got an old friend in the sky back, jQuery asks us to upgrade and AI is eating the web. Also, are you sure the LLM you use is secure against code injection? ## News and Articles Good news everyone! [NASA’s Voyager 1](https://blogs.nasa.gov/voyager/2024/04/22/nasas-voyager-1-resumes-sending-engineering-updates-to-earth/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is answering again and sends useful data back to Earth. Due to a chip failure it stopped answering in November 23. That's what I call remote debugging - above the cloud. ### Web platform news and articles: ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f60c6b0b6abc06abebbff_web-bloat.png?w=720&fit=max&dpr=2&auto=format) _Rendering numbers of various different sites on slow devices_ Web bloat [impacts users with slow devices](https://danluu.com/slow-device/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) in ways you may not know. **Vercel** also talk about [important latency numbers](https://vercel.com/blog/latency-numbers-every-web-developer-should-know?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). Microsoft's Edge team wants to [improve text editing on the web](https://blogs.windows.com/msedgedev/2024/04/23/improving-text-editing-on-the-web/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) and **Airbnb** released their [JavaScript Style Guide](https://github.com/airbnb/javascript?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f614d2111439f0bc214fe_cookie.png?w=720&fit=max&dpr=2&auto=format) **Safari** on iOS is often seen as a problem on the web and [iOS404](https://ios404.com/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn#client-hints-dpr-width-viewport) is a gorgeous web site showing what it does not support. That said, the WebKit team is asking us to help implementing [CSS Grid Level 3, aka “Masonry” layout](https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). Remember [masonry.js](https://masonry.desandro.com/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn)? Soon we can remove it. Talking of removal, [jQuery wants us to upgrade](https://blog.jquery.com/2024/04/17/upgrading-jquery-working-towards-a-healthy-web/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) for a healthier web. **Wordpress** is one of the big reasons for a lot of its installs but it seems to decline, as [PHP's usage numbers show](https://thenewstack.io/why-php-usage-has-declined-by-40-in-just-over-2-years/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) (-40% in 2 years). ### Some thoughts to ponder: ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f66d9e092b49b80f24616_CleanShot-2024-04-23-at-06.33.04@2x.png?w=720&fit=max&dpr=2&auto=format) _Advertisment for an AI bot answering automatically on Reddit_ AI is [eating the web as we know It](https://www.msn.com/en-us/news/technology/it-s-the-end-of-the-web-as-we-know-it/ar-AA1nt2as?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn), with content being released as part of a chat rather than documents. This also affects comments and discussions. Reddit already [has a problem with 'Parasite SEO',](https://www.404media.co/ai-is-poisoning-reddit-to-promote-products-and-game-google-with-parasite-seo/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) AI generated comments that look like real ones. But then again, search engines have been optimised for ad display a long time ago as **Edward Zitron** explains in [The Man Who Killed Google Search](https://www.wheresyoured.at/the-men-who-killed-google/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). What can we do? One thing people seem to be introducing is blockers for AI scripts scraping your web content. [AI robots.txt](https://github.com/ai-robots-txt/ai.robots.txt?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is a list of all the AI crawlers out there. ### And last but not least, Security news: **Linus Torvalds** spoke out [on Security, AI, Open Source and Trust](https://thenewstack.io/linus-torvalds-on-security-ai-open-source-and-trust/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) following the xz incident. [LLM4Shell](https://www.blackhat.com/asia-24/briefings/schedule/index.html?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn#llmshell-discovering-and-exploiting-rce-vulnerabilities-in-real-world-llm-integrated-frameworks-and-apps-37215) shows that using LLMs in your applications can allow attackers to execute code remotely. All the details are [in this paper](https://arxiv.org/pdf/2309.02926.pdf?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). **Michal paček** explains how to steal [session ids with phpinfo()](https://www.michalspacek.com/stealing-session-ids-with-phpinfo-and-how-to-stop-it?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). As **GitHub** allows file attachments in comments you can [use legitimate GitHub URLs for Malware](https://www.schneier.com/blog/archives/2024/04/using-legitimate-github-urls-for-malware.html?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). ## Videos and talks We met indie maker **Dan Mindru** and asked what he learned launching on Product Hunt. Learn [how to balance development and marketing as an entrepreneur.](/videos/882-coffee-with-developers-dan-mindru-product-marketing-for-developers) ![Dan Mindru - What Developers need to know about product marketing](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f5b22e3a43fb27c8d2037_Dan_Mindru_-_YouTube.png?w=720&fit=max&dpr=2&auto=format) **More videos:** - [All Javascript conference talks from 2023](https://techtalksweekly.substack.com/p/ttw-extra-3-all-javascript-conference?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) ordered by the number of views. - **Soumaya Erradi** - [Testing web3 applications (53m)](/videos/878-testing-web3-applications) - **Simon Copsey** - [Technology is Necessary, But Not Sufficient (38m)](/videos/880-technology-is-necessary-but-not-sufficient) # Weird code things… Without trying, what do you think the innerText of this DIV is? ![code](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f5b22adaf79424f6f6bea_code.png?w=720&fit=max&dpr=2&auto=format) The answer is "I am" - and [lots of people on X](https://twitter.com/codepo8/status/1782387514658984400?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) got it wrong. The reason is that [innerText](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) returns the content after it has been rendered by CSS. This also means that every time you use it, it triggers a [reflow](https://developer.mozilla.org/en-US/docs/Glossary/Reflow?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). Once again, a convenience method [causes a lot of confusion and problems](http://perfectionkills.com/the-poor-misunderstood-innerText/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). What can we do instead? Well, there is [Node.textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) to the rescue. ## CODE100 Manchester news **CODE100** will be in Manchester on the **22nd of May** as part of [DTX Manchester](https://www.dtxevents.io/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn)! We are looking for [participants](https://www.wearedevelopers.com/events/code100?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn#ticket-1) and [challengers](https://www.wearedevelopers.com/events/code100-challenger?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). Head on over to the official [CODE100 web site](https://code100.dev/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) to learn all about it. And if you [have an idea for a challenge](https://forms.gle/Lq7HTcbw8nHfgZyaA?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn), you can tell us about it and win tickets for the WeAreDevelopers World Congress! **Demi Oshin** is our first CODE100 Manchester challenger! [Hear her story](/videos/881-coffee-with-developers-demi-oshin-from-musician-to-computer-science-student-to-code100). ![Demi Oshin - From Musician to CS Student to CODE100](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f5b2275f36235f7f6ebf6_Demi_Oshin_-_YouTube.png?w=720&fit=max&dpr=2&auto=format) ## Code and tools Here are some **tools** for this week ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f6cec0c422872afd362f3_bat.gif) - [Bat](https://github.com/sharkdp/bat?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is cat on steroids, adding syntax highlighting and line numbers. - [Marta](https://marta.sh/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is a dual panel file manager, highly customisable to your own needs. - [difftastic](https://difftastic.wilfred.me.uk/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is a structural diff tool that understands syntax, not only line numbers. ## Work and Jobs Sure, there have been layoffs, but let's focus this time on some good in the work world. - **Akshay Khot** has a lovely interview with **Pedro David Garcia Lopez** , a UK [Lorry Driver who changed careers to development at 38](https://www.writesoftwarewell.com/lorry-driver-to-rails-developer-at-38/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). - The [Struggles of a Young Developer](https://www.blobstreaming.org/the-struggles-of-a-young-developer/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is an interesting retrospective. - **Fran Soto** explains how he [engineered effective meetings](https://strategizeyourcareer.com/p/how-i-engineered-effective-meetings?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn). - **Irina Stanescu** says not getting a promotion is [a blessing in disguise](https://www.thecaringtechie.com/p/my-first-promo-rejection-a-blessing?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) and - [Volksowl](https://www.volksowl.com/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is a service to get CV feedback fromSenior Software Engineers ## Procrastination Corner / Wonderful Weird Web ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/422/images/662f6d5d0e705abf451b194c_track.png?w=720&fit=max&dpr=2&auto=format) - Want to see an amazing electric car created by a programmer genius? The [Sinclair C5](https://en.wikipedia.org/wiki/Sinclair_C5?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) has sold more units than the Cybertruck and it's snazzy. - [Map of the web](https://graph.henryn.ca/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) - a visualisation of blogs and sites and their connections. - **Figma** released some [old-school cursors](https://www.figma.com/blog/april-fun-day-cursors/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) to surf the web like it is 1999. - The [Track not Found game](https://js13kgames.com/entries/track-not-found?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--Wcm_ut9TwhBbQzzIjr6rHbI9CKEZlyLXgpLFlS3VgdCND9l7wUICNiFo89n2pDbr_f0pn) is incredible! It's only 13K JavaScript and has a totally different gameplay than anything we've seen. ## Related Articles - [Dev Digest 109 -Egg-citing things…](https://www.wearedevelopers.com/magazine/408-dev-digest-109-egg-citing-things) - [Dev Digest 123 - Easy as A, B, C1](https://www.wearedevelopers.com/magazine/459-dev-digest-123-easy-as-a-b-c1) - [Dev Digest 122 - Cracks in the polyfill](https://www.wearedevelopers.com/magazine/457-dev-digest-122-cracks-in-the-polyfill) - [Dev Digest 106 - DHH in HD](https://www.wearedevelopers.com/magazine/394-dev-digest-106-dhh-in-hd) ## Related Videos - [Dev Digest End of Year Recap](https://www.wearedevelopers.com/videos/1284-dev-digest-end-of-year-recap) - [WeAreDevelopers LIVE – Keeping Up with Styles, Data & More](https://www.wearedevelopers.com/videos/1803-wearedevelopers-live-keeping-up-with-styles-data-more) - [WeAreDevelopers LIVE - CSS or BS?](https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs) - [Using all the HTML, Running State of the Browser and "Modern" is Rubbish](https://www.wearedevelopers.com/videos/1291-using-all-the-html-running-state-of-the-browser-and-modern-is-rubbish) ## Related Jobs - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/683045-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/644637-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/682327-remote-senior-full-stack-engineer) at **Edge Impulse**