Search
How to Create a Gooey Search Interaction with Framer Motion and React
18.11.2024
A ready-to-use search bar made with Framer Motion, featuring an interesting gooey effect
Case Study: Duten’s 2024 Website
17.10.2024
Explore the dynamic collaboration between designer Sébastien Salord and the talented team at Incredibles Development Studio as they join forces to take Duten’s digital presence to the next level
Symbiotic X hacked, malware is infecting SVG files: Crypto-Sec
7.10.2024
The Symbiotic X account has been promoting a phishing site for two days, and researchers found malware in image files
How to Download a YouTube Video or Channel
4.9.2024
The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent...
Scroll-based SVG Filter Animations on Text
22.8.2024
A small set of scroll-based SVG filter animations on HTML text
How to Add a Header to a curl Request
3.8.2024
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,...
Creating a Glowing Text Marquee Animation
26.6.2024
Learn how to create a glowing SVG text animation with a marquee effect using only HTML and CSS
Case Insensitive CSS Attribute Selector
19.6.2024
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!...
How to Set Date Time from Mac Command Line
17.6.2024
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...
How to Retrieve WiFi Password on Windows
13.5.2024
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...
How to Fix: Windows WASD Keys Reversed with Arrow Keys
2.5.2024
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...
HTML popover Attribute
15.4.2024
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...
Get Started in AI and NFTs with the Limewire API (Sponsored)
25.3.2024
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...
I’m So Old: Web Edition
18.3.2024
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...
Detect Caps Lock with JavaScript
6.2.2024
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...
How to Override width and height HTML attributes with CSS
5.2.2024
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....
Fixing Cumulative Layout Shift Problems on DavidWalshBlog
24.1.2024
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...
Date.now()
17.1.2024
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...
Extract a Number from a String with JavaScript
16.1.2024
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...
Thoughts on Streaming Services: 2024 Edition
15.1.2024
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...