How to create website malayalam | HTML CSS | വെബ് ഡിസൈനിംഗ്
Vložit
- čas přidán 7. 09. 2024
- In this tutorial I will be teaching you how to create a website malayalam using HTML CSS and css flexbox. We will be covering the basics of html and css along with the css flexbox
CSS flexbox is used to align elements on the layout faster and easier than using floats.
We will also be taking a look at transition property and I will be sharing some pro tips and tricks of css along the way.
Please like and Subscribe for more
Also don't forget click on the bell icon after subscribing to get upto date notifications.
Contact:
✉ debugmedia@gmail.com
Instagram: debugmedia
Telegram : t.me/debugmedia
**Also check out my other courses **
CSS Specificity : • CSS !important propert...
API in Malayalam : • API in malayalam tutor...
Parallax Landing Page : • Parallax Landing Page ...
Git Github : • Git Github in Malayala...
React Router : • React Router in Malaya...
Reactjs Todo App: • React js Todo App Mala...
ReactJS : • React js malayalam tu...
JavaScript : • JavaScript Malayalam |...
Flexbox CSS In 18 Minutes : • CSS Flexbox In 18 Minu...
CSS Malayalam : • CSS Malayalam | 01 - I...
HTML Malayalam : • HTML Malayalam | 01 - ...
Web Development Malayalam : • Web Development Malaya...
how to create a website for free
how to create a website
how to create a website in malayalam
how to create a website malayalam
how to create website malayalam
flexbox in malayalam
css zindex
css malayalam tutorials
advance react js
advance react malayalam tutorials
advance react tutorials
react malayalam tutorails
react js tutorials
export vs export default
what is export in react
what is export in js
what is html
html in malayalam
css in malayalam
malayalam tutorials
parallax landing screen
landing screen in malayalam
how to create parallax screen
malayalam programming
html css
flexbox in css
flexbox in malayalam
important in malayalam
react in malayalam
javascript in malayalam
malayalam tutorials
js malayalam tutorials
git malayalam
git merge
git rebase
#howtocreatewebsitemalayalam
#createwebsite
#websitemalayalam
#malayalamtutorials
Watched 3 more times. And last I created my own website with high quality. You are great and talented person. Ur classes are awesome. Thank so much dear
BRO IM A FRESHER CAN YOU HELP ME , I DONT GET REPLAY FROM THE ADMIN OF THE CHANNEL , AAA SMALL DOUBT
ഇത് പോലത്തെ ഒരു അഡാർ "Programming CZcamsr" കേരളത്തിൽ വേറെ ഇല്ല 👏👌 👌
Poli videos maan ❤️
Realy helpfull beginners..
Thanks mann ❤
sir njan ethu pole oru site undaki......kidz corner .......thank you sir .....njan 2days edutha anu chayatha thu....kurachu video matharamea kandu lu....
No other tutorials like this.. Very good, Well presented.. Thank You so much sir..
Thanks man :)
Wow what a beautiful and productive tutorial, how much major concepts of css are merged in this tutorial, you are a gem and thanks for your great contributions bro
Thanks for the kinds words ❤, Dont forget to subscribe and join our telegram group t.me/debugmedia
നിങ്ങൾ എവടെ ലു ഓഫ്ലൈൻ ക്ലാസ്സ് കൊടുക്കുന്നുണ്ടോ? Web development?
sorry justify-content: space-around; work ok (horizontal center vannu, justify aayi), align-items work aavunnilla (vertical center varunnilla ) karam container nu height evideyum koduthillallo. pinne ningalkku evidunnu kitti.
Thanks you so much dude,
Hard to find guys like you...much love
BRO IM A FRESHER CAN YOU HELP ME , I DONT GET REPLAY FROM THE ADMIN OF THE CHANNEL , AAA SMALL DOUBT IM ALSO A MALAYALI
Hey Bro it awesome Thanks for sharing this tutorial expect more from tour channel
Thanks man
Stay Subscribed
Hey sir adipoli vdo... Nallapole manasilakkkan patti🤍
thank you so much for explaining how to make websites in such way that even a kid can understand, you are a legend bro keep doing, we need more content in malayalam
BRO IM A FRESHER CAN YOU HELP ME , I DONT GET REPLAY FROM THE ADMIN OF THE CHANNEL , AAA SMALL DOUBT
ക്ലാസ്...കിടിലം ആണ്.... ഇതിന്റെ .css and html code കൂടി കിട്ടിയാൽ doubt വരുമ്പോൾ refer chayyamayirunnu..please
Sir നല്ല രീതിയിൽ ക്ലാസ് എടുക്കുന്നുണ്ട്.. ഉപകാരപ്രദം ആകുന്നുണ്ട് 💙
15.41 you have not explained why display:flex; is given to .banner-container{}. you only told display:flex; to .banner-container .container{}. Can you please explain? Your videos are very helpful for me. Thank you so much for your effort.
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
sir oru request und 🙋🏽♂️. aah code onn share cheyyuvo time eduth padikaan vendi aahn.. i hope you reply.
Thanks
Awesome.. 👌
Html, Css, Js ഉപയോഗിച്ച് ഒരു ഫുൾ വെബ്സൈറ്റ് ഉണ്ടാകുന്ന video ഇടാമോ?
Sure man ❤
Vedio kand cheythu nokki. Ellam ok ayi
Helpful vedio sir❤️
മച്ചാനെ UIUX
ഡിസൈനിങ് കൂടി ഉൾപ്പെടുത്തി
വീഡിയോ ഇടാമോ
😊
മച്ചാന്റെ വീഡിയോസ് എല്ലാം പോളിയാണ്👌
ഉപകാരം ഉള്ള വീഡിയോ മാത്രം..... 💕💕
your video is awsome bcz no time waste
what you have just done was awesome..........best teacher
thankyou sir ..... i tried this myself and i was able to do it ....thankyuuuu so much
Best tutorial i ever seen, keep it up👏👏👏👌
Thanks man
@@debugmedia post more css tutorials & tricks👍
@@mohammedshan2860 yes. More animations and hacks coming soon
@@debugmedia thanks mahn👍
Really very informative videos .wait for each videos
It is most likely video to me. Very useful as far as me
Well explained.Appreciative🤗
Everything was clear.Thankyou♥️
Sir.....Please do the next tutorial of this video. I would like to learn more classes of website designing.
class name of submit is not submit button, its submit section..i did not understand the point you mentioned
You are Great..!!! Thank you so much sir....such a wonderful class....!
Yente mwne supperrrrrr😍
Bro njan cheythu nokiyit css work aakunnilla.navbar mathramanu cheythath but avide css work aakunnilla.
Ith solve aayo ?
Awesome💖💖Sir continue posting videos
hatsoff💖💖💖
Thanks 😊
Live coding kaanan thalparyam indengil new channelil subscribe cheytha mathi
czcams.com/channels/DYqA_Gcqmx_5rQYVRzmUpQ.html
thank you bro very helpful . wow your vedio are super
hlo bro, ithil header cheythu. .banner-container, . container, .left-section , right-section seperate eduth try cheythu nokki, pakshe display : flex, justify content : center; work aavunnu, but align-items : center ; not working. karanam container il height koduthillallo. njan border koduth chech cheythu, enthu chayyanam?nokki parayamo
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
Thank you so much for the tutorials sir❤️
Thank you, Much Appreciated 💕
Live Coding Kaananamengil Ente Live Channelil Subscribe cheytha mathi
czcams.com/channels/DYqA_Gcqmx_5rQYVRzmUpQ.html
thank you so much and keep doing more videos
HTML CSS FLEXBOX ariyillengil ,Athyam poyit ee video series kaanu, Ennit ee video kandaal madhi
HTML Part : 1 czcams.com/video/ZfhROYgpiiM/video.html
CSS Part 1 : czcams.com/video/uhWvXeCEbHw/video.html
Flexbox : czcams.com/video/WmhXcPM9DaI/video.html
Navigation menu il ulla items nu drop-down menu koduthkond responsive aaki full site development video cheyyuo
Thank U, Its help me to improve a lot
left section container nu width illallo. align items : center; vertical center varunnilla, karanm container nu width illallo. (h1, forms um justify content: space around vannu, entha problem parayamo, please....)
❤️❤️.. Drupal Tutorials idamoo??
Machaan poli aanu..... 💕💝💝💝
ithu upaagichu oru social media site oke creat cheyan pattuvo
Yes ofcourse. But backend venam
Onnum parayanilla pwoli sanan
38:50
super
Please can u tell which editor you used now??
VSCODE
Why my items not alighning
Web hosting video plsss upload..
Hello sir, My background image is not displaying properly it comes in the top of the heading (welcome to debug media) and below the hyperlink (home login about) can I get the solution please
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
Extra ordinary presentation... waiting for future update... 👌👍
Oru websitinu engana bro multi-language support cheyyunnathu..(eg: malayalam,hindi,tamil etc.. content language support aah njan udeshichathu)
Onnum parayanilla polich😍😍😍😍
Thanks my guy 😊
Stay subscribed ❤
great tutorial bro. Thanks for this wonderful tutorial👏👏👏. Bro enik card-container more than 3 vannal thaze thaze varunnath pole engane cheyyum. like row il col-md-3 etra koduthalum athinanusarich div align akunna pole? here njan try cheyyumbo ella card-container aduth aduth varunnu. engane solve cheyyum?
thanks ❤,
flex-wrap:wrap koduthal mathi
@@debugmedia ok. Thanks for the reply bro. But ഞാൻ section-two നു row class കൂടെ add ചെയ്തപ്പോ set ആയി. അത് proper method ano?
No more extra explanation to waste time. I will be web developer by watching your videos
Very much appreciated :)
Hey bro thaan etra years aayi ee field ilu means it field ilu Llam valare speed il cheyunnu💗💗
How do you create class div with shortcut key
type : .classname after the last letter press TAB
I will be making a VSCode tutorial to explain all the shortcut I use soon
Stay Subscribed
Well Explained...
Excellent 💯💯👏👏
sir oru doubt banner-container bckground pictre kodukumpol eganeyanu nav ulla div apply avunath ath vere oru div allea header nte akathullath.
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
One doubt
Ivde banner-container il background color kodukkumpol , body full apply aakunne entha, my question is banner-container separate section alle, then how the properties inside this section affects the whole body
because it has a margin top of 100px which is already on top of header
Thankyou for the vedio ❤️
Please upload User experience tutorial...
Soon bro
Stay subscribed ❤
excellent training
1:53 How did you do that? I am using Bracket. Bracketil angane pattumo to add that basic template? (atho copy paste cheythath ayirunno?)
Its usually done in VSCODE,
Maybe you'll have to install emmet in brackets , I havent used brackets so i cant really tell.
sir...
'FIGMA design nte frontend code engane cheyyum? ',ennathine patti oru video cheyyamo?
Yes Sure,
Join our telegram group
t.me/debugmedia
Debug Media Discourse
@@debugmedia done 👍🏻
St joseph college of communication changanassery
Can you explain how to import css files to html files
Sir, I was following your instructions .But My CSS commands are not working in my web page.
Did you link your css to html properly?
Yes. Its working sir. But only header shade is not visible.it's only white
Super Sir..
Awesome tutorial
Super bro..
Thank you so much. ❤
Perfect 🔥👌
Good good good class
Really helpful
Ithinte mobile version in vendi wait cheyyunnu........
Bro idhide responsive onn chyamo
Very useful tutorial, Thank you, Sir.
Thanks for watching man :)
Stay Subscribed
Njan download chaytha image small aai annu view chayunne
Eth responsive aakuvan vendi bootstrap add cheythittu oroo container nu eg. 'col-6 md-3..... ' . Egane koduthal sheriyakumo..?
Atho eth responsive aakuvan vendi vere vazhikal undoo..?
Yes, anganey cheythaalum responsive aavum, ini bootstrap use cheyyandengil CSS upiyokichum cheyyan pattum: czcams.com/video/yVrjcWJz0VQ/video.html
@@debugmedia ok thanks❤
Broo ith responsive aakumnnu paranjit aa videode link onn share cheyyamo?
Justify content:space between കൊടുക്കുമ്പോൾ home, about.... ഇതൊന്നും write sidilekku pokunnilla... Please reply...
Join Telegram to ask doubts : Debug Media Discourse
t.me/debugmedia
@@debugmediaok. Thanks👍🏻
Sir, Good One......۩۩۩۩
Oru telegram group undakikoode doubts clear cheyyamallo
No time bro. I have many other works that I have to complete. youtube is just one among them. So I dont get time to reply to everyone. But yeah will try some day for sure :)
Sir very nice
which website is this ....
Its a design i made myself
Bro nammal make cheytha website nte HTML file WordPress egane upload cheyyunnathinte video cheyaamo
Definitely. But kurach time edukkum. Kaarnam athin munmb kurach advance kaaryangal padipikkan ind
@@debugmedia okay 👍
Hello,
< ഒരു വെബ് ഡിസൈനർ ആകണമെന്നാണ് എന്റെ ആഗ്രഹം.. Bt ente oru frnd പറഞ്ഞു.. പല കമ്പനികളും അവർക്ക് വേണ്ട വെബ്സൈറ്റ് ഡിസൈൻ എല്ലാം wordpress il ninnum വാങ്ങുകയാണെന്ന്.. ഇപ്പോൾ web design carrier scope ഇല്ലാന്നും.. ഇത് സത്യമാണോ.. {
Does web design have scope now?;
} I want to be a Web Designer.. >
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
Bootstrap nte video yum idanam please 🙁🙁🙁
Thank you so much
nice video
.banner-container{
background:
display: flex;
}
.banner-container .container{
display: flex;
justify-content: space-around;
align-items: center;
}
ബ്രോ ,
.banner-container ഇൽ display: flex; ഇട്ടല്ലോ .. അതിൻ്റെ idea കിട്ടിയില്ല .. .banner-container .container മാത്രം ഇട്ടാൽ 'flex' work ചെയ്യുന്നില്ല .. ??
(15:28 )
ithinte answer kittiyo?
How to upload to public
Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia
ee code git il share cheithatundo?
oru web designing competition nadathikkude
Namuddey community athrak veluthalla ippo. Ellarum padich kondirikkan. But some day 👌
Ith css html code onu tharomo?
16:24 vach flexil align items center koduthattu center aayilla same top positionil thanne nikkunnu enthaayirkkum reason
I fix it 👍🏾
@@holamundo007hola3 sorry message kaanan late aayi poyi.
Good that you fixed it by yourself 👌
enikkum same problem, engange fix cheythu
same problem, engane fix cheyyyaaam
Card add cheyumbo right sideilaan add aavunath?
Justifycontent use cheythitundo?
@@debugmedia section 2 ill aano add cheyandath
❤
BRO IM A FRESHER CAN YOU HELP ME , I DONT GET REPLAY FROM THE ADMIN OF THE CHANNEL , AAA SMALL DOUBT
Ningal kannur aano
Bro website free ആയിട്ട് create ചെയ്യാൻ കഴിയോ