# David Walsh A blog featuring tutorials about JavaScript, HTML5, AJAX, PHP, CSS, WordPress, and everything else development. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## JavaScript SpeechSynthesis API DevFeed: [JavaScript SpeechSynthesis API]() Original publisher: [Read original article]() Author: David Walsh Published: 2025-11-20T00:39:07Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [API](), [JavaScript](), [Accessibility](), [Web](), [browser]() Tags: [accessibility](), [api](), [browser](), [javascript](), [uncategorized](), [web]() ### AI overview This tutorial introduces the JavaScript SpeechSynthesis API, which lets web pages direct the browser to audibly speak arbitrary strings. It presents the API as a way to support accessibility and complement native accessibility tools. ### Source excerpt As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to programmatically direct the browser to audibly speak any arbitrary string. The Code You can direct the browser to [...] The post JavaScript SpeechSynthesis API appeared first on David Walsh Blog. ## Fix "This video format is not supported" on YouTube TV DevFeed: [Fix "This video format is not supported" on YouTube TV]() Original publisher: [Read original article]() Author: David Walsh Published: 2025-11-17T23:47:34Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [browser](), [web browser]() Tags: [browser](), [drm](), [error](), [uncategorized]() ### AI overview A troubleshooting guide explains how to resolve YouTube TV's "This video format is not supported" error by enabling Widevine DRM in the browser settings and restarting the browser. ### Source excerpt Setting up a new computer is bliss -- no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with my new MacBook was a "This video format is not supported" message when I went to YouTube [...] The post Fix "This video format is not supported" on YouTube TV appeared first on David Walsh Blog. ## Easy way to upload, transform and deliver files and images (Sponsored) DevFeed: [Easy way to upload, transform and deliver files and images (Sponsored)]() Original publisher: [Read original article]() Author: David Walsh Published: 2025-03-24T22:58:30Z Content type: article Language: en Sources: [David Walsh]() Topics: [file](), [Image](), [Developer experience](), [Back end](), [Python]() Tags: [ascii](), [back-end](), [conversion](), [documentation](), [files](), [gif](), [images](), [python](), [qr-code](), [sponsored](), [uncategorized]() ### AI overview This sponsored developer article presents Filestack as a service for uploading, transforming, and delivering files and images. It describes a file-uploading interface, integrations with services such as Google Drive, Dropbox, GitHub, Facebook, and Instagram, a Python library for back-end uploads, documentation, and transformations for images, videos, and documents. ### Source excerpt Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really specific? You can code it all yourself or you can use an awesome service [...] The post Easy way to upload, transform and deliver files and images (Sponsored) appeared first on David Walsh Blog. ## How to Add a Header to a curl Request DevFeed: [How to Add a Header to a curl Request]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-08-03T16:51:46Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [cURL](), [HTTP]() Tags: [apis](), [curl](), [headers](), [how-to](), [http](), [quick-tips](), [quick-tips-shell](), [request](), [shell]() ### AI overview A tutorial explaining how to add one or more HTTP headers to a curl request using the -H flag, with context about curl's use for downloading files and testing APIs. ### Source excerpt curl is one of those great utilities that's been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H [...] The post How to Add a Header to a curl Request appeared first on David Walsh Blog. ## Case Insensitive CSS Attribute Selector DevFeed: [Case Insensitive CSS Attribute Selector]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-06-19T11:31:27Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [CSS](), [selectors](), [Web Development]() Tags: [css](), [css-quick-tips](), [quick-tips](), [selectors]() ### AI overview This article explains how to use the case-insensitivity flag in CSS attribute selectors to match attribute values without regard to letter case. It notes that the technique has limited use cases and should be applied sparingly. ### Source excerpt CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise when I learned that CSS allows matching attribute values regardless off case! Adding a {space}i to the attribute selector brackets will make [...] The post Case Insensitive CSS Attribute Selector appeared first on David Walsh Blog. ## How to Set Date Time from Mac Command Line DevFeed: [How to Set Date Time from Mac Command Line]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-06-17T12:01:38Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [Command-line interface](), [Extension](), [DateTime]() Tags: [command-line](), [extension](), [how-to](), [mac](), [quick-tips](), [quick-tips-shell](), [shell](), [testing](), [time]() ### AI overview This tutorial explains how to change the current date on a Mac from the command line so developers can test hardcoded, date-based logic in web extensions that cannot be updated immediately. ### Source excerpt Working on a web extension that ships to an app store and isn't immediately modifiable, like a website, can be difficult. Since you cannot immediately deploy updates, you sometimes need to bake in hardcoded date-based logic. Testing future dates can be difficult if you don't know how to quickly change the date on your local [...] The post How to Set Date Time from Mac Command Line appeared first on David Walsh Blog. ## How to Retrieve WiFi Password on Windows DevFeed: [How to Retrieve WiFi Password on Windows]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-05-13T10:45:29Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [Windows](), [Shell](), [Command-line interface](), [passwords](), [Network]() Tags: [command-line](), [how-to](), [microsoft](), [microsoft-shell](), [password](), [shell](), [wifi](), [windows]() ### AI overview A tutorial explains how to retrieve the password for a saved WiFi network on Windows using a built-in command executed in cmd. It directs readers to the Security settings section of the command output to find the network password. ### Source excerpt Remembering the WiFi password when on a guest network is never easy. Even worse is when it's no longer posted and someone else is asking you for it. Luckily there's a built in Windows command to recover the password of a given WiFi network. The Shell Code Open cmd and execute the following command: netsh [...] The post How to Retrieve WiFi Password on Windows appeared first on David Walsh Blog. ## How to Fix: Windows WASD Keys Reversed with Arrow Keys DevFeed: [How to Fix: Windows WASD Keys Reversed with Arrow Keys]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-05-02T01:55:27Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [Windows]() Tags: [how-to](), [quick-tips](), [windows]() ### AI overview A tutorial about restoring the WASD movement keys after they become reversed with the arrow keys in PUBG on Windows. The supplied text says a key combination restores the normal controls, but does not provide that combination. ### Source excerpt This past weekend I had the opportunity to be what every father wants, if only for a moment: the "cool dad". My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was [...] The post How to Fix: Windows WASD Keys Reversed with Arrow Keys appeared first on David Walsh Blog. ## HTML popover Attribute DevFeed: [HTML popover Attribute]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-04-15T11:19:02Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [HTML](), [JavaScript](), [CSS](), [User experience (UX)]() Tags: [css](), [css-html5](), [html](), [html5](), [javascript](), [ux]() ### AI overview This tutorial explains how to create a native HTML modal with the popover attribute, using a trigger attribute and an element to identify the popover content. It also shows how CSS can style the modal's background layer. ### Source excerpt Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don't know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute -- let's check [...] The post HTML popover Attribute appeared first on David Walsh Blog. ## Get Started in AI and NFTs with the Limewire API (Sponsored) DevFeed: [Get Started in AI and NFTs with the Limewire API (Sponsored)]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-03-25T21:50:46Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [API](), [Artificial Intelligence](), [JavaScript](), [PHP](), [Python]() Tags: [ai](), [api](), [javascript](), [php](), [python](), [sponsored]() ### AI overview This sponsored tutorial introduces LimeWire's Developer API for creating and modifying AI-generated images. It describes text- and image-based generation, image upscaling and background removal, integration for platform users, and support for JavaScript, PHP, Python, and other languages. ### Source excerpt AI media creation has expanded to incredible video art and a host of other important improvements, and LimeWire is leading the way in creating an awesome interface for the average user to become an AI artist. Limewire has just released its Developer API, a method for engineers like us to create dynamic AI art on [...] The post Get Started in AI and NFTs with the Limewire API (Sponsored) appeared first on David Walsh Blog. ## Reflections on Two Decades of Web Development DevFeed: [Reflections on Two Decades of Web Development]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-03-18T13:00:20Z Content type: opinion Language: en Sources: [David Walsh]() Topics: [Web](), [CSS](), [HTML](), [JavaScript]() Tags: [theory-ideas]() ### AI overview A software engineer reflects on two decades of web development through older tools, practices, and technologies that have since changed or faded from common use. ### Source excerpt Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding. I still remember my first college programming course. I still remember my first day at my first coding job, then my first day at my second coding job, and then my first day at Mozilla. I still remember my first [...] The post I'm So Old: Web Edition appeared first on David Walsh Blog. ## Detect Caps Lock with JavaScript DevFeed: [Detect Caps Lock with JavaScript]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-02-06T10:33:10Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [JavaScript](), [passwords](), [keyboard](), [Users]() Tags: [javascript](), [keyboard](), [password](), [users]() ### AI overview A tutorial explaining how to detect whether Caps Lock is enabled during keyboard events with JavaScript, helping developers warn users when entering passwords. ### Source excerpt Anyone is capable of having their caps lock key on at any given time without realizing so. Users can easily spot unwanted caps lock when typing in most inputs, but when using a password input, the problem isn't so obvious. That leads to the user's password being incorrect, which is an annoyance. Ideally developers could [...] The post Detect Caps Lock with JavaScript appeared first on David Walsh Blog. ## How to Override width and height HTML attributes with CSS DevFeed: [How to Override width and height HTML attributes with CSS]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-02-05T11:28:01Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [CSS](), [HTML](), [Responsive Design](), [html elements](), [Web Development]() Tags: [css](), [css-html5](), [how-to](), [html](), [html5](), [image](), [responsive-design]() ### AI overview This tutorial explains how CSS can override HTML width and height attributes for images. It discusses preserving image dimensions for layout performance while using responsive styling to avoid distorted images. ### Source excerpt One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics' Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website's score. But in a world where responsive design is king, we need [...] The post How to Override width and height HTML attributes with CSS appeared first on David Walsh Blog. ## Fixing Cumulative Layout Shift Problems on DavidWalshBlog DevFeed: [Fixing Cumulative Layout Shift Problems on DavidWalshBlog]() Original publisher: [Read original article]() Author: Todd Gardner Published: 2024-01-24T11:56:41Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [Core Web Vitals](), [Web Development](), [real user monitoring](), [User Experience](), [Google]() Tags: [core-web-vitals](), [javascript](), [lighthouse](), [metrics](), [optimization](), [optimization-performance](), [performance](), [real-user-monitoring]() ### AI overview This tutorial investigates poor Cumulative Layout Shift performance on DavidWalshBlog. It explains CLS as a Core Web Vital, contrasts Google Lighthouse testing with real-user performance data, and uses Request Metrics to identify affected pages and shifting elements. ### Source excerpt Over 50 thousand developers visit DavidWalshBlog every month from around the world to learn JavaScript tricks and fix problems in their code. Unfortunately, some of them have a slow experience on the site. David tracks the performance of his Core Web Vitals and overall performance with Request Metrics. Recently, we noticed that his CLS performance [...] The post Fixing Cumulative Layout Shift Problems on DavidWalshBlog appeared first on David Walsh Blog. ## Date.now() DevFeed: [Date.now()]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-01-17T12:06:16Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [coding](), [Software]() Tags: [coding](), [developers](), [javascript](), [javascript-quick-tips](), [quick-tips](), [software]() ### AI overview A brief developer tutorial explaining Date.now() as a way to obtain the current time in integer timestamp format. It notes that timestamps can simplify date handling and can serve as unique identifiers in low-traffic environments. ### Source excerpt Ask any software engineer and they'll tell you that coding date logic can be a nightmare. Developers need to consider timezones, weird date defaults, and platform-specific date formats. The easiest way to work with dates is to reduce the date to the most simple format possible -- usually a timestamp. To get the immediate time [...] The post Date.now() appeared first on David Walsh Blog. ## Extract a Number from a String with JavaScript DevFeed: [Extract a Number from a String with JavaScript]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-01-16T11:48:41Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [JavaScript](), [Regular expression](), [Web Development](), [HTML]() Tags: [html](), [input](), [javascript](), [javascript-quick-tips](), [numbers](), [quick-tips](), [regular-expressions](), [string]() ### AI overview This tutorial explains how to extract numbers from strings in JavaScript, particularly user input from HTML form fields, using regular expressions. ### Source excerpt User input from HTML form fields is generally provided to JavaScript as a string. We've lived with that fact for decades but sometimes developers need to extract numbers from that string. There are multiple ways to get those numbers but let's rely on regular expressions to extract those numbers! To employ a regular expression to [...] The post Extract a Number from a String with JavaScript appeared first on David Walsh Blog. ## Thoughts on Streaming Services: 2024 Edition DevFeed: [Thoughts on Streaming Services: 2024 Edition]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-01-15T11:08:32Z Content type: opinion Language: en Sources: [David Walsh]() Topics: [Streaming](), [Netflix](), [amazon]() Tags: [amazon](), [media](), [netflix](), [streaming](), [theory-ideas]() ### AI overview An opinion piece assessing the 2024 streaming-services landscape. It discusses Netflix, sports-streaming costs, advertising tiers, brand changes at Max and Paramount Plus, the offerings from Apple and Amazon, content licensing, streaming hardware, and free services such as YouTube, RokuTV, and Tubi. ### Source excerpt Streaming services have revolutionized content delivery, sending linear media companies into a panic as they watch traditional cable services decay. "Cutting the cord" is a common practice these days, but the streaming landscape isn't perfect. We're a decade into streaming so I wanted to share my thoughts on the state of new media: first impressions, [...] The post Thoughts on Streaming Services: 2024 Edition appeared first on David Walsh Blog. ## AutoGrow Textareas with CSS DevFeed: [AutoGrow Textareas with CSS]() Original publisher: [Read original article]() Author: David Walsh Published: 2023-12-18T11:55:51Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [CSS](), [Web Development]() Tags: [css](), [css-html5](), [html5](), [web]() ### AI overview A tutorial about using CSS to make textarea elements expand automatically, including how to allow vertical and horizontal growth and constrain the size with standard properties. ### Source excerpt As the demands of the web change and developers experiment with different user experiences, the need for more native language improvements expands. Our presentation layer, CSS, has done incredibly well in improving capabilities, even if sometimes too slow. The need for native support for automatically expanding textarea elements has been long known...and it's finally here! [...] The post AutoGrow Textareas with CSS appeared first on David Walsh Blog. ## How to Play Grand Poo World 3 DevFeed: [How to Play Grand Poo World 3]() Original publisher: [Read original article]() Author: David Walsh Published: 2023-11-28T00:35:41Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [coding](), [Emulator](), [patches](), [Open Source](), [file]() Tags: [coding](), [emulator](), [game](), [games](), [how-to](), [mario](), [open-source](), [patches]() ### AI overview A tutorial explaining how to assemble the files and utilities needed to patch a clean Super Mario World ROM with Grand Poo World 3, including validation and emulator options for macOS and Windows. ### Source excerpt The underground world of creating and streaming Super Mario World-based ROM hacks continues to gain popularity. This popularity is a tribute to the creativity of gamers and the quality of the original 30 year old video game's mechanics. Over the past decade, incredible ROM hacks like Grand Poo World 1 and 2, Invictus, and Dram [...] The post How to Play Grand Poo World 3 appeared first on David Walsh Blog.