Home » Development

6 Best Sites to Get Attribution-Free Images

If you’ve ever tried content writing or web designing, you probably know by now that you can’t just take pictures from other websites or from Google Images and use them for your articles or banners without the author’s permission. There are copyright and infringement implications…

Read More »

How to Show Lyrics When Playing Spotify

I’ll make an exception. Most sites would write a very long article first and add a ‘TL;DR’ heading followed a summary at the end. But for this post, it’ll be the first thing you’ll read right after this sentence. TL;DR Get instant song lyrics via…

Read More »

iFastNet Is The Best Cheap Web Hosting For Your Budget

You might be thinking ‘₱200 a month? Aren’t there more cheaper ones out there?’ Yeah there are. However, you’d be surprised to know the features you’re getting at that value compared to those “alternatives”. Today I want to share with you why I love iFastNet…

Read More »

Using FlipClock.js Countdown Timer with Moment.js Timezone

Problem My client recently asked me to create a simple page to promote a new contest they were going to have every month. The layout was easy enough however they also wanted a Flip clock countdown timer to indicate how long the registration for new…

Read More »

Change HTTP WordPress site to HTTPS with Cloudflare’s free SSL

This tutorial is only for sites who do not own an SSL certificate in their web host and already use or planning to use Cloudflare as their CDN service. If you don’t know what a CDN or Content Delivery Network is, it is a service…

Read More »

Direction Aware Tiles Pure CSS – How it works

Before I start let me first tell you that this will not work on IE. You need to use a different browser (like Chrome or an updated version of Firefox or Safari) and be on a large screen, preferrably one with a cursor. After my…

Read More »

Material Design Card Flip Pure CSS – Direction Aware

Growing more and more attached with Material Design, here’s a card flip effect which reacts to which direction your mouse is in when you hover. This concept can be applied to blog excerpts, image galleries, or to show your contact information. To compile the SCSS…

Read More »

Visual overview of the different transition timing functions in CSS3

This is just a quick post to show you the basic timing functions being used in transition effects and how they are different from each other. For visualization purposes, I added an alternating animation loop of 1 second for each function. You can find the HTML…

Read More »

Firebase Web App – Cloud Vision API

View App This is probably one of the coolest technologies Google has ever produced. If you haven’t heard of Cloud Vision API, its basically a bunch of image detection APIs that incorporates with Google’s Machine Learning. Seeing it for the first time at a GDG…

Read More »

Elmer’s Messenger – My first Firebase chat app

View App After attending a couple of GDG events, I finally decided to create my first app using Firebase. The result is a chat app from their Codelab page which you can easily build yourself too as long as you follow the steps. I didn’t…

Read More »

Self-Caricature SVG Animation

Time to push things up a bit. I decided to do a sketch of a picture of myself and animate it. It’s more complicated than my previous work since there are a lot more paths involved. But I’m happy with how it turned out 🙂…

Read More »

Get great deals on hotel rooms from all over the world BOOK NOW