Using Google Drawings to Easily Annotate Images

When reviewing websites, you often want to point at certain elements and add comments about them. This can easily and freely be done using Google Drawings. Take a screenshot of part of your screen onto your clipboard Open Google Drawings and paste the screenshot 3. Click one of the Callout buttons 4. Click and draw […]

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

ScanSnap iX500 – Orange Light Error & Basic Use Instructions

The Fujitsu ScanSnap iX500 document scanner is one of the best sub $500 scanners. Unfortunately, the documentation isn’t good. I tried scanning a document over wi-fi to my laptop, which normally works fine, but one day the blue light would keep changing to orange. I ended up having to uninstall and reinstall the installation software. […]

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

Headings

This is heading 1 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also […]

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