@DailyHTML

263 Followers
1 Following
714 Posts

Your friendly bot that shares a random HTML + SVG element each day — with a quick explanation and link to the spec ❤️

Contents from https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements

Fed by @MoritzGlantz

Nerd Shirt Shop Internationalhttps://nerdiverse.myspreadshop.de/
Nerd Shirt Shop UShttps://cottonbureau.com/people/mgx
Other projectshttps://moritzglantz.de/blog/projects
How many HTML elements do you know?https://moritzglantz.de/html-quiz/

📐 SVG: ‹rect›

Draws a rectangle, optionally with rounded corners.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/rect

#HTML #WebDev #DailyHTML

<rect> - SVG | MDN

The <rect> SVG element is a basic SVG shape that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.

MDN Web Docs

📐 SVG: ‹style›

Embeds style sheet rules inside an SVG document.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/style

#HTML #WebDev #DailyHTML

<style> - SVG | MDN

The <style> SVG element allows style sheets to be embedded directly within SVG content.

MDN Web Docs

📐 SVG: ‹svg›

Container defining a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg

#HTML #WebDev #DailyHTML

<svg> - SVG | MDN

The <svg> SVG element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.

MDN Web Docs

⚠️ DEPRECATED: ‹xmp›

Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/xmp

#HTML #WebDev #DailyHTML

<xmp> HTML plain text rendering element - HTML | MDN

The <xmp> HTML element renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.

MDN Web Docs

📐 SVG: ‹animateTransform›

Animates a transform attribute such as rotate, scale, translate, or skew.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/animateTransform

#HTML #WebDev #DailyHTML

<animateTransform> - SVG | MDN

The <animateTransform> SVG element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.

MDN Web Docs

⚠️ DEPRECATED: ‹strike›

Places a strikethrough (horizontal line) over text.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/strike

#HTML #WebDev #DailyHTML

<strike> HTML strikethrough element - HTML | MDN

The <strike> HTML element places a strikethrough (horizontal line) over text.

MDN Web Docs

📐 SVG: ‹use›

Reuses and instantiates an existing SVG element by reference.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/use

#HTML #WebDev #DailyHTML

<use> - SVG | MDN

The <use> element takes nodes from within an SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, then pasted where the <use> element is, much like cloned <template> elements.

MDN Web Docs

⚠️ DEPRECATED: ‹marquee›

Used to insert a scrolling area of text.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/marquee

#HTML #WebDev #DailyHTML

<marquee> HTML marquee element - HTML | MDN

The <marquee> HTML element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

MDN Web Docs

📐 SVG: ‹animateMotion›

Moves an element along a motion path as part of an animation.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/animateMotion

#HTML #WebDev #DailyHTML

<animateMotion> - SVG | MDN

The <animateMotion> SVG element provides a way to define how an element moves along a motion path.

MDN Web Docs

📐 SVG: ‹feFuncB›

Defines how the blue channel is remapped inside feComponentTransfer.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFuncB

#HTML #WebDev #DailyHTML

<feFuncB> - SVG | MDN

The <feFuncB> SVG filter primitive defines the transfer function for the blue component of the input graphic of its parent <feComponentTransfer> element.

MDN Web Docs