David Walsh Blog

• By David WalshJune 23, 2022

  How to Reverse an Animated GIF

  Modifying visual media via code has always been a fascination of mine. Probably because I'm not a designer and I tend to stick to what I'm good at. One visual effect I love is seeing video reversed -- it provides a sometimes hilarious perspective...

• 

  
• By David WalshMay 22, 2022

  CSS :optional

  A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an <input>'s value. Targeting required fields...

• By David WalshMay 9, 2022

  Get a Random Array Item with JavaScript

  JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array?To get a random item from...

• By David WalshApril 26, 2022

  Legacy String Methods for Generating HTML

  I'm always really excited to see new methods on JavaScript primitives. These additions are acknowledgement that the language needs to evolve and that we're doing exciting new things. That being said, I somehow just discovered some legacy String methods that you probably shouldn't use...

• By David WalshApril 25, 2022

  Interview with an Intiface Haptics Engineer

  I was recently re-reading my Interview with a PornHub Web Developer and one bit I started thinking about was the VR question and the idea of making users not just see but feel` something. The haptic feedback of VR games is what really sets...

• By David WalshApril 5, 2022

  Input valueAsNumber

  Every once in a while I learn about a JavaScript property that I wish I had known about years earlier -- valueAsNumber is one of them. The valueAsNumber provides the value of an input[type=number] as a Number type, instead of the traditional string representation when...

• By David WalshApril 4, 2022

  Advanced Code Display with Code Detection API

  Web apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It's important that we validate the contents we receive but if you do allow arbitrary text, it's good to know what exactly has been submitted so you...

• By David WalshMarch 28, 2022

  CSS :has

  For as long as developers have written CSS code, we've been desperate to have a method to allow styling a parent element based child characteristics. That's not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on...

• By David WalshMarch 10, 2022

  Flexible, Powerful DataGrad from Sencha

  Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they're just as feature packed as their desktop counterparts. In the past I've used a variety of...

• By David WalshMarch 7, 2022

  Confessions of a Web Developer XIX

  It's been a while since I've gotten a few things off of my chest and since I'm always full of peeves and annoyances I thought it was time to unleash:Due to the immensely negative response to any tweet about crypto from my blog account, I created...