# CSS,HTML5

Published articles for CSS,HTML5.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## HTML popover Attribute

DevFeed: [HTML popover Attribute](<https://devfeed.tech/articles/html-popover-attribute-37485.md>)

Original publisher: [Read original article](<https://davidwalsh.name/html-popover-attribute>)

Author: David Walsh

Published: 2024-04-15T11:19:02Z

Content type: tutorial

Language: en

Sources: [David Walsh](<https://devfeed.tech/sources/david-walsh.md>)

Topics: [HTML](<https://devfeed.tech/topics/html.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>), [User experience (UX)](<https://devfeed.tech/topics/ux.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [css-html5](<https://devfeed.tech/tags/css-html5.md>), [html](<https://devfeed.tech/tags/html.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [ux](<https://devfeed.tech/tags/ux.md>)

### AI overview

This tutorial explains how to create a native HTML modal with the popover attribute, using a trigger attribute and an element to identify the popover content. It also shows how CSS can style the modal's background layer.

### Source excerpt

Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don't know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute -- let's check [...] The post HTML popover Attribute appeared first on David Walsh Blog.

## How to Override width and height HTML attributes with CSS

DevFeed: [How to Override width and height HTML attributes with CSS](<https://devfeed.tech/articles/how-to-override-width-and-height-html-attributes-with-css-37475.md>)

Original publisher: [Read original article](<https://davidwalsh.name/css-override-width-height>)

Author: David Walsh

Published: 2024-02-05T11:28:01Z

Content type: tutorial

Language: en

Sources: [David Walsh](<https://devfeed.tech/sources/david-walsh.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Responsive Design](<https://devfeed.tech/topics/responsive-design.md>), [html elements](<https://devfeed.tech/topics/html-elements.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [css-html5](<https://devfeed.tech/tags/css-html5.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [html5](<https://devfeed.tech/tags/html5.md>), [image](<https://devfeed.tech/tags/image.md>), [responsive-design](<https://devfeed.tech/tags/responsive-design.md>)

### AI overview

This tutorial explains how CSS can override HTML width and height attributes for images. It discusses preserving image dimensions for layout performance while using responsive styling to avoid distorted images.

### Source excerpt

One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics' Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website's score. But in a world where responsive design is king, we need [...] The post How to Override width and height HTML attributes with CSS appeared first on David Walsh Blog.

## AutoGrow Textareas with CSS

DevFeed: [AutoGrow Textareas with CSS](<https://devfeed.tech/articles/autogrow-textareas-with-css-37473.md>)

Original publisher: [Read original article](<https://davidwalsh.name/autogrow-textareas>)

Author: David Walsh

Published: 2023-12-18T11:55:51Z

Content type: tutorial

Language: en

Sources: [David Walsh](<https://devfeed.tech/sources/david-walsh.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [css-html5](<https://devfeed.tech/tags/css-html5.md>), [html5](<https://devfeed.tech/tags/html5.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

A tutorial about using CSS to make textarea elements expand automatically, including how to allow vertical and horizontal growth and constrain the size with standard properties.

### Source excerpt

As the demands of the web change and developers experiment with different user experiences, the need for more native language improvements expands. Our presentation layer, CSS, has done incredibly well in improving capabilities, even if sometimes too slow. The need for native support for automatically expanding textarea elements has been long known...and it's finally here! [...] The post AutoGrow Textareas with CSS appeared first on David Walsh Blog.