David Walsh Tutorials
![Seamless Group Communication with HipChat]()
Seamless Group Communication with HipChat
As someone that has worked remotely for years, in both open source teams and medium to large corporations, I know that effective communication can make or break the success of a project. Communicating between services, between other teams, between time zones, and between sharing tools is a...
![Convert Videos (MP4, MPEG, or MOV) to WEBM]()
Convert Videos (MP4, MPEG, or MOV) to WEBM
In an effort to make the web and media more efficient, developers and corporations everywhere are investing effort in creating better file formats and delivery streams. One of the more impressive video formats I've seen is the WEBM file format. WEBM files are quite small but the quality is...
![How to Base an e-Commerce Website on the X Theme]()
How to Base an e-Commerce Website on the X Theme
You would be hard pressed to find a better WordPress theme than X, right now. The Stacks are complete designs that make it very versatile. Also, X Theme is based on clean code, not to mention that it offers a wide range of useful shortcodes and...
![Create Screenshots from Videos]()
Create Screenshots from Videos
The idea behind my Get the First Frame of an Animated GIF with ImageMagick post was to improve a page's performance by not loading an animated GIF automatically, but instead grab the first frame, display it, and allow users to "click to activate" the GIF. That strategy...
![Create Image Thumbnails with ImageMagick]()
Create Image Thumbnails with ImageMagick
ImageMagick is, for lack of better term, magic. You can throw just about anything at it and succeed. With that in mind, I was recently using Google Page Speed to see how I could improve my website and it occurred to me I wasn't generating thumbnails for...
-
![Convert PSD to PNG from Command Line]()
Convert PSD to PNG from Command Line
I've been fascinated by basic image manipulation these days, which led to my Get the First Frame of an Animated GIF with ImageMagick and How to Create Screenshots in Firefox posts. It was brought up in a comment to the Animated GIF post that ImageMagick can also...
![CSS Vertical Center with Flexbox]()
CSS Vertical Center with Flexbox
I'm 31 years old and feel like I've been in the web development game for centuries. We knew forever that layouts in CSS were a nightmare and we all considered flexbox our savior. Whether it turns out that way remains to be seen but flexbox does easily...
![How to Create Screenshots in Firefox]()
How to Create Screenshots in Firefox
Firefox's developer tools have been well-noticed due to the wealth of functionality they provide, but one tool you don't hear too much about is Developer Toolbar, which looks much like the console but serves a completely different purpose. One of those purposes is allowing developers to create...
![Get the First Frame of an Animated GIF with ImageMagick]()
Get the First Frame of an Animated GIF with ImageMagick
ImageMagick has been the industry standard for image manipulation for as long as I can remember. Hell, I remember using the ImageMagick extension when I first learned PHP over a decade ago. Anyways, I've noticed recently that many sites which host animated GIFs will have a static image initially and will...
![Add a Submenu to the WordPress Admin Bar]()
Add a Submenu to the WordPress Admin Bar
A while back I wrote Add Menu Items to the WordPress Admin Menu, a post detailing how you can add items to the left side, existing "posts" menu bar. Adding menu items has served me well but it's not as customized as I would like --...
