Apply Filters

All HTML-CSS JS Websites Shorts

JavaScript Sucks 💩

Hellow, In this video, you will watch the fun facts about javascript. Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Welcome 2022!! Bye Bye 2021!!

Hellow, Happy New Year Guys!!! Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

UNSPLASH IMAGES RIP!!

Hellow, Copy and paste this code in chrome console of a specific website. javascript:(function(){ [].slice.call(document.querySelectorAll('img, .gist')).forEach(function(elem) { elem.remove(); }); })() Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Roblox Hackers be Like... 0 to 150000 Robux Hack? Cool Coding Tamil

Hellow, This video just describes the editing of text using Inspect Tool on the website. 0 to 150000 Robux Hack? Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts #trending Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

99% of People Don't know these Chrome URL's | Cool Coding Tamil

Hellow, In this video, you can know about these Chrome URLs. chrome://chrome-urls/ Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create A Button Clicking Effect Using CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a button clicking effect using CSS. This is using just translateY property. Link to the editor: https://katacoda.com/ CSS Designs Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Coloured Image to Black & White In CSS | Cool Coding Tamil

Hellow, In this video, you will learn to convert the colored image to B&W in pure CSS. This is simple if you are using filter property in CSS. Link to the editor: https://katacoda.com/ CSS Designs Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create A Custom Scrollbars Using HTML CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a custom scrollbar using HTML & CSS. This is a gradient scroll bar you can use it in your project. Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Image Hover Text Overlay Effect Using HTML & CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a text overlay effect using HTML & CSS. This is a Good and Classic minimalist design Link to the editor: https://katacoda.com/ CSS Design Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css_images #image_overlay Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create Custom Cursor Using HTML CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create custom cursors using HTML CSS. This is a type of image placing as a cursor. Link to the editor: https://katacoda.com/ CSS Design Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #custom_cursor Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Menu Toggle Icon Using HTML And CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a menu toggle icon using HTML and CSS. Simple Jquery to implement it Link to the editor: https://katacoda.com/ CSS Designs Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css_designs Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create A Coming Soon Page Using HTML CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a coming soon page using HTML CSS. Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #coming_soon_page #html_page Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create A Blur Background With Text | Cool Coding Tamil

Hellow, In this video, you will learn to create a blurred background with CSS. This is a very Cool effect you have to try with the CSS Filters Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Curvy Text Using Arctext.js | Round Text | Cool Coding Tamil

Hellow, In this video, you will learn to create curvy text using Arctext.js. Create a Round text using a library. Read the documentation we have more options to customize.. Link to the editor: https://katacoda.com/ Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #curvy_text #round_text Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

11 CRORE SUBSCRIBERS | Dev tools hack | Cool Coding Tamil

Hellow, In this video, I have just make a hack using dev tools. Just changed the number using that. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts #11_crore_subscribers Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Indian Flag in CSS | No Images | CSS Linear-Gradient | Cool Coding Tamil

Hellow, In this video, you will learn to create a pure CSS Indian Flag. No images. Only CSS Indian flag. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Design Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

What If Google Confuses Itself | Cool Coding Tamil

Hellow, In this video, you can see a Devtools hack. Using CSS Transform Animation. Try yourself by injecting in styles Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Resizable Div with One CSS Property | CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a resizable div with 1 CSS property. You can easily do with one CSS property. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Design Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css #resizable_div #di Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Pure CSS NEON Text Animation | Text-shadow property | Cool Coding Tamil

Hellow, In this video, you will learn to create pure CSS neon text animation effects. This is created using CSS text-shadow property. Its very easy to do in CSS. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS design Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css #neon_text_animation #neon #css_neon #text_effects #css_text_animation #text_animation Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Text Truncate with Only CSS No JavaScript | Cool Coding Tamil

Hellow, In this video, you will learn to create a text truncate with CSS only and no javascript. This is a simple trick I have found and you can also embed in your project. Link to the editor: https://katacoda.com/ CSS Tricks Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Expectation VS Reality In Coding | Cool Coding Tamil | #shorts

Hellow, This video is just for fun in that you can see the Expectation Vs Reality in Coding. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How to Create A Website Alert Banner Using HTML CSS | Cool Coding Tamil

Hellow, In this video, you will learn to create a website alert banner using HTML CSS . This is just simple you can also do it. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Web Components Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How To Create a 5 Star Rating Using CSS | Font Awesome Icons

Hellow, In this video, you will learn to create a 5 Star Rating template in CSS. This is very easy to create using font-awesome. I have font-awesome icons and manipulated a perfect CSS Star Rating System. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Page Scroll Indicator Using HTML CSS JS | Cool Coding Tamil

Hellow, In this video, you will learn to create a page scroll indicator using HTML CSS JS Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #page_scroll #indicator Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

If This Was The First Youtube Channel | Cool Coding Tamil

Hellow, I was thought that what if I was the first Youtube Creator. I have just made fun of using Dev Tools. When youtube is totally made for only one creator then how was the experience. Just view it. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts #youtube #hack_youtube #youtube_creators_hack #make_fun #youtube_for_only_creator Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Change Background Color Randomly in HTML CSS JS | Cool Coding Tamil

Hellow, In this video, you will learn to change background color randomly using simple HTML CSS JS. This code will pick all the colors in the world using RGB value so easily you can change background color on click. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

How to Center Links with Icons Using CSS | CSS Flexbox | Cool Coding Tamil

Hellow, In this video, you will learn to center links with icons. This is a very useful tutorial for beginners of CSS Flexbox. CSS Flexbox tutorial. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Designs Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #css #flexbox Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Hacking👨‍💻Google web page using Inspect tool | Hide Everything | #shorts

Hellow, This video is just for chrome inspect tool knowledge to display none. I have used CSS display property to display none on the Google webpage. This is also like hacking the on-page for yourself. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Image overlay 🖼️ on hover effects in CSS | CSS Beginner to Advance

Hellow, In this video, you will learn how to create an overlay on the image on hover in CSS |Though this effect is advance it is very easy to create an overlay on the image on hover. In this video, I will show how to create a circle image overlay effect. CSS Beginner to Advance Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Designs Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

From Noob to Pro Website😎 | Beginner to advanced developer | Cool Coding Tamil

Hellow, In this video, you will see how I created a website as a noob and as a pro. From Beginner to advanced developer. From Noob to Pro developer Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #shorts #yt_shorts #youtube_shorts #youtube Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Website Launched!! 🌐 After 2 months of Creation the Website launched | Cool Coding Tamil

Hellow, I have launched a website after 2 months of creation. If you are free get a visit and look out, If you want to suggest me anything just enter your name and your suggestion in https://coolcodingtamil.netlify.app/suggestion.html The courses on that website will be provided later. Link to the editor: https://katacoda.com/ Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://canva.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #website_created Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Learn to create a Responsive Navigation Bar in Bootstrap | Navbar | Cool Coding Tamil

Hellow, In this video you will learn how to create a simple and responsive Navigation bar using Bootstrap. Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #navigation_bars #navbars #bootstrap Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil Follow me on Github: https://github.com/Giridharan07

View Source Code

Creative Image 🖼️ background blur in CSS || Image Filter | Cool Coding Tamil

Hellow, In this video, you will learn to create an Image background blur in CSS. It's a simple and creative thing in CSS. Image credits to unsplash.com Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... CSS Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcodingtamil.netlify.app Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #blur #css #image_blur Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil

View Source Code

How to Create a Reflection of Text 🅿️ in CSS || Text Reflection | Cool Coding Tamil

Hellow, In this video, you will learn to create a text reflection that is purely made of CSS. Use this Reflection of text in your creative projects. Can you believe that visual studio code is now online, you can use it for free without any sign-in or login required. Multiple files, plus drag and drop upload feature, unlimited extensions, git connect and more features are there..... Link to the editor: https://katacoda.com/ Go to the specified link and scroll down you will see the playgrounds section. You will see VS Code playground, Ubuntu playground, etc... Shorts Series Learn Coding by creating some responsive web pages. The source code for this web page is posted on my website and the codepen link. The links are listed below. Editors Used The code editor used in this website is https://katacoda.com The video editor used to edit this video is https://clipchamp.com Useful Links Website Link: https://coolcoding.netlify.app/ Codepen Link: https://codepen.io/coolcodingtamil #coolcodingtamil #html #text_reflection Subscribe for more videos: https://bit.ly/3kImiqV Follow me on Twitter: https://twitter.com/coolcodingtamil

View Source Code