Code With SMR
Code With SMR
  • Видео 19
  • Просмотров 1 127
Animated Night Sky with Moon and Twinkling Stars | HTML & CSS Project by Muhammad Raza
Explore this amazing animated night sky project created with pure HTML and CSS by Muhammad Raza (CodeWithSMR). Watch as the moon shines and the stars twinkle in a stunning dark background. Perfect for web development enthusiasts and beginners looking to learn creative animation techniques.
This project demonstrates:
Animated moon with glowing effects
Twinkling stars using keyframe animations
Responsive design for different screen sizes
📂 Resources Used:
HTML
CSS (Keyframe Animations)
Font Awesome
💻 Created by Muhammad Raza (CodeWithSMR). Follow along to create your own animated night sky! Don't forget to like, share, and subscribe for more creative coding tutorials.
#HTML #CSS #WebDevelopment #Anim...
Просмотров: 41

Видео

Firebase class 7 | Sir Heather Ali shah37:17Firebase class 7 | Sir Heather Ali shah
Firebase class 7 | Sir Heather Ali shah
Просмотров 413 месяца назад
Welcome to Firebase Class 7 with Sir Heather Ali Shah! In this lesson, we dive into Firebase authentication and user management. Learn how to set up email/password authentication, manage user roles, and handle user states effectively. Whether you're a beginner or looking to enhance your Firebase skills, this class is perfect for you! Key topics covered: Firebase Authentication Setup User Manage...
Firebase Class 3 | Authentication | Firebase Auth Integration Tutorial | by Haider Ali Shah1:12:43Firebase Class 3 | Authentication | Firebase Auth Integration Tutorial | by Haider Ali Shah
Firebase Class 3 | Authentication | Firebase Auth Integration Tutorial | by Haider Ali Shah
Просмотров 1584 месяца назад
Firebase Class 3 | Authentication | Firebase Auth Integration Tutorial | by Haider Ali Shah Welcome to the third part of our Firebase series! In this tutorial, we dive deep into Firebase Authentication and show you how to integrate it seamlessly into your web applications. Whether you’re a beginner or an experienced developer, this step-by-step guide will help you set up Firebase Auth and start...
Build a Simple Tic Tac Toe Game using HTML, CSS, and JavaScript | Beginner-Friendly Tutorial2:24Build a Simple Tic Tac Toe Game using HTML, CSS, and JavaScript | Beginner-Friendly Tutorial
Build a Simple Tic Tac Toe Game using HTML, CSS, and JavaScript | Beginner-Friendly Tutorial
Просмотров 1564 месяца назад
Build a Simple Tic Tac Toe Game using HTML, CSS, and JavaScript | Beginner-Friendly Tutorial In this video, you'll learn how to create a classic Tic Tac Toe game from scratch using HTML for the structure, CSS for styling, and JavaScript to handle the game logic. This project is perfect for beginners who want to enhance their web development skills and understand how to build interactive games w...
Google Firebase Class 2 | Sir Haider Ali shah47:50Google Firebase Class 2 | Sir Haider Ali shah
Google Firebase Class 2 | Sir Haider Ali shah
Просмотров 1064 месяца назад
Here’s the RUclips video description for Google Firebase Class 2 | Authentication with Sir Haider Ali Shah: Google Firebase Class 2 | Authentication with Firebase | Sir Haider Ali Shah Welcome to the second class of our Google Firebase series! In this session, Sir Haider Ali Shah will take you through the process of implementing Firebase Authentication, covering everything from setting up authe...
Google Firebase Class 1 | Introduction | Authentication | Sir Haider Ali shah59:12Google Firebase Class 1 | Introduction | Authentication | Sir Haider Ali shah
Google Firebase Class 1 | Introduction | Authentication | Sir Haider Ali shah
Просмотров 1534 месяца назад
Welcome to the first class of our Google Firebase series! In this session, we’ll cover the basics of Firebase, its features, and how to implement authentication in your web or mobile applications. Sir Haider Ali Shah will guide you step by step through the process, helping you understand how Firebase simplifies backend development and user management. 📌 Topics Covered: Introduction to Google Fi...
How To Build Age Calculator App Using HTML CSS And JavaScript1:40How To Build Age Calculator App Using HTML CSS And JavaScript
How To Build Age Calculator App Using HTML CSS And JavaScript
Просмотров 285 месяцев назад
How to Build an Age Calculator App Using HTML, CSS, and JavaScript Welcome to our channel Code With SMR! In this tutorial, we'll show you how to create a simple and effective Age Calculator app using HTML, CSS, and JavaScript. This project is perfect for beginners looking to enhance their web development skills or anyone interested in building practical applications with basic front-end technol...
How to Create a React Folder in 20243:05How to Create a React Folder in 2024
How to Create a React Folder in 2024
Просмотров 376 месяцев назад
How to Create a React Folder in 2024 In this video you will learn how to create React folder HTML CSS JavaScript JavaScript project JavaScript projects for beginners calculator using JavaScript JavaScript calculator project make calculator using JavaScript JavaScript tutorial, Easy Tutorials HTML CSS Calculator design JavaScript Mini Project Type Script React #javascript #javascriptcalculator #...
How to Create a TypeScript Folder in 20242:48How to Create a TypeScript Folder in 2024
How to Create a TypeScript Folder in 2024
Просмотров 786 месяцев назад
How to Create a TypeScript Folder in 202 In this video we will learn how to create a typescript folder. HTML CSS JavaScript JavaScript project JavaScript projects for beginners calculator using JavaScript JavaScript calculator project make calculator using JavaScript JavaScript tutorial, Easy Tutorials HTML CSS Calculator design JavaScript Mini Project TypeScript #javascript #javascriptcalculat...
How To Generate a Random Password Using JavaScript | Password Generator JavaScript Project2:00How To Generate a Random Password Using JavaScript | Password Generator JavaScript Project
How To Generate a Random Password Using JavaScript | Password Generator JavaScript Project
Просмотров 158 месяцев назад
How To Generate a Random Password Using JavaScript | Password Generator JavaScript Project In this video we will learn to make a random password generator using HTML CSS and JavaScript. This app will generate a strong password with Upper case, lower case, numbers and symbols. We will also add password copy icon to copy the new generated password. This is great JavaScript mini project for beginn...
How To Create Digital Clock Using HTML CSS & JavaScript | Display Time Using JavaScript1:22How To Create Digital Clock Using HTML CSS & JavaScript | Display Time Using JavaScript
How To Create Digital Clock Using HTML CSS & JavaScript | Display Time Using JavaScript
Просмотров 388 месяцев назад
How To Create Digital Clock Using HTML CSS & JavaScript | Display Time Using JavaScript In this JavaScript Mini project we will make a Digital clock that will display the current time in Hours, Minutes and second. This JavaScript clock display the time as per Local time zone. We will use HTML and CSS to design this Clock, and for Updating the current time we will use JavaScript Date Object. You...
How To Make QR Code Generator Website Using HTML CSS And JavaScript2:20How To Make QR Code Generator Website Using HTML CSS And JavaScript
How To Make QR Code Generator Website Using HTML CSS And JavaScript
Просмотров 568 месяцев назад
How To Make QR Code Generator Website Using HTML CSS And JavaScript
Create Amazon Clone Using HTML, CSS and JavaScript | Frontend Project For Beginners5:39Create Amazon Clone Using HTML, CSS and JavaScript | Frontend Project For Beginners
Create Amazon Clone Using HTML, CSS and JavaScript | Frontend Project For Beginners
Просмотров 248 месяцев назад
Create Amazon Clone Using HTML, CSS and JavaScript | Frontend Project For Beginners
How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript2:08How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript
How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript
Просмотров 249 месяцев назад
How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript
How To Make A Calculator Using HTML CSS And JavaScript2:27How To Make A Calculator Using HTML CSS And JavaScript
How To Make A Calculator Using HTML CSS And JavaScript
Просмотров 599 месяцев назад
How To Make A Calculator Using HTML CSS And JavaScript

Комментарии