How to add a video background to an SVG text

Need some inspiration on creating eye-catching hero images or headers for your website? You can incorporate a video background to text with the use of SVGs!

HTML page

First, let’s set up the HTML. Within the body, we will have our header…


Quick guide on learning how to build Tinder card swiping in your app using React-Spring and React Use Gesture.

Oh, Tinder. Wherefore art thee the bane of our millenial existence, yet we keepeth coming backeth to thee. Say what you will about Tinder and all the catfishes (yes, you with…


Use BEM and 7–1 architecture with Sass to help you better organize CSS styling in your apps.

When it comes to developing large apps, making sure the organization is elegantly arranged becomes one of the top tasks. Checking if the component files are PascalCase, the variables sound sensical (no strange…


How to fetch data from an API using GraphQL in a React App

Of course everyone is familiar with REST APIs, but there is another type of API that is becoming increasingly popular and that is the GraphQL API. GraphQL is a data query language for APIs. The significant difference…


Step up your CSS game by learning how to create animations using SVGs.

In the journey of advancing my frontend development and design skills, I came across many talks about SVGs. I realized I needed to explore more about what these SVGs are if I’m going to bump into this…


Do it for t̶h̶e̶ ̶’̶g̶r̶a̶m̶ your web app.

When you first hear the word “filters”, I bet the first thing that comes to mind are Instagram filters that make a person look like they just stepped off the cover of Vogue or GQ. Or Snapchat filters that turn you into…


Developers love to learn; we are continuously learning. Sometimes it feels like we don’t really have a choice since technology is always changing. With a blink of an eye, some new cool library or framework is on the market. Being the tech enthusiast you are, you want to learn this…


Have you ever wanted to use your favorite company’s or favorite website’s API for a new app project and discovered that they either a) never had one to begin with or b) eradicated it’s API for public use? …


In continuation of my series on methods that are commonly used in code challenges, this blog will be about loops in JavaScript. While practicing and doing many algorithm problems and code challenges, you will find that more often than not, the solution will include some type of loop.

When we…


It’s now been a month since the Coronavirus (COVID-19) has hit NYC. Like many of you, I’ve been stuck at home, and I’m running out of things to talk about with my cat. So what if you’ve heard that high school story many times, dude, you will hear it again…

Belle Poopongpanit

Girl coder. Empire State of mind. 💅🌆

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store