After a short break, I’m back with the second part of the series. In the first part, I walked you through creating a pixel heart using plain
CSS.Drawing pixel-art is a fun activity to me but honestly, after this tutorial, you’ll see how inefficient that process was, and learn how to draw more complex images way faster.
box-shadow properties one by one can be very taxing, especially when you are trying to draw a decently complex image. But worry not, as I’ll teach you to draw your art much faster by utilizing the power of CSS Pre-processors.
I recently got into learning how to draw things using
CSS to both push my artistic skills and practice fundamental CSS techniques for mastering them. In this two-part tutorial series, I’ll walk you through creating a pixel heart using CSS only, then I’ll show you how to increase your efficiency by using
Before we get started, I assume that you have basic HTML5/CSS3 experience, as I won’t be explaining the core fundamentals.
All the code is available on my Codepen, but I prefer if you wrote everything yourself instead of just copy and pasting it :)
As starters, let’s…
For a long time, I have thought about documenting some of the projects I have done in the past — both for personal reference purposes and to share it with everyone else. I intend to create tech (mostly for Mac users) related content that would generally require a minimal technical background. Since this is my very first post, I’ll start with a simple ‘instructable’ and walk you through changing your Mac password without losing or resetting any information.
Have you ever forgotten your login password, and go looking for that post-it note you once wrote down? Well, sometimes you get…
I'm a Usable Security & Privacy Researcher based off of Florida, USA. I design | develop | research tools for everyday people.