Everything About code

🔰 Font performance optimization!!

Optimizing font performance ensures a faster, more responsive website, which improves both UX and SEO. Start by limiting fonts, using modern formats, and optimizing loading strategies.

😇We are pleased to have you join my second channel🔥 link Join 👇 https://t.me/dx_3d

✅Create animated notification box using /html,/css and /javascript 🚀🧑🏻‍💻

✅ Circle Image In CSS🤩🔥 ______

🧿 Server Actions in React!!

Improve app performance by handling logic server-side.

Recently I got a quite a lot of questions on how to get started with React. The answer is to learn the fundamentals of JavaScript first (this applies to angular and vue as well). Here are some topics that might be useful to you

🔰 Adding custom cursors in CSS! 🔥 The cursor property in CSS supports providing simple values, like 'pointer', for predefined cursors. Or you can even plug in your own cursors! This would look great in games, or special applications like spreadsheets, video editors etc.

🔰 🔰 Sequence of triggers in HTML and JavaScript!!

This behavior is known as event bubbling in JavaScript. When an event is triggered on an element, the event starts from the target element and then "bubbles up" to its parent elements, triggering their event handlers as well.

🔰 Drop Cap In CSS

Drop cap is a typography technique where the first letter of a new chapter is dropped to occupy multiple lines. You may be familiar with this through books!

🔥 In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to This property works only inside the ::first-letter pseudo element (and some other exceptions) This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line) ⚠️ This is not widely supported and required a vendor prefix to work in all browsers

😇We are pleased to have you join my second channel🔥 link Join 👇 https://t.me/dx_3d

🔰 display: contents in CSS

These are ways to hide elements in different ways, affecting visibility, layout, or accessibility.

😇We are pleased to have you join my second channel🔥 link Join 👇 https://t.me/dx_3d

💻 Using box shadow in a way you might not have expected

Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this 🤭

▪️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer ▪️ Then we create a similar layer but a pixel more of spread, to create a pseudo border ▪️ Finally another actual box shadow layer