I hadn’t given too much thought to encrypting the traffic to my applications, until developing for 3rd party services like Facebook Messenger or using service workers require your server to use https.
I’m serving my files (fonts, HTML, JS) over Apache on Ubuntu 16.04 on DigitalOcean.
Today I setup encryption for chiangmaimovies.com I already had setup the Virtual Host for this domain. To add encryption I followed this guide to Secure Apache with Let’s Encrypt.
It was as simple as..
apt-get install python-letsencrypt-apache
letsencrypt --apache -d chiangmaimovies.com
I then answered a prompt on choosing to get all traffic redirected to https. And that’s it!
Server Side Encryption
I’m using Node.js as my backend server.
So first I needed to generate the security files for the server. This is done by typing
letsencrypt certonly --standalone -d golightlyplus.com -d www.golightlyplus.com
Then my Node.js code needed to be updated to include these files. Here is a stripped down version of my code…
And that’s it! You can view a sample response from my server response by going to https://golightlyplus.com:3003/maya-mall
Any thoughts or comments, please ask below. :)
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 am being charged by banks. I am not affiliated with any financial institution or service. This is just an attempt to find a better solution to the incessant payments to banks.
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 do serve their purpose for sure.
So I’m looking for a more generalised and personalised support group:
- Where it feels safe to ask “stupid questions”. As we all know there are so many frontend technologies, and we all have varying levels of skills in each one. So part of the function of this group will be tech mentoring and supporting each other. Or even just knowing which resource to point someone to is helpful.
- A group to share struggles and wins with.. like how to deal with a difficult boss or “hey, I just got a new contract!”
- A group of people to just connect with during the day.. a virtual team.
- A group to get feedback from for our current projects.
- To make it more personal, I’m thinking of maybe a monthly catchup on Google Hangouts. And possible in-person meetups.
- You can live anywhere in the world.
- You speak English fluently.
This group will probably work best smallish.. less than 10.
Possibly using #slack to communicate generally on. But being a more tight-knit group, we’ll probably have each other’s Skype id’s and have some voice chats with each other over the week to bounce ideas around or get more 1-on-1 support.
I’m just looking for feedback at this stage and an expression of interest from anyone who loves frontend dev and wants more of a team feeling. Where we actually support each other. My other job is as a coach and counsellor, so I’ll bring that area of expertise to the group too.
It’ll be free to join. There’ll be some level of commitment to connecting so relationships are formed; I’m not interested in dropins.
So please comment below or email me direct from the contact form.
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
Then use this factory from some controller
Then use this data in a view like this
And that’s it! Pretty simple :)
Working demo at the bottom of this page.
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 example, to make sure the animation property works across all browsers, we would need to write out something like…
As new CSS3 features get released, browsers can implement those features before they become completely stabilised.
Continue reading Vendor prefixes for CSS3 animations using SCSS
Toptal connects top freelance developers with various companies.
So I was keen. More freelance work sounded good to me. The interview process was fairly intense.
Stage 1 involved chatting with some guy who asked relatively general questions. Pretty sure the main objective was to assess my English level.
Stage 2 was an automated online test on Codility. There were 3 questions. The first one was relatively straight forward, but the second one on negabinary stumped me. I went blank.. maybe due to the time pressure. I had 90mins to complete the test. Of course afterwards I worked out how to do it by implementing an AngularJS app that converted any decimal number to negabinary. You can see a working demo here. It’ll even display how the calculation was made. Source code on GitHub. Essentially implemented using an AngularJS filter.
The 3rd stage was to do live coding examples while being watched by another developer via Skype screenshare. Something about being watched unnerved me. I didn’t get through the first task which I had 20 mins to do. So my application was rejected. It was a fairly simple jQuery task on adding and removing elements. Again, I sat down and worked it out soon after my interviewer left. My final solution is on JSFiddle here.
Apparently I can re-apply in a month!
Hope that helps someone out there :)