About Andrew

Andrew Golightly is the lead web developer here at Golightly+. He is a passionate fullstack JavaScript developer. And creates native apps too using React Native. To balance his love for coding, he also works as a counsellor.

How to collect an unknown number of async calls

I had a challenge the other day where I would request some data from a server. But the data was not all returned at once. But rather paginated. And I wouldn't know beforehand how many pages I would need to process. So I couldn't just pre-nest my callbacks. That's when I re-discovered promises. Basically I [...]

By |2016-03-16T11:25:06+00:00March 16th, 2016|Uncategorized|0 Comments

How to reduce bank fees as a traveller

As a traveller, using banks can become a headache with all the fees they add to withdraw money from an overseas ATM or when buying things online in another country with our debit or credit cards. After being charged AU$30 for doing a cash withdrawal and buying something online, I started researching exactly how much I [...]

By |2016-11-22T03:39:36+00:00September 3rd, 2015|blog|0 Comments

How to use a fallback image for a slider

I created a slideshow that grabbed images from an external server. But doing work on my localhost, if the Internet went down, the slideshow broke. So I wanted to figure out how to use a local fallback image so I could keep developing even if the Internet failed. Turns out it's quite simple. (my solution inspired by [...]

By |2016-11-22T03:39:36+00:00September 1st, 2015|gist|0 Comments

How to alphabetically sort articles in Shopify

There doesn't seem to be an easy way to sort articles in Shopify by title. Inspired by this article, I developed a workaround for a single page of articles (i.e. with no pagination). The procedure is as follows: Get Liquid to output all the HTML for the articles Give the root node of the list [...]

By |2016-11-22T03:39:36+00:00August 21st, 2015|gist|0 Comments

How to create a reorder button with Shopify’s Liquid templating language

Let's say on the the account page in Shopify, you want to add a reorder button that when clicked automatically adds all items for a previous order to the cart. One strategy is to use a cart permalink, in the following format: http://yourstore.com/cart/#{variant_id}:#{quantity}(,...) So  by adding an item's variant_id and quantity to the end of the URL, [...]

By |2016-11-22T03:39:36+00:00August 9th, 2015|gist|2 Comments

Creating a stickyfooter with flexbox (and Foundation)

The other day I realised I needed to create a stickyfooter for my app. i.e. getting something to always stay at the bottom of the page. This is needed when there is not much content on the page itself. Probably the most popular method today is using Ryan Fait's method. However, this method still requires a [...]

By |2016-11-22T03:39:36+00:00June 24th, 2015|gist|3 Comments

Frontend Developer’s Support Group

I'm looking at starting a support group for frontend devs. You know who you are.. you live and breathe HTML5, CSS3 and JS. A lot of us work on our own (I think) particularly if we're freelancers. There are already some great resources for tech support like stackoverflow.com But these can be a cold/impersonal even though they [...]

By |2016-11-22T03:39:36+00:00June 12th, 2015|blog|2 Comments

How to display a WordPress feed in an AngularJS app

I have a landing page where I wanted to show my latest articles from a WordPress blog I have. It turns out it's not that hard to do. First I created a factory to get my WordPress feeds https://gist.github.com/magician11/829370d6c02662b159bf Then use this factory from some controller https://gist.github.com/magician11/35569312c39181ebcea2 Then use this data in a view like this [...]

By |2016-11-22T03:39:36+00:00June 8th, 2015|blog|1 Comment

Use Autoprefixer to add vendor prefixes to your CSS

The latest CSS properties are getting implemented in browsers before they become standardised. Which is great for us developers in that we can start using the latest CSS3 features quicker than not. But to use these latest implementations, we need to add vendor prefixes to our CSS rules, specific to those browser vendors (e.g. for Chrome and Firefox). For [...]

By |2016-11-22T03:39:36+00:00May 25th, 2015|blog|0 Comments