Тёмный

Creating a Responsive Website Using HTML CSS and JavaScript | GSAP Tutorial 

Bridge Code
Подписаться 3 тыс.
Просмотров 11 тыс.
50% 1

In this tutorial, I'll show you, how to create an amazing and fully responsive website from scratch using HTML, CSS, JavaScript, and GSAP (GreenSock Animation Platform). Follow along as we walk you through each step of the web development process, making it easy for beginners and experienced developers alike to build a professional-looking Landing Page.
✅ If you found this tutorial helpful, please like, share, and subscribe for more web development tutorials!
🔔 Subscribe Now!
/ @bridgecode
Image Credit: freepik
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Konqeson - Rise
Music provided by Vlog No Copyright Music.
Video Link: bit.ly/3UHiBBL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#bridgecode

Опубликовано:

 

6 ноя 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@ali_jamdar
@ali_jamdar 6 месяцев назад
nice👌
@bridgecode
@bridgecode 6 месяцев назад
Thanks 😊
@keithsorrels6903
@keithsorrels6903 5 месяцев назад
Wow, what a fun way to learn, piece by piece and seeing how changes in the parameters effects the outcome. Does this type of simple art design/style have a name? Thanks for sharing this.
@bridgecode
@bridgecode 5 месяцев назад
Thanks for your comment. I'm not the creator of this artwork, I simply separate and animate it. You can find similar art on the FREEPIK platform by searching keyword "Welcome to our website landscape illustration" or something similar.
@keithsorrels6903
@keithsorrels6903 5 месяцев назад
Hey, thanks a lot 😀@@bridgecode
@AngelVilla-bh6rn
@AngelVilla-bh6rn Месяц назад
@@bridgecode How do you separate and animate it???
@SuYatiHtet-bl3rs
@SuYatiHtet-bl3rs 10 дней назад
hello I can't work like this . Even I use muti photos , my program shows only one photo . Which photos do you prefer?
@tejavintar7681
@tejavintar7681 6 месяцев назад
Hi, love the video! Would it be possible to somehow make an option for copy-pasting the code? i saw you used to have it but because somebody then started making this videos with your code, you stopped... still would appreciate a lot to have the code in copy-paste format to then just change the parts as needed. Could also have the donate option as you save a lot of time so therefore money with stuff like that. Thank you very much and i appreciate your videos!
@bridgecode
@bridgecode 6 месяцев назад
Thank you. I am considering about it. Just give me some time.
@Tauredspaces
@Tauredspaces 2 месяца назад
@@bridgecode Please do
@sudharshan_henry
@sudharshan_henry 6 месяцев назад
hey man this is awesome work i like it 👌, can i get the image you used in this video
@bridgecode
@bridgecode 6 месяцев назад
In few hours, I'll make the GitHub link public
@sudharshan_henry
@sudharshan_henry 6 месяцев назад
waiting still @@bridgecode
@subbankhan7425
@subbankhan7425 4 месяца назад
Which vscode theme you used
@bridgecode
@bridgecode 4 месяца назад
Dracula Soft
@MArshad-kl6zv
@MArshad-kl6zv 6 месяцев назад
i want to get this images that you used in this awesome website
@bridgecode
@bridgecode 6 месяцев назад
Sure, I'll make the images public soon. Just wait I am out of office.
@MaryamShakeel-24m
@MaryamShakeel-24m 3 месяца назад
Please share the coding (html,css, JavaScript)
@bridgecode
@bridgecode 3 месяца назад
I've already shared the coding in the video. Watch it completely.
@tofunmiadeolu
@tofunmiadeolu 4 месяца назад
pls why is my css not working with html i linked it but it is not working i use vs code
@bridgecode
@bridgecode 3 месяца назад
what is the problem? If the CSS is not working completely, then re-check the path and link address. if it applies partly then check the spelling of the selectors and if your images do not fit in then you have to arrange all the images in Photoshop layer by layer, once you've formed the complete image then start exporting each image in the same dimension as your background dimension. When you will do this all will be well. I hope you'll understand.
@singhrohit_
@singhrohit_ 3 месяца назад
Bro you can also make a timeline for the whole animation 😢 Btw very nice video keep it up ❤
@bridgecode
@bridgecode 3 месяца назад
Timeline video is already uploaded. Visit the channel and search for turtle website video.
@singhrohit_
@singhrohit_ 3 месяца назад
@@bridgecode thank buddy i’ll try this animation ❤️😊
@factflow254
@factflow254 3 месяца назад
From where can we download such images?
@sonammurmu3209
@sonammurmu3209 14 дней назад
Freepik website
@AngelVilla-bh6rn
@AngelVilla-bh6rn Месяц назад
where are the image downloads?????
@Yael_Lino
@Yael_Lino 22 дня назад
in freepik
@hanzala787
@hanzala787 6 месяцев назад
Beother image ?
@bridgecode
@bridgecode 6 месяцев назад
In few hours, I'll make the GitHub link public
@renrap25
@renrap25 6 месяцев назад
Que paso broo esta genial el trabajo pero necesito la imagen, no se de donde la descargaste o como la buscaste @@bridgecode
Далее
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 892 тыс.
ASMR Programming - Animated Login Page - No Talking
18:18
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 417 тыс.
True parallax with CSS-only is now possible
17:32
Просмотров 217 тыс.
Every CSS Animation property
9:26
Просмотров 53 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,4 млн
Learn Web Design For Beginners - Full Course (2024)
3:07:31