- 343
- 351 362
Code Canvas
India
เข้าร่วมเมื่อ 27 ต.ค. 2020
Thank you for Subscribing! If you have not, Subscribe now!
Code Canvas is dedicated to teaching various web development skills in a highly effective manner. If you are starting on a career in web development, Code Canvas is the ideal starting point for your exciting journey.
My motivation for starting Code Canvas was to share my knowledge with the world and help people understand basic web concepts easily. I have been coding since 2010 and have developed a passion for Node.js, React, HTML 5, CSS 3, JavaScript, responsive web design, PHP, and many other programming languages.
If you have any questions or feedback, feel free to contact me at manage.codecanvas@gmail.com. I am eager to hear from you.
Thank you for watching!
Code Canvas is dedicated to teaching various web development skills in a highly effective manner. If you are starting on a career in web development, Code Canvas is the ideal starting point for your exciting journey.
My motivation for starting Code Canvas was to share my knowledge with the world and help people understand basic web concepts easily. I have been coding since 2010 and have developed a passion for Node.js, React, HTML 5, CSS 3, JavaScript, responsive web design, PHP, and many other programming languages.
If you have any questions or feedback, feel free to contact me at manage.codecanvas@gmail.com. I am eager to hear from you.
Thank you for watching!
How to calculate array.length in large Arrays in JavaScript !
In this video, you will learn how to calculate array.length in large Arrays in JavaScript !
🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas
#javascript #javascriptinterview #javascripttutorial
🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas
#javascript #javascriptinterview #javascripttutorial
มุมมอง: 12
วีดีโอ
CSS Property : grid-column-end explained !
มุมมอง 1417 ชั่วโมงที่ผ่านมา
The grid-column-end CSS property is used to indicate the column grid line where a grid item ends in a grid layout. The grid-column-end CSS property is part of the CSS Grid Layout specification. 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #css3 #css #csstricks
How to set Default value with || (Logical OR) in JavaScript !
มุมมอง 27วันที่ผ่านมา
In this video, you will learn how to set Default value with || (Logical OR) in JavaScript ! 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #javascript #javascriptinterview #javascripttutorial
CSS Property :grid-column explained !
มุมมอง 26วันที่ผ่านมา
The grid-column CSS property is a shorthand that specifies the column grid lines where a grid item starts and ends in a grid layout in one declaration. 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #css3 #css #csstricks
Optimized merge of two arrays in JavaScript !
มุมมอง 3714 วันที่ผ่านมา
In this video, you will learn Optimized merge of two arrays in JavaScript ! 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #javascript #javascriptinterview #javascripttutorial
CSS Property : grid-auto-rows explained !
มุมมอง 3314 วันที่ผ่านมา
The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks. In other words, this property sets the size of implicit rows and any other rows that have not been explicitly sized in the grid-template-rows property. The grid-auto-rows property is part of the CSS Grid Layout specification. 🔔 Subscribe for more videos like this : th-cam.com/users/C...
How to Prevent Image Theft in WordPress ?
มุมมอง 3221 วันที่ผ่านมา
In this video, you will learn 4 methods to prevent Image Theft in WordPress. 1. Disable Right Click (Plugin) 2. Use Watermark on WordPress Images (Plugin) 3. Disable Hotlinking of Images in WordPress 4. Add Copyright Notices on Your WordPress Site 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #wordpress #wordpresstutorial #wordpresstraining
How to resize an Array with array.length in JavaScript !
มุมมอง 2621 วันที่ผ่านมา
In this video, you will learn how to resize an Array with array.length in JavaScript ! 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #javascript #javascriptinterview #javascripttutorial
CSS Property : grid-auto-flow explained !
มุมมอง 4328 วันที่ผ่านมา
The grid-auto-flow CSS property allows us to control the flow of grid items that are automatically placed when they are not explicitly positioned with any grid-placement properties. The grid-auto-flow property is part of the CSS Grid Layout specification. 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #css3 #css #csstricks
How to Disable Right Click in WordPress ?
มุมมอง 44หลายเดือนก่อน
In this video, you will learn 3 methods to disable Right Click in WordPress. Method 1: Use the WP Content Copy Protection & No Right Click Plugin Method 2: Use the Disable Right Click For WordPress Plugin Method 3: Disable Right Click Without a Plugin 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #wordpress #wordpresstutorial #wordpresstraining
How to use the ~~ operator in JavaScript !
มุมมอง 37หลายเดือนก่อน
In this video, you will learn how to use the operator in JavaScript ! 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #javascript #javascriptinterview #javascripttutorial
CSS Property : grid-auto-columns explained !
มุมมอง 29หลายเดือนก่อน
The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks. 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #css3 #css #csstricks
How to Redirect Visitors to a Maintenance Page in WordPress ?
มุมมอง 52หลายเดือนก่อน
In this video, you will learn how to Redirect Visitors to a Maintenance Page in WordPress. Plugin : wordpress.org/plugins/coming-soon/ 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #wordpress #wordpresstutorial #wordpresstraining
Conditional shortcuts in JavaScript !
มุมมอง 33หลายเดือนก่อน
In this video, you will learn Conditional shortcuts in JavaScript ! 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #javascript #javascriptinterview #javascripttutorial
CSS Property : grid-area explained !
มุมมอง 32หลายเดือนก่อน
The grid-area CSS property is a shorthand that specifies the location and the size of a grid item in a grid layout by setting the value of grid-row-start, grid-column-start, grid-row-end and grid-column-end in one declaration. 🔔 Subscribe for more videos like this : th-cam.com/users/CodeCanvas #css3 #css #csstricks
How to detect Fonts Ready using JavaScript !
มุมมอง 22หลายเดือนก่อน
How to detect Fonts Ready using JavaScript !
How to Configure WordPress Writing Settings ?
มุมมอง 292 หลายเดือนก่อน
How to Configure WordPress Writing Settings ?
CSS Property : font-weight explained !
มุมมอง 262 หลายเดือนก่อน
CSS Property : font-weight explained !
How to add Horizontal Scrolling Announcement Plugin in WordPress !
มุมมอง 1082 หลายเดือนก่อน
How to add Horizontal Scrolling Announcement Plugin in WordPress !
CSS Property : font-variant-numeric explained !
มุมมอง 452 หลายเดือนก่อน
CSS Property : font-variant-numeric explained !
Extract a Number from a String with JavaScript !
มุมมอง 362 หลายเดือนก่อน
Extract a Number from a String with JavaScript !
CSS Property : font-variant explained !
มุมมอง 622 หลายเดือนก่อน
CSS Property : font-variant explained !
How to Rename the "Uncategorized" Category in WordPress !
มุมมอง 312 หลายเดือนก่อน
How to Rename the "Uncategorized" Category in WordPress !
CSS Property : font-synthesis explained !
มุมมอง 362 หลายเดือนก่อน
CSS Property : font-synthesis explained !
Best starter Templates for WordPress !
มุมมอง 503 หลายเดือนก่อน
Best starter Templates for WordPress !
How to add Age Verification in WordPress ?
มุมมอง 683 หลายเดือนก่อน
How to add Age Verification in WordPress ?
How to use All-in-One WP Migration & Backup plugin !
มุมมอง 2713 หลายเดือนก่อน
How to use All-in-One WP Migration & Backup plugin !
How to completely remove Comments from a WordPress site !
มุมมอง 383 หลายเดือนก่อน
How to completely remove Comments from a WordPress site !
Very helpful... thank you!🙏❤
Glad to know that helped !
Hi, can I create an SEO auditing tool beside Chatbot? Many thank s
Hi, this plugin is related to ChatGPT integration with WordPress. You can checkout other plugins for SEO auditing related tools using ChatGPT.
@@CodeCanvas Thanks a lot
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Where do you get the names of the font features?
Check this out : developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas I know this page. But it doesn't give the names because each font is free to give any names. So how do you get the names of the font features for each specific font?
This is a list of every value that is supported by font-feature-settings, but make sure to check the web font that you’re using supports these values too before trying them: liga: standard ligatures dlig: discretionary ligatures onum: old style figures lnum: lining figures tnum: tabular figures zero: slashed zero frac: fractions sups: superscript subs: subscript smcp: small caps c2sc: small capitals from capitals case: case-sensitive forms hlig: historical ligatures calt: contextual alternates swsh: swashes hist: historical forms ss**: stylistic sets kern: kerning locl: localized forms rlig: required ligatures medi: medial forms init: initial forms isol: isolated forms fina: final forms mark: mark mkmk mark-to-mark positioning This is what I found.
It's useful. Thank you 👍
Glad it was helpful!
Perfect 👍
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
I already have a website running in my localhost but when i tried making a second one i got a connection error from worpress. Any help? thanx
When you create second WordPress website, you need to use new database for that.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Good video! Can you provide a code that will disable the Admin Bar for all users except the Administrator?
The below code identifies any non-admin users who are not currently looking at the admin dashboard. For these users, it disables the WordPress admin bar. add_action('after_setup_theme', 'remove_admin_bar'); function remove_admin_bar() { if (!current_user_can('administrator') && !is_admin()) { show_admin_bar(false); } }
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas Thank you!
@@IonelColtea Don't forget to Subscribe my channel !
nice
Glad it helped.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas 1 feedback, could you please arrange your videos in some playlist like CSS videos in one (or css sections) , js in one etc when I check ur playlist , CSS selectors videos playlist is there but not other videos can be found in it even though u have in your channel
Thank you for your feedback. There are already playlists created for CSS, JavaScript, WordPress and others. Kindly have a look at playlist section.
@@CodeCanvas thanks , found it - Mastering CSS3 Properties
it's very helpful bro
Glad you liked it.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
will it be conflicted if i use plugins instant indexing (rankmath) and indexnow (bing) at the same time?
I haven't used "Instant indexing" (Rankmath) plugin yet. Ideally you should use only 1 indexing plugin at a time to get best result. You can try to use both plugin at the same time and share your experience.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
hi, do we need to have a paid account in chatgpt? "Received the 'API URL was not found' error from OpenAI. This actually means that your OpenAI account has not been enabled for the Chat API. You need to either add some credits to OpenAI account, or link a credit card to it."
Hi there, No, you do not need credit into your OpenAI account. You should receive few free credits in your account at the time of signup. You can use that credit to test this plugin and if you need, you can purchase more credit. As per my understanding, you don't need to enable Chat API in order to test this plugin.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Bro today i got this question in my interview I have done 75% of this but not solve complete question
Good luck with the results 👍
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas sure sir ,tysm
Hope you have subscribed 😊
very useful, thank you !
Glad it was helpful!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Excellent content!
Thank you !
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thank you for putting together all these helpful videos!!!
Happy to help!
Please subscribe to my channel and keep supporting.
Thank you so much for making this informative video!!
Glad it was helpful!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Whenever I update my laptop thus error comes .sometimes even mysql server don't get start I face This error many time when I am learning word press ..
Please check stackoverflow.com/questions/18022809/how-can-i-solve-error-mysql-shutdown-unexpectedly for MySQL shutdown problem.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas Thank you ! And ek or problem hai mai word press per website create karti ho and sometimes suddenly mysql shutdown hojata hai and website per error ata hai ke error established in database connection, and also maine wo method try ki hai jisme data folder ko old data karke save karna hota hai but use wordpress dashboard open hojata hai but humari website wapas nhi milti is error ko kaise resolve karte hai .
For that, you need to checkout all possible solutions in th-cam.com/video/Q16IpB8-WyU/w-d-xo.html video. It should fix your problem.
@@FisheryHub1995 hey, even im facing the same issue, koi solution hi nahi mil raha hai teen din se :(
you can share your theme ?
Twenty Twenty-Four : wordpress.org/themes/twentytwentyfour/
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Nice
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
How to set custom name for downloaded pdf?
Checkout this: stackoverflow.com/questions/10189225/how-to-create-a-custom-file-name-for-a-file-while-saving-the-print-page
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thank you
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
❤🎉🎉 very nice
When I try to log in to my website it says "Error establishing database connection" and on cPanel it says "WordPress is not installed". The "Error establishing database connection" issue may be a database credential issue. But as long as there is a "WordPress is not installed" warning, does it still work if the database credentials are fixed and WordPress is not reinstalled? Or do I need to reinstall WordPress as a fresh start? If I reinstall WordPress, I will lose all my works and google ranking position. So I would really appreciate it if you could tell me the only option I have.
Hello, It seems you have some configuration issues with your WordPress installation. Kindly check error logs for detailed errors. You need to debug it.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
@@CodeCanvas Thanks for your response, but unfortunately, I don't have any idea how to check error logs. Please can you give some insights about it?
Checkout this article : www.wpbeginner.com/wp-tutorials/how-to-find-and-access-wordpress-error-logs-step-by-step/
Thank you!
You're welcome!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Awesome 👍
Thank you.
Can clip-path be applied to a div
Yes. clip-path can be applied to a div. Checkout this demo. stackoverflow.com/questions/41756579/how-to-apply-a-clipping-path-to-a-div-container
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thank you so much for this video.
Glad it was helpful!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
confused. Is it free if I subscribe to Chat GPT4?
WordPress plugin is free; however, the functionality depends on whether you have a paid plan for ChatGPT.
@@CodeCanvas I am with GPT4 Plus. This chatbot plugin might be free to install but it's certainly not free to use. Support told me that it's not included with ChatGPT, so I don't know how you're doing it.
I didn't purchase GPT-4 Plus when creating this video. I simply created a free account on platform.openai.com/ and used credentials from the developer app. They may have updated their terms by now.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thanks great explanation
Glad it was helpful!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Super ❤ please upload more videos about Javascript 😊
Thank you. There is a playlist for JavaScript videos : th-cam.com/play/PLAdinofCy1nRrU19oSS2RHXEa_FUR5exy.html. I will try to add more videos into this playlist.
Another wannabe ... and when you login you see "wp-admin" ...
Yes, because that's how it should be. WordPress Dashboard loads on "wp-admin", you can not change it. You can hide it before login.
Thanks
Glad to help you.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
I want to express my gratitude for the outstanding video. It provided me with a wealth of valuable information. Thanks to it, I now feel confident and well-informed about this exceptional plugin.🤠
Glad it was helpful!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
I did hit the subscribe button and gave it a like@@CodeCanvas
Thank you so much 😇
Well done
Glad you liked it !
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Tried putting in a shortcode in Elementor builder. Didn't work
What's the error ? Do you see any error in developer tool ? Make sure you use correct single or double quotes in short code.
@CodeCanvas No error shown. I just used the shortcake widget in Elementor, put in the fb code on your plugin page. But nothing happened.
Try debugging. There must be some JavaScript errors. I can't help without proper details.
Hlo sir Here its working but in my code its not working
Hello, What do you mean by not working? Please share your CSS fiddle with demo.
thx sir
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
i've got a question, is there any ai plugin that enable this functionality :- use highlights some text in the website and the ai gives examples or if it is a question then solves it. Something like this.
I'm not aware of it, but it sounds like a fantastic concept for a new plugin.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
- its amazing! 🚀I wanna truly thank you for making this for us all. 🙏🙏🙏😊👍🏻
Glad it helped you ! May I request you to subscribe my channel and support ? 🙏
first
i feel bad for u indian man you have helped me so much with i will be the first commmentor on your video about cursors
Glad I could help.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thanks worked for me ❤
Great to know it helped you!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
How can I use this for my website assistant?
There are multiple ways you can use this plugin for your website, it depends on your requirements !
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
It's important to note that using floats for layout purposes has become less common with the advent of more modern layout techniques like Flexbox and Grid. However, the `float` property is still relevant in certain scenarios, such as when dealing with older code or specific design requirements. Additionally, clearing floats (using the `clear` property) is often necessary to prevent unintended layout issues.
What if there is a thousand numbers.
Did you test with thousand numbers ? 🙂
Thank you. I think one of the main reasons for border collapse is to collapse one of the two borders standing next to each other. Like two adjacent tds, both horizontally and vertically.
True.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thank you. Wow, you are saying that with column -width and column-gap you can make block elements to stay inline ?? If this is so, I did not know that. Thank you.
Glad you liked it.
Thank you and greetings from Bulgaria. Short tutorials but with the examples they are exactly to the point. I would like to ask you - shadow and opacity can also be set in CSS using more generic way. So what would be the difference then ?? Thank you.
Certainly! CSS provides a more generic approach to setting shadow and opacity. Both options are available, and it's your choice which one you prefer.
thank you so much!!! searching at 5 in the morning lol. Will be trying this in my program.
You got this!
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇
Thank you India brother 👍
My pleasure.
Don't miss out on any of my new videos! Make sure to subscribe to my channel and hit the notification bell to stay updated. See you in the next video! 😇