Redirect to Any URLs from your Website Sir Chogyal 2024-03-03 | In this video, we'll learn different techniques of redirecting URL for your viewers, from one webpage to another webpage. You can redirect URLs with a meta tag and JavaScript. JavaScript can further customize the types of redirection you want.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How to Create & Add Favicon to Your Website Sir Chogyal 2024-02-22 | Here, "fav" is the abbreviation for "favorite". A favicon, otherwise known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons that are associated with a particular website or web page.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Reduce the Height of br tag in HTML Sir Chogyal 2024-01-21 | In this video, I disclose my little tips and tricks to reduce the height of a line break in HTML. It's so easy. Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Address Tag in HTML Sir Chogyal 2023-12-24 | An address is a tag used in HTML to define or provide the contact information of an author or owner of a website/document or specific section of a document. The contact information can include an email address, physical address, phone number, link, social media handle, etc. However, it's important to note that the address tag is not limited to just contact information. It can be used to encapsulate any information about the author or the owner of the document or section. The text in the address element will render in italic, and browsers will always include a line break, equivalent to one br tag before and after the address element.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Doctype Declaration or Document Type Declaration (DTD) Sir Chogyal 2023-12-20 | A Doctype Declaration or Document Type Declaration (DTD): This declaration is always made before the html tag. We know that HTML documents are written inside the html tag. So to specify the version of HTML, the DTD is used in an HTML document.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
A Deep Dive into Font Weight Variations - Different Font Weight Values in CSS Sir Chogyal 2023-12-02 | Learn about some of the values of the font-weight property used in CSS. If you learn about the CSS in this way, from the ground level, it will make your CSS coding much easier and more fun.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Calculate Rotations in Matrix() and Matrix3d() CSS Functions Sir Chogyal 2023-11-11 | We can rotate the element using the rotateX(), rotateY(), and rotateZ() css functions. Alternatively, the same effect can be achieved using the matrix() and matrix3d() functions. All we have to do is apply some formulas.RotateX:transform: matrix(1, 0, 0, cosθ, 0, 0); RotateY:transform: matrix(cosθ, 0, 0, 1, 0, 0);RotateZ:transform: matrix(cosθ, sinθ, -sinθ, cosθ, 0, 0);RotateX:transform: matrix3d(1, 0, 0, 0, 0, cosθ, sinθ, 0, 0, -sinθ, cosθ, 0, 0, 0, 0, 1);RotateY:transform: matrix3d(cosθ, 0, -sinθ, 0, 0, 1, 0, 0, sinθ, 0, cosθ, 0, 0, 0, 0, 1);RotateZ:transform: matrix3d(cosθ, sinθ, 0, 0, -sinθ, cosθ, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
CSS matrix() Function of the transform property Sir Chogyal 2023-06-16 | a. The first parameter of the matrix() function is scaleX(), which resizes an element along the x-axis. However, be careful not to set this value to 0, or the element will disappear entirely.b. The second parameter stands for skewY(). It skews an element along the Y-axis.c. The third parameter stands for skewX(). It skews an element along the X-axis.d. The fourth parameter is scaleY(), which resizes an element along the Y-axis. Just like the scaleX(), setting this value to 0 will make the element disappear.tx. The fifth parameter stands for translateX() and it is used to shift the position of an element along the X-axis. The positive value will move the element rightward and the negative value will move the element leftward.ty. The last parameter of the matrix() function represents the translateY() and it is used to shift the position of an element along the Y-axis. The positive value will move the element downward and the negative value will move the element upward.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)Begin your JavaScript journey with this comprehensive: amzn.to/43ZEoZf (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Facebook: facebook.com/code8home❀ Merch on T-Spring: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Hide an image URL from Inspecting Sir Chogyal 2023-03-29 | In this video, we will walk you through the process of hiding image URLs on your website using CSS and JavaScript. As a website owner, you might not want to reveal the image URL of your website for various reasons. Maybe you don't want other websites to hotlink your images or want to protect your images from being downloaded by others. Whatever your reason, hiding the image URL can be a useful technique. Welcome to our lesson.Responsive Web Design with HTML5 & CSS: amzn.to/3zBeSfp (Affiliate link)Begin your JavaScript journey with this comprehensive: amzn.to/43ZEoZf (Affiliate link)▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Easily Create Automatic Digital Date, Month & Year Using JavaScript & CSS Sir Chogyal 2023-02-27 | In this video, you'll learn how to easily create date, month & year which be expressed in digits by using simple JavaScript and CSS.▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Vertical Scrollbar In HTML - Part 2/2 Sir Chogyal 2022-12-12 | In part one of this video, I briefly explained how to create a vertical scroll bar. So to give you further clarity, I felt it's very important to make part two. If you look at every website, you will find the vertical scrollbar on the right side of the webpage. The vertical scrollbar is showing by default yet we can design it into a better scrollbar on our website.▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
What 16 Parameters do in Matrix3d() CSS Function Sir Chogyal 2022-11-06 | The matrix3d() CSS function of the transform property defines a 3D transformation as a 4 x 4 homogeneous matrix. It contains 16 parameters like scaleX, scaleY, scaleZ, shearZX, perspectiveX, translateX, and so on. The details are discussed in this video.The matrix3d() function can be used to perform complex transformations such as 3D rotations, translations, skewing, scaling, etc. Matrix3D CSS: ramlmn.github.io/visualizing-matrix3d▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Standard Login Form - Part 6/6 Sir Chogyal 2022-10-11 | This is part six of teaching how to design a Standard Login Form by using CSS and a little bit of JavaScript in HTML.▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Standard Login Form - Part 5/6 Sir Chogyal 2022-10-10 | This is part five of teaching how to design a Standard Login Form by using CSS and a little bit of JavaScript in HTML.▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Standard Login Form - Part 4/6 Sir Chogyal 2022-10-09 | This is part four of teaching how to design a Standard Login Form by using CSS and a little bit of JavaScript in HTML.Get icons:icons.getbootstrap.comfontawesome.com/icons▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Standard Login Form - Part 3/6 Sir Chogyal 2022-10-08 | This is part three of teaching how to design a Standard Login Form by using CSS and a little bit of JavaScript in HTML.Get icons:icons.getbootstrap.comfontawesome.com/icons▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Create A Standard Login Form - Part 2/6 Sir Chogyal 2022-10-07 | This is part two of teaching how to design a Standard Login Form by using CSS and a little bit of JavaScript in HTML.Part one: youtube.com/watch?v=_oERUbMkVYg▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Support me on Patreon: patreon.com/sirchogyal▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Perspective() CSS Function of the Transform Property Sir Chogyal 2022-09-24 | The perspective() CSS function of the transform property sets the distance between the user and the z=0 plane. It helps us to give a 3D effect as it can make how closer or further the viewer can see the 2D or 3D elements. The perspective() value cannot be negative because the perspective(0) is the highest value where z=0 plane. If we increase the perspective() value, the distance between the user and the z=0 plane will also increase.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Support me on Patreon: patreon.com/sirchogyal❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
TranslateX(), translateY(), translate(x, y) & translate3d() CSS functions of the transform property Sir Chogyal 2022-08-19 | The translate() CSS function is used to reposition an element to the top, bottom, right, left, front and back directions. The value can be in px, in, cm, em, %, etc., okay. However, the translateZ() doesn't support the value in percentage (%).The translateX() CSS function moves an element horizontally to the left or right direction. The negative value will shift the element toward the left direction and the positive value will shift the element toward the right direction. TranslateX() examples which are all same: translateX(30px) = translate(30px) = translate(30px, 0) = translate3d(30px, 0, 0)TranslateY(): The translateY() CSS function moves an element vertically to the bottom or top direction. The negative value will shift the element toward the top direction and the positive value will shift the element toward the bottom direction. TranslateY() examples which are all same: translateY(80px) = translate(0, 80px) = translate3d(0, 80px, 0)Translate(x, y): We can write the translate X & Y at a time. Translate(x, y) examples which are all same: translate(1cm, -80%) = translateX(1cm) translateY(-80%) = translate(1cm) translateY(-80%) = translate3d(1cm, -80%, 0)TranslateZ(): The translateZ() CSS function moves an element to the front or back direction in a 3D view. The negative value will shift the element toward the back direction and the positive value will shift the element toward the front direction. TranslateZ() examples which are all same: translateZ(1.2in) = translate3d(0, 0, 1.2in)Translate3d(x, y, z):The translate3d() CSS function moves an element along the X, Y & Z axes in a 3D space. It is just like a shorthand method of writing all the translate X, Y & Z together. To make the object move closer or further, we can link the perspective() function with the translate Z. Make sure the perspective() function is written before the translate() function. The negative Z value will push the object further. The positive Z value will make the object come closer. As we learned at the beginning, the x value will move the element to the right or left direction and the y value will move the element to the bottom or top direction. Translate3d(x, y, z) examples which are all same: translate3d(50px, -5ch, 50em) = translateX(50px) translateY(-5ch) translateZ(50em) = translate(50px) translateY(-5ch) translateZ(50em) = translate(50px, -5ch) translateZ(50em) Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Rotate3d() function of the Transform Property Sir Chogyal 2022-08-01 | The rotate3d() CSS function defines a transformation that rotates an element in multiple directions at a time. It makes a 3D rotation on the X, Y, and Z axes. The rotate3d() function consists of 4 values, x,y,z, and a. The first three values can be in numbers and they are the x, y, and z coordinates of the vector denoting the axis of rotation. The fourth value, a, represents the angle of rotation. It can be in deg or turn or grad or rad. The X value will rotate the element on the X-axis. Here the positive value rotates the element from the bottom to the top direction and the negative value rotates the element from the top to the bottom direction.The Y value will rotate the element on the Y-axis. Here the positive value rotates the element from the left to the right direction and the negative value rotates the element from the right to the left direction.The Z value will rotate the element on the Z-axis. Here the positive value rotates the element circularly in a clockwise wise direction and the negative value rotates the element circularly in a counterclockwise direction.1. transform: rotate3d(1, 1, 1, 30deg); Here the element will be rotated by 30 degrees on all the X, Y, and Z axes.2. If the value of the X is higher than the Y & Z values, the rotations on the Y & Z axes will decrease while the rotation on the X-axis will increase to a certain point. Example: transform: rotate3d(8, 1, 1, 30deg);3. If the value of the Y is higher than the X & Z values, the rotations on the X & Z axes will decrease while the rotation on the Y-axis will increase to a certain point. Example: transform: rotate3d(1, 8, 1, 30deg);4. If the value of the Z is higher than X & Y, the rotations on the X & Y axes will decrease while the rotation on the Y-axis will increase at a certain point. Example: transform: rotate3d(1, 1, 8, 30deg);5. transform: rotate3d(8, 4, 1, 30deg); In this case, to rotate more at the same position, we can increase the angle value. If we want to rotate from 30deg to 90deg, we can write as shown here transform: rotate3d(8, 4, 1, 90deg);Let's look at the examples of positive or negative values of the XYZA as follows:1. transform: rotate3d(1, 1, 1, -30deg);Here all the values of the XYZ will be negative which is equivalent to transform: rotate3d(-1, -1, -1, 30deg);. 2. transform: rotate3d(-1, -1, -1, -30deg);Here all the values of the XYZA will be positive which is as same as transform: rotate3d(1, 1, 1, 30deg);. 3. transform: rotate3d(-1, 1, 1, -30deg);Here the value of the X will be +1 while the values of Y & Z will be negative4. transform: rotate3d(1, -1, 1, 30deg);Here it is same as transform: rotateY(-30deg). 5. transform: rotate3d(0, 0, 0, 30deg);No rotations will occur if the values of all x, y, and z are zeros. Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Scale3D(x, y, z) CSS Function of the Transform Property Sir Chogyal 2022-07-15 | In this lesson, I will be explaining the scale3d(x, y, z) CSS function of the transform property. The scale3d(x, y, z) CSS function defines a transformation that resizes an element in 3-dimensional space which scales the elements in the x, y, and z plane. Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
CSS scale(), scaleX() & scaleY() functions of the transform property Sir Chogyal 2022-06-26 | The CSS scale() function of the transform property is used to scale 2D elements. We can scale the elements with one or two values. It can be in either negative or positive values. The scale value 1 is the normal size of an element. If you want to scale down the size of an element, just decrease here the value below 1. To scale up the size of an element, just increase the value above 1.The single value can scale the element uniformly in all its directions. If there are two scale values, the first value scales the elements horizontally and the second value scales the elements vertically.We can also use here transform: scaleX(); or transform: scaleY(); The scaleX() scales the element horizontally and the scaleY() scales the element vertically.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
rotateY(), rotateX() & rotateZ() functions of the CSS Transform Property Sir Chogyal 2022-05-28 | The CSS rotateY() function of the transform property is used to rotate elements vertically around the Y-axis. The CSS rotateX() function of the transform property is used to rotate elements horizontally around the x-axis. The CSS rotate() or rotateZ() function of the transform property is used to rotate elements in a clockwise or anti-clockwise direction. The negative values rotate the element in an anti-clockwise direction and the positive values rotate the element in a clockwise direction. The value can also be in turns, gradians, and radians.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Center Elements Vertically & Horizontally using CSS Sir Chogyal 2022-05-08 | In this video, you will learn how to center elements vertically and horizontally by using simple proven CSS.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Use the text-underline-offset CSS Property Sir Chogyal 2022-04-24 | The text-underline-offset property sets the offset distance of an underline for the text-decoration-line property or text-decoration property.The text-underline-offset property can help to adjust the distance of an underline, fix broken underline, and use underline as line-through and overline.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Join me on Telegram: https://telegram.im/@code8home❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
How To Remove Your YouTube Channel From vidIQ Account Sir Chogyal 2022-04-23 | I was trying to delete my vidIQ account but I couldn't do so. However, I found an option to remove our YouTube Channels from the vidIQ account. So watch this video to learn more.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
How to create an Automatic Backup from One Folder to Another Folder - Part 3/3 Sir Chogyal 2022-04-20 | This time instead of xcopy, we are using robocopy. Robocopy is the upgraded form of xcopy. Save the batch file with any name but don't keep the name as robocopy because it crashes the robocopy system.robocopy "SOURCE FOLDER's PATH" "DESTINATION FOLDER'S PATH" /E /MIR /COPYALL /ZB /R:5 /W:5 /MOT:1/E This can copy all the files including subdirectories and empty directories./MIR can copy all the files including subdirectories and empty directories, delete destination files and directories that no longer exist in the source, and using the /MIR + /E option can overwrite the destination directory security settings./COPYALL copies file information such as data, attributes, time stamps, NTFS access control list, Owner information, and Auditing information./ZB copies files in restartable mode. If file access is denied, it switches to backup mode./R:5 retries five times if run into any issues./W:8 waits 8 seconds between each of those (/R:5) five retries./COPYALL and /ZB are required to run as administrator. Delete /MIR and add /MOV. We cannot use /MIR with /MOV and /MOVE./MOV can move the files but will leave the source folder and subfolders empty after they are moved. This can be pretty handy if you have assigned subfolders./MOVE moves the files and subdirectories completely to the destination folder and the source folder gets deleted. Using /MOT:1 together with /MOVE can help us to retain only the source after the files are moved to the destination. This can be useful if someone doesn't want to retain files and empty subfolders in the source.The actual function of /MOT:1 is to monitor the source and run again in 1 minute if changes are detected.Set WshShell = CreateObject("WScript.Shell")WshShell.Run chr(34) & "Path of batch file.bat" & Chr(34), 0Set WshShell = NothingJoin this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
The visibility: hidden; vs display: none; in CSS Sir Chogyal 2022-04-10 | The display: none; removes the element where it leaves nothing on the page. It allows the other elements to fill in. The visibility: hidden; hides the element but it still covers the place with the empty space.For instance, if you want to reserve the empty space for future use, you may use the visibility: hidden; and if you want to remove an element from a certain page, you may use the display: none;Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Disable text-decoration-skip-ink to show full underline Sir Chogyal 2022-04-09 | The underline created by the text-decoration CSS property is skipped or broken for the letters or punctuation marks that are hanging below the text lines. So this video will quickly show how you can fix the broken underline.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
The text-decoration Shorthand Property & text-decoration-line Property Sir Chogyal 2022-04-08 | The text-decoration shorthand property can set a color, lines, or style of its own and also can rely on the text-decoration-style property and text-decoration-color property. However, the text-decoration-line property cannot set the color or style of its own. It relies on the text-decoration-style property and text-decoration-color property to generate the color and style respectively.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
Setting different values for the text-decoration in CSS Sir Chogyal 2022-04-07 | In our last video, we learned about how we can specify a color for the text-decoration property in CSS. If you have missed that video, the link is given here: youtube.com/watch?v=cVGhoea2D88 In this video, you will learn about the different values for the text-decoration.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How to change the text-decoration Color Sir Chogyal 2022-04-06 | In this lesson, we are gonna look at the text-decoration-color property in CSS. The text-decoration-color helps us specify the color for the text-decoration property in CSS. PS: one thing that I forgot to mention in this video. You can also set the text-decoration color directly in the text-decoration values. For example: text-decoration: green line-through;Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
The skewX() and skewY() in the CSS Transform Property Sir Chogyal 2022-04-06 | The skew in the CSS transform property helps us to skew the 2D objects.Give it a try. Get code from v815.blogspot.com/2022/04/transform-skew-in-css.htmlJoin this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Loop/Repeat YouTube Videos on Mobile Sir Chogyal 2022-04-04 | In this video, you will learn how to repeat or loop a YouTube video on your cellphone. Just play a video that you wanna loop. Then tap on the gear icon.You will find that the "Loop video" is off by default. So tap on the loop button to turn on the loop.
What is a label tag mean in HTML Sir Chogyal 2022-04-03 | The label tag defines a label for an input element and also for meter, output, progress, select, button, or textarea element. The text inside the label tag helps to toggle the control as the users click on the text.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Launch a Specific Application without a UAC User Account Control Prompt Sir Chogyal 2022-04-01 | C:\Windows\System32\schtasks.exe /run /tnThe UAC prompt can be very useful to monitor or stop any malware trying to install on our PC. However, we have also got some of the trusted apps that are being controlled by the UAC. In this tutorial, we are gonna learn how to bypass the User Account Control prompt while launching a specific application. As I launch a specific application, every time the User Account Control prompt shows up. It disturbs the smooth launching of the application.Open Task Scheduler.Go to Action and Create Task.Type your task name.Make sure to check "Run with highest privileges".Go to Actions and click on "New".Now browse for the application.Click on OK.Go to Conditions and uncheck the AC power option.Go to Task Scheduler Library.We can see the task that we have created.We can run the application. Just right-click on the task name and left-click on run. But every time we launch the application we have to go to the task scheduler library. It is a long process. So we can create a shortcut on the desktop or wherever you want to keep the shortcut. Right-click and hover your mouse on New. Then click on Shortcut. We are gonna create here a command line. Just copy and paste this C:\Windows\System32\schtasks.exe /run /tnPress space. Type quotation mark. Then type the task name exactly as written in the task scheduler. Close the quotation mark.Click Next.Type your shortcut name.Click on Finish.Our shortcut will be able to start the application but the icon won't be so perfect. So right-click on the shortcut and go to Properties. Click on the change icon.Click OK.Browse for the application.Click here on OK. OK.Now our shortcut icon is gonna look perfect.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Code Tag in HTML Sir Chogyal 2022-03-30 | The code tag is used to display a piece of computer code in HTML. It is rendered in the monospace font on the browser by default. Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How to Trim or Split YouTube Videos after upload using YouTubes Video Editor Sir Chogyal 2022-03-30 | If you have made mistakes in some parts of your YouTube video, you can split them without uploading the full video. Just remember a few steps. You can easily trim YouTube videos in YouTube video Editor.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
Whats is Fixed Positioning in CSS Sir Chogyal 2022-03-27 | What is the position: absolute; in CSS: youtube.com/watch?v=co1KzxAQzEsThe position: fixed; works similar to the position: absolute; but there are two main differences. Number 1: An element with a fixed position will always stay at the same place even if the page is scrolled.Number 2: An element with the fixed position is always positioned relative to the body even if the parent element has the position: relative;Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
What is the position: absolute; in CSS Sir Chogyal 2022-03-23 | Absolute positioning covers only the element. It can shift or stretch or contract to fulfill all the mentioned left, right, bottom, or top properties. If a parent element has got the position: relative; and its child element has the position: absolute; the child element adjusts its position within the parent element.If the element does not have the parent or the parent element is not having the position: relative; the absolute positioning of the child takes reference from the body.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
Position Static In CSS Sir Chogyal 2022-03-20 | Every element has a static position by default. The position: static; is the default position and it acts according to the normal flow of the web page. It will not be affected by the left, right, bottom, or top properties. If we declare the position: static; it just gives us information about the normal flow of the position. It will be fine even if we don't use the position: static;Support me by becoming a member:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
Position Relative Explained Sir Chogyal 2022-03-20 | The position relative helps to shift an element relative to its normal position. It allows us to adjust with top, right, bottom, or left properties. Support me by becoming a member:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To use min-height & min-width in a span tag Sir Chogyal 2022-03-17 | In this lesson, we are gonna learn how to use min-height and min-width in a span tag.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To use min-width property in CSS Sir Chogyal 2022-03-16 | The min-width property in CSS defines the minimum width of an element. We can use the min-width property to prevent the width of an element or content from breaking down the lines.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Buy books from the affiliate links below: ▶HTML and CSS QuickStart Guide: amzn.to/3Jl6hjJ ▶Web Design with HTML, CSS, JavaScript & jQuery Set at amzn.to/3uGkG6k ▶learn JavaScript Quickly: amzn.to/3uB7Q9n❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Show Underline of a Text Link only on mouse hover Sir Chogyal 2022-03-15 | In this tutorial, we are gonna turn off the underline of a link and show it only on mouse hover. The browser shows the underline on a text link by default. First, we need to turn it off by styling it. First, just add text-decoration: none; To show it on mouse hover, add a:hover. Then inside the double curly brackets, add text-decoration: underline;Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Buy books from the affiliate links below: ▶HTML and CSS QuickStart Guide: amzn.to/3Jl6hjJ ▶Web Design with HTML, CSS, JavaScript & jQuery Set at amzn.to/3uGkG6k ▶learn JavaScript Quickly: amzn.to/3uB7Q9n❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Turn Off Underline and Hover Hand icon from a Link in HTML Sir Chogyal 2022-03-15 | In this lesson, we are gonna learn how to turn off the underline and mouse hover hand icon from a link in HTML by using CSS. It is very easy. To remove the underline from a link, add here text-decoration: none; We can also remove the hover hand icon. Just add, pointer-events: none;Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Buy books from the affiliate links below: ▶HTML and CSS QuickStart Guide: amzn.to/3Jl6hjJ ▶Web Design with HTML, CSS, JavaScript & jQuery Set at amzn.to/3uGkG6k ▶learn JavaScript Quickly: amzn.to/3uB7Q9n❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How to Stop Skype from Starting Automatically in Windows 10 Sir Chogyal 2022-03-14 | Open Task Manager. Go to the startup tab. Locate Skype. Right-click on Skype and then left-click to disable the skype from starting automatically on Windows startup. If the startup tab is showing nothing, just check another video. The link is given down in the description.How to fix Empty Task Manager Startup - There are no startup items to display: youtube.com/watch?v=AOBQDWOPJAQJoin this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com▶️ Subscribe to this channel for more videos.
How to fix Empty Task Manager Startup - There are no startup items to display Sir Chogyal 2022-03-14 | Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/joinC:\ProgramData\Microsoft\Windows\Start Menu\Programs → StartupC:\Users\%username%\AppData\Roaming\Microsoft\Windows\Start Menu\Programs → StartuporRun Command Prompt as administrator md "%ProgramData%\Microsoft\Windows\Start Menu\Programs\Startup" md "%AppData%\Microsoft\Windows\Start Menu\Programs\Startup"❀ Visit my blog at http://c815.blogspot.com▶️ Subscribe to this channel for more videos.
Easily Hide or Show Workbench Status Bar in Visual Studio Code Sir Chogyal 2022-03-14 | Right-click on the status bar and click on Hide Status Bar. To turn on the status bar back, set "workbench.statusBar.visible": true, in the settings.json.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
How To Turn On or Off Auto Save in Visual Studio Code Sir Chogyal 2022-03-13 | Go to File. Then turn on Auto Save. Auto Save can automatically save and show instantly on the live browser. We can also customize the time frame of the autosave. Click here on the gear icon and go to Settings. Type json. Click on Edit in settings.json. Add "files.autoSaveDelay": 1000, 1000 milliseconds is equivalent to 1second. Now the autosave will be repeated every after 1000 milliseconds. You adjust the milliseconds to keep your desired time frame.Join this channel to get access to perks:youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join❀ Buy books from the affiliate links below: ▶HTML and CSS QuickStart Guide: amzn.to/3Jl6hjJ ▶Web Design with HTML, CSS, JavaScript & jQuery Set at amzn.to/3uGkG6k ▶learn JavaScript Quickly: amzn.to/3uB7Q9n❀ Merch: my-store-6057984.creator-spring.com❀ Visit my blog at http://v815.blogspot.com❀ Join me on Telegram: https://telegram.im/@code8home▶️ Subscribe to this channel for more videos.
