El error de origen cruzado en el file / datos alojados en github (páginas-gh) desaparece al usar el dominio personalizado

Por favor, ayúdame a entender la causa de lo siguiente,

Resumen del problema: cambiando 'codotronix.github.io' a 'barick.in' resuelve el problema Cross Origin

Tengo un file json alojado en github a través de gh-páginas que se bifurca en la siguiente url, http://codotronix.github.io/bengali-recipes/data/recipe-list.json

Y también, un dominio personalizado, que apunta al mismo recurso, http://barick.in/bengali-recipes/data/recipe-list.json

Si hace clic en los enlaces de arriba, verá que apuntan al mismo file.

Pero, cuando estoy tratando de get el file json de localhost, con $ http.get de angularjs, la 1ra URL está dando un error de origen cruzado, pero la 2a está funcionando bien. es decir

Esto no funciona

.controller('mainCtrl', ['$scope', '$http', function($scope, $http){ $http.get('http://codotronix.github.io/bengali-recipes/data/recipe-list.json') .then(function(res){ console.log(res); }) }]) 

Da este error ->

XMLHttpRequest no puede cargar http://codotronix.github.io/bengali-recipes/data/recipe-list.json . Ningún encabezado 'Access-Control-Allow-Origin' está presente en el recurso solicitado. El origen ' http://127.0.0.1:55079 ' no está, por lo tanto, permitido.

Pero, esto funciona

 .controller('mainCtrl', ['$scope', '$http', function($scope, $http){ $http.get('http://barick.in/bengali-recipes/data/recipe-list.json') .then(function(res){ console.log(res); }) }]) 

Y esta vez nuestro console.log da el resultado esperado Object {data: Array[19], status: 200, config: Object, statusText: "OK"}

No he configurado ningún Access-Control-Header en ningún lado. Entonces, alguien por favor explíqueme por qué el 1er no está funcionando pero el segundo es …

(¿Esto se debe a algún tipo de mecanismo de security que Github ha puesto en marcha? Simplemente adivinando …)

Gracias por adelantado.