May 29, 2017

My notes in setting up Arch

I’m aware that there are many many articles on how to setup Arch Linux, with the official Wiki as the best one to check out first. I just documented my experience on setting up Arch with the objective that I should be able replicate the same setup and environment on other Computers if needed. Install Reflector This is so that we would use the fastest server in our mirrorlist Read more

April 24, 2017

When distro hopping...

So I’ve been distro hopping for the past couple of weeks, and I always googled how to format my boot drive and then write an ISO to my flash drive as bootable (boot-able, I’m getting a wrong spelling indicator with the “bootable” word XD) USB drive. Since I did that very frequently lately, I thought of just adding a blog post that would serve as my notes/reminder. Formatting Boot-able USB You won’t be able to detect a boot-able flash drive in Linux (ie. Read more

March 25, 2017

Looping in successive order with Async calls

Let’s first define an example problem to better understand the issue we have with normal looping: For example, we have an array of post IDs that we would fetch and then print it out on the console const ids = [1, 2, 3, 4]; for (var id of ids) { fetch(`${API_URL}/${id}`).then(() => { console.log(id, response.results); }); } The output of the above code would be different results with the same id, wherein the id printed would be the last number Read more

March 18, 2017

Easily turn your app to Progressive Web Apps through webpack plugins

If ever we wanted our WebApp available even if the user does not have any internet connection, we would need to use service workers. But the thing with service workers is that they’re not “easy” to implement. It’s a good thing though that the GoogleChrome team released a node module that would generate the service worker code for your project: sw-precache. You can use that node module in your gulp file when building/bundling your app. Read more

March 4, 2017

Responsive web designs through EQCSS

EQCSS allows us to style elements based on the element’s state. It is similar to CSS’ media queries, but with the added feature to style elements based on the element’s dimension and contents, and not just based on the browser’s width and height. This got me interested since my previous project’s longstanding issue was with how the app should look like based on a combination of two factors: The window’s size and the number of elements inside the container. Read more

© Daniel Cefram 2017