React Tutorial - Build a Movie List Generator with React and HarperDB

Pinned article
Aug 30, 202119 min read 195 views

In this tutorial, we are going to be building a simple movie generator which automatically generates a new movie every 40 seconds. It will also contain a button called “Generate New Movie” to display another movie on demand. This app will display a m...

React Tutorial - Build a Movie List Generator with React and HarperDB

5 Awesome Websites to Download Free Vector Illustrations

Sep 20, 20212 min read 43 views

Are you looking for illustrations or vector graphics for your next project? Well then, Great! I am going to share the five useful websites I go to for free pre-made illustrations. Most of the illustrations are free, while some packs are not. Undraw ...

5 Awesome Websites to Download Free Vector Illustrations

How to Build a Sign Up Form with Floating Labels and Transitions Using Plain HTML and CSS

Sep 14, 20217 min read 88 views

In this tutorial we are going to build a modern sign up form with floating labels and smooth transitions using plain HTML and CSS. - Complete view As you can see in the above image, when an input within the form gains focus, its label floats to th...

How to Build a Sign Up Form with Floating Labels and Transitions Using Plain HTML and CSS

CSS Tutorial - How to Make a Page Responsive using CSS Media Queries

Sep 9, 20215 min read 86 views

This tutorial is a follow up to the first tutorial . You might want to first check that one out. In this tutorial, we will be adding a footer to our landing page: We will also make our page more responsive by styling it to tablet and mobile devices...

CSS Tutorial - How to Make a Page Responsive using CSS Media Queries

CSS Tutorial – Build a landing page using just HTML and CSS featuring Flexbox and Grid.

Sep 2, 202112 min read 220 views

In this tutorial, we are going to build a simple landing page for an online education platform called Skilllz. This tutorial will cover the usage and implementation of CSS Flexbox and CSS Grid alignment. Many other CSS concepts which will be covered...

CSS Tutorial – Build a landing page using just HTML and CSS featuring Flexbox and Grid.

The Ultimate Tutorial on JavaScript DOM - JS DOM with Examples

Sep 1, 202112 min read 323 views

TABLE OF CONTENTS 1. What is the DOM? 2. DOM API 3. Our Project 4. Examining the Document Object console.dir(document) document.doctype document.URL document.lastModified document.head document.body document.forms document.all 5. Selecting Elements...

The Ultimate Tutorial on JavaScript DOM - JS DOM with Examples