new.css

Usage

Here's how to start using new.css in under 5 minutes.

1. Create an HTML document

In your favorite text/code editor, create a new HTML document. It can be as simple as this-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello, world</h1>
</body>
</html>

2. Add the new.css stylesheet

Just before the end of your <head>, add this code.

<link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">

3. Add content

Here's the fun part. Write your semantic HTML and watch it turn into a modern and responsive site!

3.1 - Tip

Use the <header> element at the top of your <body> to create a header. Here's what it should look like-

default new.css theme showing the header element

Have any questions or run into an issue? I'm here to help. Feel free to open an issue on GitHub here, or join the community Discord here.