I really like these snippets of code I’ve been seeing on websites but I’m not sure what it’s called. I mostly work with Astro.
Thanks 
Looks like it’s called “Unstructured data extraction and standardization”
You mean a styled element for displaying formatted code?
A code block? Think it’s the tag.
Galen said:
A code block? Think it’s thetag.
That’s far far more than just a regular tag.
The code tag may natively support multi-language syntax highlighting in the future, but we’re far away from that unfortunately.
Since you use Astro, I did a quick search and saw this.
Fancy code block with border and stuff.
Arden said:
Fancy code block with border and stuff.
I think you are right. I just stumbled upon https://carbon.now.sh/
Code block with syntax highlighting
I would call this a bad Design?
If it’s for devs, provide them the possibility to read the whole JSON and not just a part of it because the design needs to look good.
Serialization? JSON?
The data itself looks to take a string and pick out any parts that it wants to generalize like people, businesses, etc. then will spit out what it omits and presumably why it did it.
This will open the right doors, some of wrong ones too. Use it carefully.
https://stackoverflow.com/questions/3913355/how-to-format-tidy-beautify-in-javascript
I just made one of these today. It was quite fun.
Blayne said:
I just made one of these today. It was quite fun.
I am sorry but how did you make it? Is there a tutorial on the internet available?
Why don’t you try to inspect it? If it’s an image, you can try Google image reverse search; otherwise, you’ll most likely find your answer as a dependency or a CSS block.
Unstructured data extraction and standardization.
Looks like a screenshot.
To everyone on this thread: read the text below the image.