Sync Audio with Video in Corel VideoStudio Pro

Let’s say you want to make a music video of you lip syncing to a song. You have two files: Video file of you lip syncing Audio file of song When you add these two files to VideoStudio Pro, you’ll need to adjust the start time of one so that the lip movement in the […]

Read More

Fix Images Using Adobe Lightroom Clone and Healing Brushes

If you’ve got a blemish or an unsightly object in an image, you can hide it by using either the cloning brush or the healing brush. Cloning Cloning is similar to copying some pixels elsewhere in an image and pasting it. This works in some situations but in others, it becomes obvious that you just […]

Read More

Find Used CSS to Remove Unused CSS

When building websites, it’s inevitable that you’ll end up with a bunch of unused CSS as you make changes to the site. To remove unused CSS, you can use Sublime Text’s Get CSS Classes function to first find used CSS. Then, remove all CSS definitions that aren’t in that list. Open the HTML source in […]

Read More

How to Send a Responsive HTML Email from Outlook on the web and Gmail

Open the email in a browser and copy it’s source code Inline the CSS using a tool such as https://www.campaignmonitor.com/resources/tools/css-inliner/ In Outlook on the web or Gmail, create a new email message In the body of the email, type some text that can easily be found, e.g. a bunch of hash symbols. Inspect the text […]

Read More

WordPress Website Tips

Posting content on WordPress can be time consuming without the right technique. By default, copying and pasting images isn’t possible. Images need to manually be uploaded, resized, and optimized for performance. And even if you do that, they’re still not optimized for global performance because they aren’t on a CDN (content delivery network). To simplify […]

Read More

Default Apache on Heroku Redirects From https to http for Links Without Trailing Slash

I recently set up a Heroku app using the Apache and PHP buildpack. The Apache configuration on Heroku was most likely the default which, if it receives a request to a URL without a trailing slash, e.g. http://www.foobar.com/about it’ll redirect to http://www.foobar.com/about That alone is fine. However, I was getting redirected from https to http, […]

Read More

JavaScript Promises

Using Promises Say we have an API client with three methods, getItem(), updateItem(), and deleteItem(), each of which returns a Promise. There are only two functions you need to worry about: then() and catch(). Each call to then() creates another step in the Promise chain, and if there’s an error at any point in the […]

Read More

Understanding SVG ViewBox By Example

See the Pen NJEzrg by Abdullah Yahya (@javanigus) on CodePen.

Read More

Web Page Animation Options

If you want to add animation to a website, you can many options. Here are a few I recommend. CSS transitions For simple animations, you can just use CSS transitions. Greensock JavaScript Animation Library For fancy animations where you still write JavaScript to control the animation, the Greensock JS library is great. svgator (free trial) […]

Read More

Easily Remove Background From Photos

When building a website, you’ll often find yourself needing to remove backgrounds from photos of people. This can be especially difficult when a person’s hair is wispy and its color blends in with the background. Though not perfect, there’s a free, quick and pretty decent online tool to remove backgrounds from photos of people. No […]

Read More