In this article, I will show you how to add some flair to a piece of text using CSS animation with keyframes.
This will be the end result.
If you’re comfortable with HTML and CSS and want to view the source code now, I’ve created a codepen here.
If you want to understand how this works, keep reading.
First, we need to set up our HTML text element. You can use any text element that you want. For this example, I’m using an <H1></H1> heading tag.
Have you ever wanted to incorporate a “posted x-amount of time ago” feature to your apps? In this tutorial, I will be demonstrating how to implement that with the moment npm package. I assume you are familiar with the MERN stack and how to set it up.
Here is a link to my Github repo for this tutorial: https://github.com/mbocon/time_stamps_with_moment
I used create-react-app for the front end and installed the moment npm package. Here are the dependencies in my client package.json file.
I created the backend using express mongoose and cors.
In this tutorial, I will be demonstrating how to build a simple server with Node.js. and Express. I will be using VScode as my text editor and I am on a Mac.
To get started you will need to have Node.js installed. You can download it here. Once installed, open your terminal (if you’re using VScode you can type ctrl ~). Run the command node -v in your terminal. You should see the Node version returned in your terminal. I will be using version 12.13.1 for this tutorial.
Lower or slower? Slower. Confused? Delete it all and start again. Is it just me, or do any of you other new programmers feel like this? Big projects, many ideas, capture them before they disappear. Jump in. Get to coding. Where was I going? What did I forget? Why isn’t it working? Oh yeah, scroll up, add this, delete this, now I broke it. Fix it, and something else breaks. Need a break? Coffee break. Head hurts. I’m a fake. Deep breath…Slow down…
One thing that I’ve learned about coding is the importance of having slow standards. Not low, but slow. Many times, programmers (myself included) will jump into a coding challenge, project, etc., with minimal thought or effort given to pseudo-coding first. Even when we do pseudo-code, we tend to rush it, don’t we? Just get it out of the way, right? …