#javascript

#javascript

Internationalization involves more than just text translation; it encompasses formatting dates, pluralization, and sorting according to cultural expectations. The Intl API allows modern JavaScript to handle these tasks natively.

Generative AI platforms such as ChatGPT and Claude require websites to be crawlable by AI bots for effective mentions and citations. Disabling JavaScript improves crawlability, as many AI crawlers struggle with JavaScript rendering, which differs from Google’s capabilities. This means publishers must ensure essential content is accessible even without JavaScript. AI optimization tools like Aiso can evaluate and enhance a site's crawlability, providing suggestions for improvement. Site owners must also verify their robots.txt files to allow AI bot access, as many content management systems restrict bots by default.

In a newly discovered supply chain attack, attackers last week targeted a range of npm-hosted JavaScript type testing utilities, several of which were successfully compromised to distribute malware.

npm has taken down all versions of the real Stylus library and replaced them with a 'security holding' page, breaking pipelines and builds worldwide that rely on the package.

Building a custom progress bar from scratch requires boilerplate JavaScript using XMLHttpRequest and its upload.onprogress event.

"This was a stealth miner, designed to avoid detection by staying below the radar of both users and security tools," security researcher Himanshu Anand said.

The latest JavaScript specification introduces a built-in global Iterator object, enhancing the functional programming capabilities of iterable collections with improved lazy evaluation and syntax.

Object.entries() returns an array of [key, value] pairs for all the owned properties of an object, enabling various array methods for manipulation.

I've shared Josh Comeau links many times here and his ability to explain technical matter with incredibly simple and well-built demos is easily the best in the industry.

document.addEventListener('DOMContentLoaded', function() { const bodyClass = document.body.className; const searchInput = document.getElementById('PqmIc_title'); if (bodyClass.includes('competitions')) { searchInput.placeholder = 'Search competitions by title, keywords...'; } else if (bodyClass.includes('freebies')) { searchInput.placeholder = 'Search freebies by title, keywords...'; } });

The Resize Observer, Mutation Observer, and Intersection Observers APIs are significantly more performant than their predecessors, providing efficient ways to monitor changes in DOM elements.

Resizing an image is typically 4x-5x faster than using the quickest ImageMagick and GraphicsMagick settings due to its use of libvips.

Sticky design elements enhance user experience by keeping important site features visible during scrolling, which is particularly beneficial for navigation and accessibility.

One of the first things we're doing [with clients] is saying, 'OK, let's look at your site with JavaScript turned off. That's what the AI is seeing.'