Everything About code

In CSS, the "cap" unit is defined as the size of the capital letter of the current font size. 🤩 This is very handy for defining icons that accompany some label, such as inside bottons In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height. We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨

🔰 Layouts with and without Semantic HTML

Semantic HTML enhances web accessibility, search engine optimization, and maintainability by using meaningful tags that convey the structure and purpose of content.

🔰 CSS: Equal width columns in Flexbox

🔰 DOM Manipulation

For DOM manipulation, we use JavaScript to access, modify, or create these elements, making our web pages come alive without the need to reload them.

In this post we are going to look at: Create Elements Insert an elements Modifying Contents Replacing Elements Remove Elements Updating Element Attributes DOM manipulation empowers developers to create dynamic and interactive web experiences.

Mastering methods like inserting, removing, replacing elements, updating attributes enables seamless user interactions.

🔅 Responsive Sidebar Menu in HTML CSS & JavaScript

In this video tutorial, you will learn to create a responsive Responsive Sidebar Menu using HTML CSS & JavaScript with Dark and Light Mode. I have provided all source code that I have used to create this sidebar menu, the link has been given below.

💡 JavaScript is full of hidden Web API gems you probably aren’t using. From observing elements to copying content, this carousel breaks down underrated APIs that level up your frontend.

🔰 How to generate compact numbers in JavaScript.

The Intl (internationalization) API in browsers and Node JS provide a lot of useful utilities for working with language specific displays, such as the "compact" notation such as 10K, 5M, etc

Here is an example on how you can use it 🔥 This is useful for things like dashboards and social media profile pages.

🔰 Anatomy of CSS

✔️Stay connected with all my channel👇

╰┈➤https://t.me/addlist/P9rwCp2apfM1ZWJk

╰┈➤https://t.me/addlist/P9rwCp2apfM1ZWJk

🔰 encodeURI and decodeURI in JavaScript

It is important to learn about these functions to ensure URLs are properly formatted for use in HTTP requests. Also for safely transmitting URLs that contain special characters or spaces. and Working with APIs that require encoded URLs for queries. By using encodeURI() and decodeURI(), developers can ensure that their URIs are properly formatted and safely transmitted across different systems and platforms.

🔰 Alternatives to JavaScript’s if...else statement 1️⃣ Switch Statement Finds the matching value of an expression and executes the code block associated to the matching value. 2️⃣ Ternary Operator Checks a condition and executes the first expression if the condition is true. Otherwise it runs the second expression. 3️⃣ Jump / Dispatch Table Stores value-function pairs in an object to quickly fetch and run a function based on a value (which is treated as an object key). 4️⃣ Dynamic Dispatch This pattern involves selecting which polymorphic method to call based on an object’s type.

🔅 CSS: Emmet for CSS

🔰 Working with URLs in JavaScript!!

Key JavaScript URL operations to simplify building, parsing, and dynamically managing web resources efficiently.