From 30befd7482cac9248a1f52a7fbb2cad2786e56f2 Mon Sep 17 00:00:00 2001 From: halimekarayay <86843575+halimekarayay@users.noreply.github.com> Date: Thu, 18 Sep 2025 17:47:25 +0300 Subject: [PATCH] Article: Update 10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025..md --- ...L-CSS-Techniques-Every-Designer-Should-Know-in-2025..md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/en/Community-Articles/2025-09-18-10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025/10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025..md b/docs/en/Community-Articles/2025-09-18-10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025/10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025..md index eb912f94fa..c010594d44 100644 --- a/docs/en/Community-Articles/2025-09-18-10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025/10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025..md +++ b/docs/en/Community-Articles/2025-09-18-10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025/10-Modern-HTML-CSS-Techniques-Every-Designer-Should-Know-in-2025..md @@ -7,7 +7,7 @@ Let's start ... ## Modern HTML Techniques -### 1.
and tag +### 1. `
` and `` tag This structure offers a structure where users can open and turn off according to their wishes. If you need to examine in detail; @@ -86,7 +86,7 @@ This feature allows multiple `
` to move into a group by connecting to e -### 2. Tag +### 2. `` Tag `` tag is a modern label used to create native modal and popup in HTML. As of 2025, it is now supported in many browser and can be easily controlled with Javascript. @@ -185,7 +185,7 @@ As of 2025, it is now supported in many browser and can be easily controlled wit --- -### 3. inert Attribute +### 3. Inert Attribute `inert attr()` temporarily makes an element interactive. So the user cannot focus on that area with the Tab key, Screen Reader does not see, clickable links do not work. @@ -282,6 +282,7 @@ It makes a big difference, especially in multi -ly illustrated pages or heavy -b ##### *More Information*: - [https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/fetchPriority](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/fetchPriority) +--- ## Modern CSS Techniques