- Видео 68
- Просмотров 214 353
NB
США
Добавлен 10 май 2021
Hello everyone, welcome to my channel! 🎉 I’m a Computer Science undergraduate from India, passionate about programming 💻 and exploring the digital world. Besides coding, I enjoy digital media creation 🎨 and football ⚽.
Amazing hover effect over image in HTML CSS || CSS hover effect
In this video i have shown you how to create an amazing hover effect on image....
If you are a building a website then you might be working with static images.... So, in case you wanna provide your users a good user experience then you are in the right place ..
In this vides i have shown exactly that only....
It can make your users stay engaged on your site and they might be ending up spending more time on your site than usual.....
And at last but not the least thanks for watching.... :)
#css
If you are a building a website then you might be working with static images.... So, in case you wanna provide your users a good user experience then you are in the right place ..
In this vides i have shown exactly that only....
It can make your users stay engaged on your site and they might be ending up spending more time on your site than usual.....
And at last but not the least thanks for watching.... :)
#css
Просмотров: 92
Видео
Responsively Navigate If You Can :) | Animated hamburger Menu
Просмотров 1312 года назад
In this video tutorial I have Shown you how to make a Responsive navigation bar using html css and a little touch of javascript.... I am also going to include a hamburger menu for screen width 500px... I also have included a bunch of animatied slides to make you understand the basic idea behind this system... So if that sounds fair enough let's get started..... /* ignore */ #css #html #javascri...
Time Travel On The Web | Insanely Powerful Tool | Nostalgia | #webTravel
Просмотров 6682 года назад
In this video i have shown a tool with that you can travel in time..... Here I have shown you how to go from 2022 Google to 2002 Google and Microsoft Websites.... Literally You can choose any website and Go back to any time of your choice... Now for some people it might be a nostalgia seeing these websites or for some of you may wanna see how "that website" used to look like in "that year"........
Simple TO-DO App in 10mins | html css js Project | #html #css #js
Просмотров 982 года назад
Simple TO-DO App in 10mins | html css js Project | #html #css #js
How to Text Tool in CSS ? | CSS Text tool in 3 mins #css #html
Просмотров 832 года назад
How to Text Tool in CSS ? | CSS Text tool in 3 mins #css #html
Create a Bouncing Letter Wave using CSS Only | CSS Quick Animation Video
Просмотров 1312 года назад
Create a Bouncing Letter Wave using CSS Only | CSS Quick Animation Video
3D Room using CSS with animated illustrations || CSS art #css #3d #perspective
Просмотров 6442 года назад
3D Room using CSS with animated illustrations || CSS art #css #3d #perspective
Scroll to Top using html & css only | Web Dev Tricks
Просмотров 1262 года назад
Scroll to Top using html & css only | Web Dev Tricks
CSS caused drought on the moon | Drought on the moon | CSS effects
Просмотров 742 года назад
CSS caused drought on the moon | Drought on the moon | CSS effects
Amazing Hover Effect On Image | Slide Right Animation On Hover | Overlay Effect
Просмотров 4902 года назад
Amazing Hover Effect On Image | Slide Right Animation On Hover | Overlay Effect
Sad face to happy face transition using html & css | Amazing Hover Effect
Просмотров 2162 года назад
Sad face to happy face transition using html & css | Amazing Hover Effect
Simple Travel Hub website home page using html and css || web development
Просмотров 6362 года назад
Simple Travel Hub website home page using html and css || web development
Four Dots Loading Animation CSS || Html &css 🔥
Просмотров 5472 года назад
Four Dots Loading Animation CSS || Html &css 🔥
Simple log in form using html css || web development
Просмотров 2,8 тыс.2 года назад
Simple log in form using html css || web development
HTML CSS Fully Responsive Holy Grail Layout || Web Development
Просмотров 82 тыс.2 года назад
HTML CSS Fully Responsive Holy Grail Layout || Web Development
How to check if your data is safe or not🔒|| 🆓 Tool
Просмотров 912 года назад
How to check if your data is safe or not🔒|| 🆓 Tool
Responsive Pricing Table using html & css
Просмотров 5242 года назад
Responsive Pricing Table using html & css
8 cool Brackets code editor tips & tricks that will blow your mind 🔥
Просмотров 6 тыс.3 года назад
8 cool Brackets code editor tips & tricks that will blow your mind 🔥
Creative CSS Animation Effect || CSS Circular Animation
Просмотров 2213 года назад
Creative CSS Animation Effect || CSS Circular Animation
How to make a Responsive Navigation Bar using Html & CSS (easy method)
Просмотров 5423 года назад
How to make a Responsive Navigation Bar using Html & CSS (easy method)
How to enable Dark Mode in Google Chrome for all websites || Chrome Dark Mode
Просмотров 1463 года назад
How to enable Dark Mode in Google Chrome for all websites || Chrome Dark Mode
8 Best Websites for Free Stock Photos in 2021 (free for personal and commercial use) ✌
Просмотров 653 года назад
8 Best Websites for Free Stock Photos in 2021 (free for personal and commercial use) ✌
How Bob impressed his girlfriend Using CSS || CSS Draw || CSS
Просмотров 1133 года назад
How Bob impressed his girlfriend Using CSS || CSS Draw || CSS
Draw a terminal using only html & CSS || CSS animation || CSS Tutorial || CSS
Просмотров 6603 года назад
Draw a terminal using only html & CSS || CSS animation || CSS Tutorial || CSS
Lots of love bro ❤
masha ALLAH, Brother
Nice❤
github.com/melsonic/load-balancer
I liked this video, it is clear, short and explain the layout very well!
very good vedio
Fantastico saluti dall''Italia 💪
Brilliant thanks ❤
Cool!
What are you using to display the browser inside vscode like that?
cool video)
Why did you write body{height: 95vh;} ?????
this is a very good video , straight to the point . thank you
How to run javascript?
Thank you G, this is so helpful
Sir how to open another website on the same page layout that that website from the internet opens only in the main body of the layout which means we can still see left and right parts of my website because I'm opening that website on my website but in a specific size which is in the main content
you can use inside main
Like how you're almost laughing while saying the last part
the simplest the better, been struggled with grid but you made it easy. keep it up you need to ged pay for this :)
Superb
Thank you for this video, please what browser are you using to display the contents on the right side of VS
I am using a vs code extension (live browser i.g)
You the best thank you straight to the point love it
Thank you. Straight to the point ❤
My footer is showing up on the right and I can't figure out why. I went back through making sure my code matches :/ I'm using code pen.
Hii Did you find a solution? I’ve been having this same issues I dunno why
Indiano
I hit subscribe as hard as I could and obligated my phone... You owe me a new phone. 🫨
how to change the size of box
It's not working for me..
Truly underated video on the web and all of RUclips. Simple, clear and precise without wasting one's time. Well done 👏
what is that coding software called
vscode
Thanks simple and very helpful
Great tutorial thanks. Can you tell me what VS Code extensions you are using to get the live page preview of your HTML and CSS changes, and also to expand the code shortcuts like "aside.left" -> "<aside class="left">".
Hi David! I think I used *Live Preview* extension from microsoft to get the live reload functionality. And for that expansion part it is inbuilt in vs code which is powered by emmet, just write that "aside.left" and hit tab..... Let me know if you are facing any issue with this....
@@neilbenz Thanks for the advice, Neil. I'm just getting started with Visual Studio Code. I've installed Live Preview and I'm finding the Emmet shortcuts amazing. On a large screen it is so great to have your HTML, CSS and live preview window all visible at once. Lots to learn! And thanks again for the great tutorial.
Grid : 2 lines 😅 per media queries
After several weeks of searching I found this video and at the end it was the best, short and greatest video which I have seen due to this topic. Thank you, thank you thank you
Mine is not working. It wasn't recognized
Mine too why is that
node is not installed
Just creat your own Java’s maid for free it’s Simple and easy
hello bro, idk whre you are, but i want to say thank you very much, you help my day keep it up bro!!
Cheers! Wasn’t working for me and couldn’t realise why!
Thank you so much bro/cutie Maine ye bahut der se dhundh raha tha finally I got it thanks
Awesome
How do i put things in the layout? Like text?
Text insertion in the layout is already demonstrated in the video. See those *LEFT*, *RIGHT* etc
I did one thing wrong and it threw off the entire layout🤦♂️ Thank you!
Thanks ❤❤❤
i dont get --x :1 2 3 4 what it does? is it like declaring variable x to a value and the multiply it?
yep, that's exactly what it is. The --x: 1 syntax represents CSS variables, which are used here for simplification.
Would be cool if you shared the sourcecode too
Or i mean this is still cool but it could be cooler
Very nice and useful video. Thank you!
I tried this ! It wasn’t responsive
How to make more HTML/CSS files?
Great tutorial video, I am subscribed!
how to make Brackets Automatic HTML tags
great video, do you have more layouts to show?
Pro is here but not many views..upload more please we need more content like this. Subscribed!
Thank you so much ❤
me too feels the same he should get more views and like