98se.css/README.md

## 98.css

A design system for building faithful recreations of old UIs.

![a screenshot of a window with the title "My First VB4 Program" and two buttons OK and Cancel, styled like a Windows 98 dialog](https://github.com/jdan/98.css/blob/master/docs/window.png?raw=true)

98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

### Installation / Usage

The easiest way to use 98.css is to import it from [unpkg](https://unpkg.com/).

```html
<!DOCTYPE html>
<html>
  <head>
    <title>98.css example</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://unpkg.com/98.css" />
  </head>

  <body>
    <div class="window" style="margin: 32px; width: 250px">
      <div class="title-bar">
        <div class="title-bar-text">
          My First VB4 Program
        </div>
      </div>
      <div class="window-body">
        <p>Hello, world!</p>
      </div>
    </div>
  </body>
</html>
```

Alternatively, you can grab 98.css for [the releases page](https://github.com/jdan/98.css/releases) or [npm](https://www.npmjs.com/package/98.css).

```
npm install 98.css
```

Here is an example of [98.css being used with React](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js), and [an example with vanilla JavaScript](https://codesandbox.io/s/late-sound-miqho?file=/index.html).

Refer to the [documentation page](https://jdan.github.io/98.css/) for specific instructions on this library's components.

### Developing

[`style.css`](https://github.com/jdan/98.css/blob/master/style.css) is where everything happens.

`npm run build:docs` will compile `style.css` (and all fonts/icons/etc) and rebuild the `dist/` directory which powers https://jdan.github.io/98.css. It's a static directory so serve it with your server of choice (I am partial to `python -m SimpleHTTPServer 3000`) to see your changes.

### Issues, Contributing, etc.

Refer to [the GitHub issues page](https://github.com/jdan/98.css/issues) to see bugs in my CSS or report new ones. I'd really like to see your pull requests (especially those new to open-source!) and will happily provide code review. 98.css is a fun, silly project and I'd like to make it a fun place to build your open-source muscle.

Thank you for checking my little project out, I hope it brought you some joy today. Consider [starring/following along on GitHub](https://github.com/jdan/98.css/stargazers) and maybe subscribing to more fun things on [my twitter](https://twitter.com/jdan). 👋

### License

[MIT](https://github.com/jdan/98.css/blob/master/LICENSE)
closing notes, readme, etc 2020-04-21 19:18:56 -04:00			`## 98.css`

			`A design system for building faithful recreations of old UIs.`

fix image link 2020-04-21 19:19:49 -04:00			`![a screenshot of a window with the title "My First VB4 Program" and two buttons OK and Cancel, styled like a Windows 98 dialog](https://github.com/jdan/98.css/blob/master/docs/window.png?raw=true)`
closing notes, readme, etc 2020-04-21 19:18:56 -04:00
Update README.md 2020-04-23 11:18:55 -04:00			`98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.`
closing notes, readme, etc 2020-04-21 19:18:56 -04:00
unpkg examples 2020-04-21 20:48:43 -04:00			`### Installation / Usage`

			`The easiest way to use 98.css is to import it from [unpkg](https://unpkg.com/).`

html syntax 2020-04-21 20:54:14 -04:00			```html
unpkg examples 2020-04-21 20:48:43 -04:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>98.css example</title>`
			`<meta charset="UTF-8" />`
			`<link rel="stylesheet" href="https://unpkg.com/98.css" />`
			`</head>`

			`<body>`
			`<div class="window" style="margin: 32px; width: 250px">`
			`<div class="title-bar">`
			`<div class="title-bar-text">`
			`My First VB4 Program`
			`</div>`
			`</div>`
			`<div class="window-body">`
			`<p>Hello, world!</p>`
			`</div>`
			`</div>`
			`</body>`
			`</html>`
			```

README touchups 2020-04-21 20:53:40 -04:00			`Alternatively, you can grab 98.css for [the releases page](https://github.com/jdan/98.css/releases) or [npm](https://www.npmjs.com/package/98.css).`
closing notes, readme, etc 2020-04-21 19:18:56 -04:00
			```
			`npm install 98.css`
			```

Update README.md 2020-04-22 13:05:18 -04:00			`Here is an example of [98.css being used with React](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js), and [an example with vanilla JavaScript](https://codesandbox.io/s/late-sound-miqho?file=/index.html).`

			`Refer to the [documentation page](https://jdan.github.io/98.css/) for specific instructions on this library's components.`
closing notes, readme, etc 2020-04-21 19:18:56 -04:00
development instructions 2020-04-24 19:23:42 -04:00			`### Developing`

			[`style.css`](https://github.com/jdan/98.css/blob/master/style.css) is where everything happens.

Update README.md 2020-04-25 11:55:05 -04:00			`npm run build:docs` will compile `style.css` (and all fonts/icons/etc) and rebuild the `dist/` directory which powers https://jdan.github.io/98.css. It's a static directory so serve it with your server of choice (I am partial to `python -m SimpleHTTPServer 3000`) to see your changes.
development instructions 2020-04-24 19:23:42 -04:00
closing notes, readme, etc 2020-04-21 19:18:56 -04:00			`### Issues, Contributing, etc.`

Github -> GitHub 2020-04-21 22:47:39 -04:00			`Refer to [the GitHub issues page](https://github.com/jdan/98.css/issues) to see bugs in my CSS or report new ones. I'd really like to see your pull requests (especially those new to open-source!) and will happily provide code review. 98.css is a fun, silly project and I'd like to make it a fun place to build your open-source muscle.`
closing notes, readme, etc 2020-04-21 19:18:56 -04:00
Github -> GitHub 2020-04-21 22:47:39 -04:00			`Thank you for checking my little project out, I hope it brought you some joy today. Consider [starring/following along on GitHub](https://github.com/jdan/98.css/stargazers) and maybe subscribing to more fun things on [my twitter](https://twitter.com/jdan). 👋`
move license 2020-04-21 19:22:00 -04:00
			`### License`

			`[MIT](https://github.com/jdan/98.css/blob/master/LICENSE)`