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

Test and Debug Websites in Internet Explorer 11 on a Mac Using VirtualBox and Serveo

As of this posting, the global usage of IE 11 stands at 2.5% according to caniuse.com. If that percentage is still too high for you to ignore, then you’ll need to test your website in IE 11. Many developers use Macs for web development. Though you can test websites in Chrome, Firefox and Safari on […]

Read More

Console.log Displays Incorrect JavaScript Object Values

When you’re debugging some JavaScript in a browser, you might get confused to find that when you dump an object’s value to the console, you get unexpected results. Consider the sample code below. See the Pen Test JSON Dump by Abdullah Yahya (@javanigus) on CodePen. Here’s what you see in the Chrome console. The first […]

Read More

Show Date & Time in User’s Local Time Using Moment.js

This will show the date and time 2018-08-02T10:00-07:00 in a user’s local time. To simulate being in a different timezone, change your timezone in your operating system and reload this page. See the Pen Show Date & Time in User’s Local Time by Abdullah Yahya (@javanigus) on CodePen.

Read More