How To Make Website With Auto Typing Text Effect Using HTML CSS JavaScript

Learn How To Make Website With Auto Typing Text Effect Using HTML CSS JavaScript | Typing Text Effect On Website using HTML CSS JS
❤️ SUBSCRIBE: goo.gl/tTFmPb
In this video we will create a website design with Auto Typing Text Effect Using HTML CSS JavaScript step by step
Typed JS Link:
github.com/mattboldt/typed.js/
Download Images:
drive.google.com/file/d/1NLCd...
---------------------------------
recommended course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
----------------------------------
Image credit:
unsplash.com/
-------------------------------------
Like - Follow & Subscribe us:
◼️ KZbin: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

[@EmpoweredSuccess1]

I have learned from your videos now I m founder of small company

[@zarabinteashaf4586]

What do your company make, websites????

[@EmpoweredSuccess1]

@@zarabinteashaf4586 android app, s/w and all type or websites .

[@zarabinteashaf4586]

@@EmpoweredSuccess1 Oh nice and best of luck

[@EmpoweredSuccess1]

@@zarabinteashaf4586 thank you dear

[@worldzone4516]

Name of your company

[@brunofelix5434]

Your videos are great to study. thank you!

[@macklenejohnstine6859]

Thank you Sir..I have learned most of the things in this amazing channel..appreciate your effort.

[@jevinmakwana6811]

thanks a lot... I was just searching for many days and all I got was fancy css stuff... but finally your video made it super easy for that text changing animation... Again, thanks a lot

[@abbeymichael6809]

You are really my mentor. God bless your tutorials.

[@sharkie4296]

You're such an amazing human being. Thank you so muchh!

[@faisaluldin7335]

Amazing sir, great for beginners.

[@leezajagdish2355]

I never clicked so fast. You're the best 👍

[@prasannakumari1597]

thank you very much @Easy Tutorials. You always helped me for every new designs in my projects

[@dungar2852]

It's is very useful ! Thank you ☺️

[@quantyquanty3724]

I appreciate your lessons and I look forward to learning from you. I noticed whenever you share links to the resources use don't share the file (.html and .css) you used.

[@iamtaijie]

This was an amazing tutorial...

[@himasha3125]

Great video buddy I wasted many hours watching and typing css codes to take this typing effect which you solved within a simple js code. Keep the good work up🤩

[@CharlesBLim]

thanks for this, my boring django resume website now looks awesome

[@abhishekkammar1859]

Tq sir for this video it is very helpful for beginners👍👍👍

[@FarhanKhan-mv1sc]

Fantastic fabulous mind blowing sir

[@yashagarwal7042]

Thank You Sir Your videos are very helpful and great

[@myfirstchannel007]

Love ❤️ FROM CAMBODIA 🇰🇭

[@rohitranjan8132]

Amazing Tutorial👌🏻👌🏻

[@judetochukwuogbozor6355]

so simple and understandable

[@niclasoberg8317]

Thanks to you. Awsome tutorials and easy to follow. Keep up the good work.

[@GreatStackDev]

Thanks, will do!

[@anukashyap4817]

Thank you so much sir 🙏🥰

[@dcsalim4384]

You are great brother ❤️

[@mohammadalaminsiam711]

Thanks a lot it worked.

[@samsideenhydara6706]

Thanks bro for the video.

[@730_diksha_pimple3]

Thank you so much sir

[@tushergoon9120]

It's very helpful for me

[@C.Sakthivignesh]

Thank you so much sir for making this video. ->Sir, forgot to add the color for the typing text. Sir, showed demo in the beginning of this video(It was typing text with color). ->If you want to add the color for the typing text follow the below code. In CSS span{ color : yellow; }

[@pasindusahan9588]

valuable video😍

[@sumeet.deshpande_]

Ek number bro!

[@chesb6426]

Thank you!

[@Deus-lo-Vuilt]

thanks video , more material css pls

[@vhiroley]

Thanks for sharing.

[@velgrab7084]

Man you are amazing

[@ucthien8243]

thank u so much

[@a.iananda1215]

Thank you Thank you Thank you Thank you Thank you

[@gulraizgull8044]

Thank you so much

[@sdfsfsfd437]

Great video!

[@kiena26]

Thx for this

[@minhmongmo]

Perfect. Iam looking for this. Thank you

[@shivueditz2637]

Sake bruh

[@withsgr]

Amazing

[@ibadullahdongel1320]

thanks bro.

[@mali_sati]

Thank you

[@yogeshpatel5700]

That's lit

[@dilerkurd2676]

Good Job!

[@tanphatnguyen9047]

amzing tutorial

[@Chairman_Breeze]

Sir Please make a video How to make a complete website course with HTML CSS and JavaScript

[@jahirulislam8219]

Thanks

[@shwetasonth8407]

Thanks for sharing this video ,I was searching how this effect is done .very helpful.

[@shakib_04]

thanks

[@mohamedmohidiin6787]

Tnks sir for ur sharing this amazing project keep doing good work

[@GreatStackDev]

Thanks, will be making more tutorials like this.

[@GreatStackDev]

once you know all html and css basics, then keep practicing new layout designs by your self. you can follow this website for learning and practicing: www.w3schools.com/

[@jahirulislam8219]

FIRST view and comment

[@clintonjoseph6756]

Thank you so much for the tutorial, you are no doubt one of the best on KZbin. I have a question though, how do we make this website responsive?

[@prasannakumari1597]

use media Queries or better to use bootstrap for responsive websites

[@uinp9798]

Thank you ver much! I just have a question. Even doe i follow your coding line for line...my design looks off. Image is smaller. the text is not where your text is. Everything i make is smaller. for example. when the text writes out "i'm a web developer". the last letter R in sentence "developer" goes beyond the whole "home" tag. The R in my code is faaaar away from reaching the home tag. i dont get why. i have gone through the whole code twice.

[@imtiazshakil]

😍😍😍

[@gaplamama1526]

nice

[@thenightmare910]

I hope your video will help me to start my worldwide bussiness website. I shall first Join your channel with my first bussiness money

[@withsgr]

Good

[@tradeflight]

Anyone can you tell me that how to change color of h1 for ex. I want to change Anna Amelia to yellow colour so how can I change it

[@michaeljohnmagistrado1166]

✅✅💕

[@royaluxevents3641]

Can you tell me if you are using an old version of visual studio app pls ? I tried to reproduce your video on my own, I wrote the same code and it didn’t work the nav bar hover effect. What do you advice me ?

[@submakecathappy6940]

I am a 2 Years expierenced high-end website designer. 13 year old i got help from you a lot if you are not there then i would have not reach till this location leaderboard Got help from #1. Easy Turoails #2. Online Tutorials #3. Myself thank you for your videos still watch some of your videos!!!

[@kindkidd6304]

What text editor do you use..

[@princearya4208]

bro which theme are you using in vscode?

[@thanishreddym.3535]

Sir Also make it available on mobile using bootstrap

[@Fishingaday]

Hey! Amazing video, how do I color the text that’s going on? Like you did in the beginning!

[@Oom_Prateek]

Add a color tag

[@rebel6809]

First

[@35koti]

Nice one bro 🤜

[@karim47161]

if its possible to explain next time yoour css code, and thanks

[@F80TBAll]

Can you make a video about how to use java script

[@m0rse]

Make a tutorial how can we use this kind of temp. as a website or how can we publish this site?

[@benardnwachinemere1252]

weldone work i am having issues on the java script is not working .is anything i can do? everyother thing work but the java is not working, i am using sublime editor

[@yuryitikhonoff9631]

Cool but, please, stop using var for variable declaration in 2021!

[@kawthar218]

I'm watching your videos Tutorials every day very interesting but my question is , how can I open with a live server? waiting for your response.

[@DaDerpyBoi]

Get live server extension in VScode

[@donbelle4543]

can you learn how to make family website for next vlog pls with login like family netflix

[@tundeakinola8122]

Can u pls make a video of how to bring it into react application on vs code.. The script syntax doesn't work on react... It comes out as error undefined..

[@jithin5488]

From where do you get the icons brother

[@edu-portaltechnology4203]

Nice one. But this won't be mobile friendly

[@jobkochu6533]

can we create a separate password in c panel for a folder.i have a php application in c panel.now need to give the c panel user name and password to another person to host the website.i am worried if i give the password my php application might be troubled.can we also secure the php my admin to secure the database?

[@realadityaparida]

why it is not working in my case? all code were same and even checked github and modified but still not showing texts

[@suprgamer2703]

great effect and thank you. I have one question though. The animation goes so fast in the mobile than the computer. How do I slow it down? Pls help.

[@suprgamer2703]

Pls help me

[@suprgamer2703]

🥺

[@Dr.dhumketuIITDholakpur]

same here , now did you fixed it?

[@itzmranonymous]

Set max limit for its speed

[@itzmranonymous]

But dont know how to do it but there is some way, find it and help others too

[@Pratosh-bm7sg]

Can you tell how to make a website using bootstrap without code.

[@gab7076]

Great typing effect, how did you turn the vertical bar in yellow ? This part is missing... Thank you !

[@tarjan.official]

Open the website and inspect it, there is a new class automatically added, make the color of that class to yellow

[@bharatsoni9577]

Add .auto-typing in css then add color

[@berkeaytan5506]

I think giving a style attribute to the span element in the heading would solve it. Try this:

[@bilalkhaleel]

.text-box span { color: hex_code_here }

[@muhammadasad9560]

Why my auto writing is not in its exact position. It is starting from left side. It should start where i use span tag

[@amazingango9103]

Hey, thanks for the nice vid, but like for some reason, the typed.js isnt working, and I legit followed everything word to word. Do any of u guys know whats the problem? Please help, thanks

[@kennethmarroquin1177]

Hi, how can I give credits in my portfolio or in my github profile that I learned how to do it with this youtube video, does anyone have any example?

[@petermeconin7179]

hello i 'm big fan of you but in this video i stuck in the last part.

[@imrulhasan6270]

hello brother..! How can I fix default typing problem?

[@frictiongraphics116]

bro pls for next video can u show how to create a video watermark remover using html css and javascript pls pls pls i request u

[@frictiongraphics116]

without blurry remover and with any size watermark remove option and with no objection pls pls pls i request u pls

[@kingtchannel2373]

why CDN I'm haven't used ?

[@tarikbouchaala3890]

Guys I had a probleme with this effect cause I used google translate api and when It try to translate the text it becomes an error how can i fix it

[@alishakeel2807]

sir y link hum copy nhi kar sakta j hum n script tag k bd hum n coding liki h

[@geovannygonzalez8379]

Has anyone done automatic typing with vanilla JavaScript?

[@faisaluldin7335]

From where i can get soure code of this tutorial, it is not available in the community tab. please help me in finding the source code.

[@skrrt-]

It's in the community tab for "KZbin" members only.

[@tarjan.official]

I have a question, In class header, why is the width 100% and not 100vw?

[@kuldeepchandra6512]

Both are same i guess...

[@zainulkhan8381]

100% width takes all the space available all fits in all types of resolutions but 100vw can sometimes result in overflow that's y it is not used much.

[@Nightstorm-2516]

12:00 you're welcome.

[@ahmedshah9544]

where is video of creating the website that you are using in video?

[@sanyamjain164]

sir i only have one heading so what i do

[@abdulnausheed606]

plzz help effect not working i tried 3-4 times same code exact but it does'nt working plzzz help

[@chemistry-mkc]

just click 11:52