Nvidia CEO Jensen Huang believes it's time to stop learning to code and immediately shift direction to the fields of agriculture, biology, manufacturing, and education. According to Mr. Huang, this is not without reason. He believes that artificial intelligence (AI) will drastically change the world of coding.
Embracing New Directions
Alright, if you still want to code, let's start learning the basics of HTML coding directly with the TailwindCSS framework.
TailwindCSS and Custom Text Formatting
Tailwind includes the Prose plugin for formatting text, but here we will not use Prose. Instead, we will create our own simple text formatting.
By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you really are just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.
We get lots of complaints about it actually, with people regularly asking us things like:
"Why is Tailwind removing the default styles on my h1 elements? How do I disable this? What do you mean I lose all the other base styles too?"
We hear you, but we're not convinced that simply disabling our base styles is what you really want. You don't want to have to remove annoying margins every time you use a p element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either — you want them to look awesome, not awful.
What to expect from here on out
What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.
It's important to cover all of these use cases for a few reasons:
- We want everything to look good out of the box.
- Really just the first reason, that's the whole point of the plugin.
- Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
Typography should be easy
So that's a header for you — with any luck if we've done our job correctly that will look pretty reasonable.
Typography is pretty important if you don't want your stuff to look like trash. Make it good then it won't be bad.