Create a Minimal Weather App Ui Design For a Website using HTML and CSS only!
In this tutorial, I’m going to show you how to use modern HTML, CSS to create a weather app ui design with some animations. We’ll be using CSS transitions, CSS Flexbox, float for our design, and CSS transitions and animations for some cool animation effects.
Source Code :
Join the full “100 Days Of JavaScript Code - Web Development Bootcamp“ course :
Keyboard Link :
AKKO Youtube : @AkkoOfficial
Web Design Coding Bootcamp Playlist :
source of all projects also will upload in AsmrProg github page :
Video Contents :
00:00 - Intro
00:18 - Warming hands
00:23 - Main codes
00:50 - Adding icons
01:12 - Google fonts
01:31 - Html coding
06:38 - Main styles
07:54 - Left info styles
12:12 - Right info styles
13:14 - Days list styles
15:50 - Button styles
16:57 - Final Result
Asmr Game Coding Playlist :
Other Video’s :
Coding IOS (Iphone) Calendar :
Coding IOS (IPhone) Dynamic Music :
Coding a Snake Game :
Movie Guide App Coding :
Coding IOS (IPhone) Dynamic Music :
Subscriptions, good comments and likes are great support for me 😍
Don’t re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
1 view
308
82
6 months ago 00:14:22 1
Building a Lego Cat Train
6 months ago 00:00:16 1
Вещи, которые уже не вернуть в Rust/Раст
6 months ago 00:21:43 9
7$ for Relax Vietnamese massage therapy | ASMR Full Body Massage
6 months ago 00:01:00 1
Toothless enjoying the bouncing circle 🙄
6 months ago 00:00:51 1
BØRNS - Past Lives #shorts #pastlives #asmr #mathfloyd
6 months ago 00:08:01 1
How To Improve Your Weak Foot | Using Only My Left Foot For A Full Training Session
6 months ago 00:29:12 1
Exploring the C64 Mssiah Cartridge
6 months ago 00:34:06 1
ASMR Programming - Calculator App Coding - No Talking
6 months ago 00:05:40 1
World’s fastest 70 CPS Lego Technic AUTOCLICKER!
6 months ago 00:00:41 1
Every time the balls collide, they become bigger! (ASMR) #asmr #physics #programming #melody
6 months ago 00:00:40 8
Booting up an apple II program from 1979 using an iPhone: Brian’s Theme, AppleSoft BASIC demo
6 months ago 00:06:53 1
História da Intenert e World Wide Web (WWW) - ASMR - Sussurros - ASMR Programmer