Tag: featured

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 »

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 »

Daily CSS Challenge – 14 – Cheesecake

Creating images with code. This is my 14th entry for the Daily CSS Images Challenge. Topic for the day is “Cheesecake”! Flat and simple design 🙂 April 11, 2017 – Pen featured in CodePen.io homepage 🙂 HTML

CSS

Elmer BalbinWeb developer from Bacolod,…

Read More »

Daily CSS Challenge – 13 – Taco (animated)

Creating images with code. This is my 13th entry for the Daily CSS Images Challenge. Topic for the day is “Taco”! April 6, 2017 – Pen featured in CodePen.io homepage 🙂 April 7, 2017 – Pen featured in Weekly Showcase! HTML

CSS

Elmer…

Read More »

CSS Art “Rulers of the Sea” featured in The CodePen Spark

Making images with CSS is not always easy. There are times that you have to go the extra mile on your work to have it stand out from the rest. Before I began working on Rulers of the Sea, I only intended to create a…

Read More »

Daily CSS Challenge – 11 – Pizza

Creating images with code. This is my 11th entry for the Daily CSS Images Challenge. Topic for the day is “Pizza”. Who doesn’t like pizza, am I right? March 29, 2017 – Pen featured in CodePen.io homepage 🙂 HTML

CSS

Elmer BalbinWeb developer…

Read More »

Daily CSS Challenge – 10 – Pencil Jar (animated)

Creating images with code. This is my 10th entry for the Daily CSS Images Challenge. Topic for the day is “Pencil Jar”. I wanted to make it more entertaning, so I made the pencils dance a bit. 🙂 To estimate the movement of the objects,…

Read More »

Daily CSS Challenge – 08 – Notepad (animated)

Creating images with code. This is my 8th entry for the Daily CSS Images Challenge. Topic for the day is “Notepad”. March 22, 2017 – Pen featured in CodePen.io homepage 🙂 HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual…

Read More »

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