Home » Development

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 »

Personal Logo SVG Animation

After avoiding it for some time for the very reason that I am not good with graphic design, I decided to tackle SVG animation. And for my very first output, I chose to play with my personal logo for this. Surprisingly, it wasn’t as hard…

Read More »

Android Clock CSS – ReactJS

This is a redesign of my previous work but this time recreated it with ReactJS. Note that the clock does not reflect the current time. HTML

CSS

JS (Babel)

Elmer BalbinFull-stack developer from Bacolod, Google Local Guide, Agoda affiliate and casual DotA…

Read More »

How to see changes to js files immediately in WordPress

This is similar to my other tip but this one is for javascript files. This modifies the ver parameter to output the current time as the version to trick your browser into thinking it is loading a fresh copy.

Elmer BalbinFull-stack developer from Bacolod,…

Read More »

Scrolling performance issue with background-size and the quick fix

The homepage of my site is currently a grid of my most recent articles. The images are set as background images to each div with a CSS property of background-size: cover. The problem is this causes some frame rate loss when I start scrolling, due…

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 BalbinFull-stack developer from Bacolod,…

Read More »

Art Board – Offline browser-based IDE w/ Live Preview

Jake The Dog CSS image development View Demo I always enjoyed making images using CSS. It keeps my mind working and at the same time I get to learn new things and techniques. I do my work mostly on CodePen.io since everything is there and…

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 »

Daily CSS Challenge – 12 – Dripping Hamburger (animated)

Creating images with code. This is my 12th entry for the Daily CSS Images Challenge. Topic for the day is “Hamburger”. Mmm… sweet, sweet burger. March 31, 2017 – Pen featured in Weekly Showcase! HTML

CSS

Elmer BalbinFull-stack developer from Bacolod, Google Local…

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 BalbinFull-stack developer…

Read More »