Second post — emkis.dev

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

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?

Here you can see an bold link, it can look nice. Now, this is a normal link to a regular website.

Measure the contrast ratio

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

That’s what happens when you do something like this, you discover a lot of amazing thing you haven’t imagined yet. This is the magic of software development, embrace it.

Stay away from pure black

Now I want to ask you a question and I want you to think hard about it before moving forward. I'm going to make a change to this and I want you to tell me which will have the better performance characteristics.

The only thing I'm going to change is wrap the dispense function inside React.useCallback:

A long and bold phrase with some code.

const dispense = React.useCallback((candy) => {
  setCandies((allCandies) => allCandies.filter((c) => c !== candy))
}, [])

Re-evaluate your color palette

This is a sub section of the title above

cool-styles.css

.root {
  content: 'i like vanilla css';
  box-sizing: border-box;
}
 
article {
  display: grid;
  grid-template-columns: 1fr 300px 2fr;
}

Another great, but tiny section

Ordered

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa

This is amazing, you can use the SideNavigation component with the permissions prop.

PublicLink
PublicLinkExternal
ProtectedLink
ProtectedLinkExternal