Tag: code

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 BalbinWeb developer from Bacolod, Steam Sale hunter, and casual DotA 2 player….

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 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 »

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 BalbinWeb developer from Bacolod, Steam Sale…

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 – 09 – Calendar

Creating images with code. This is my 9th entry for the Daily CSS Images Challenge. Topic for the day is “Calendar”. This is a recreation of the Android, IOS, and Windows Calendar app icons. HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale…

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