NokiMo
WebDevMadeEasy

WebDevMadeEasy

patreon


WebDevMadeEasy posts

🎬Simple Countdown Timer | Vanilla JavaScript⏱️

Hello, DEV, sometimes, you’re going to need to build a JavaScript countdown clock.

You may have an event, a sale, a promotion, or a game. You can build a clock in Vanilla JavaScript rather ...

View Post

🎬Clock App | Vanilla JavaScript⏱️

Hey DEVs In today's episode, we will create from scratch a “Clock App | Vanilla JavaScript”, will also are gonna use this new and popular trend Glassmorphism on it…

Essentially, the mai...

View Post

🎬Creative Our Team Section Using Glassmorphism | HTML CSS✨

Hey DEVs in today's we will create from scratch a “Creative Our Team Section Using glassmorphism”, a new design trend that is currently very popular.

You'll see it all over websites such ...

View Post

🎬Awesome Loading Animation HTML & CSS✨

Hey DEVs in today's video we will create a loading spinner animation for your website using html and css.

View Post

🎬Amazing Hover Effect On Social Media Buttons | HTML & CSS✨

Hey DEVs in todays episode we’re create “Amazing Hover Effect On Social Media Buttons | HTML & CSS”.

Let’s do it step-by-step, buy the end of this tutorial you will know how to ma...

View Post

🎬Build A Weather App | JavaScript [Beginners]✨

Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners

Using JavaScript APIs.

View Post

Neumorphism Analog Clock | HTML CSS Javascript

In this video you will learn How to Create Neumorphism Working Analog Clock UI Design Using Html5 CSS3 & Javascript.  Step-by-step the easy way!

View Post

Social Media Icons Hover Effects | HTML & CSS

In this video you will learn how to create Social Media Icons and a couple of nice Hover Effects using just Html5 CSS3. (No JavaScript). We'll walk you through step-by-step on how to create it so y...

View Post

🎬How to build a Todo List App | JavaScript

In this episode we are going to cover a project from scratch a “Todo List” in Vanilla JS. We are going to put together a lot of the fundamental JavaScript techniques including local storage. View Post

Pulsing effect using CSS3 Transform Scale | HTML & CSS

Let’s create from scratch, step-by-step a “Pulsing effect using CSS3 Transform Scale”. Basically,we will playing around with CSS animation: transform: scale for changing the size and box-shad...

View Post

🎬CSS Responsive Card Hover Effects | Html & CSS

In today's episode we are going create from scratch, step-by-step a “CSS Responsive Card Hover Effects”, Basically, we are going to create a card with two parts face1 and face2, one with the so...

View Post

🎬CSS Responsive Card Hover Effects | Html & CSS

In today's episode, we will do a "Tab Bar Navigation" together from scratch, we will use HTML and CSS to create its UI, and we will apply JavaScript to make certain Tabs active and at the same time...

View Post

🎬Sticky Navigation Bar | Vanilla JavaScript

In today's episode, we create from scratch, step-by-step a “sticky navigation bar”, we’re gonna use HTML and CSS for its UI, and as for functionality a little bit of JavaScript, using propert...

View Post

🎬Image Slider In HTML, CSS & Javascript

In todays episode we are gonna an image slider, but we’re also going to have the background image changed as well at the same times using JavaScript.

View Post

🎬Sound board with vanilla JavaScript

Hey Devs, in today’s episode we are going to build a Sound board with vanilla JavaScript!

View Post

🎬Step progress bar | JavaScript

In this episode you will Learn how to build a Step Progress Bar with HTML, CSS, and JavaScript, step-by-step the easy way!

View Post

Music Player | JavaScript

In this episode we are going to create a working Music Player App using JavaScript, you’ll be able to click to play the music and pause it, and it has previous and next button to play next song.<...

View Post

Countdown timer using JavaScript (Source Code included)

In this tutorial we're going to build a simple Countdown timer using  JavaScript.

View Post

Counter up animation | Javascript ( Source Code Included)

In this tutorial we're going to use JavaScript to build a visual Counting Animation.  A number will start at 0 and it will count up until it reaches the target number.

View Post

Responsive Image Gallery | Flexbox and JavaScript (Source Code Included)

Today we build a pretty nifty image gallery using Flexbox, CSS transitions and a sprinkle of JavaScript to get things interactive.

View Post

Full Screen Video Background - HTML & CSS (Source Code Included)

 In this project we will create a Full Screen Video Background for a landing page using HTML & CSS.

View Post

Type Writer Effect | JavaScript (Source Code)

#javascript, #css, #typewriter effect

Type Writer Effect | JavaScript

Today we are going to learn how to do the type write effect in vanilla Javascript.

You would be surprised how...

View Post

🎬Learn How to Make Drop Down Menu Using HTML And CSS ( Source Code Included)

Learn How To Make Drop Down Menu Using HTML And CSS

🧠 Concepts Covered in this video:

- Dropdown menu

- CSS flexbox

- Absolute vs relative position

- Rem vs em

...

View Post

🎬How to make a Price Comparison Page with HTML & CSS (Source Code Included)

In this video, I walk you through the steps to create a great price comparison page. In this tutorial, we talk about many CSS concepts such as flexbox and absolute & relative position which you...

View Post

CSS Stacked Card List| HTML & CSS + Source Code

A step-by-step guide on building a CSS Animated Stacked Card list with CSS & HTML.  Inspired by css-tricks homepage.

View Post

Awesome Loading Animation | HTML & CSS ( + Source Code)

View Post

🎬Amazing Social Media Buttons Hover Effects| HTML & CSS (+ Source Code)

In this video you will learn how to create an Amazing Social Media  Buttons Hover Effects with just HTML & CSS (No JavaScript). We'll  walk you through step-by-step on how to create i...

View Post

🎬Neumorphism Login Form | HTML & CSS (+ Source Code)

  

In this video, we will explore the new neumorphism trend and create a "Neomorphism Login Form" using that trend.

So, in this video, you will learn how to use this trend and...

View Post