Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kawamataryo/deno-toy-rendering-engine
A simple HTML rendering engine made by Deno. Created based on "Let's build a browser engine!"
https://github.com/kawamataryo/deno-toy-rendering-engine
deno typescript
Last synced: 3 months ago
JSON representation
A simple HTML rendering engine made by Deno. Created based on "Let's build a browser engine!"
- Host: GitHub
- URL: https://github.com/kawamataryo/deno-toy-rendering-engine
- Owner: kawamataryo
- Created: 2022-07-27T08:29:48.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-20T14:05:18.000Z (over 2 years ago)
- Last Synced: 2024-04-15T15:20:39.792Z (10 months ago)
- Topics: deno, typescript
- Language: TypeScript
- Homepage: https://deno-toy-rendering-engine.deno.dev/
- Size: 145 KB
- Stars: 12
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deno Toy Rendering Engine
A simple HTML rendering engine made by Deno. Created based on
"[Let's build a browser engine!](https://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html)"
Demo site is here. It is created by [fresh](https://fresh.deno.dev/).
https://deno-toy-rendering-engine.deno.dev/
https://user-images.githubusercontent.com/11070996/185742834-e2d5a759-c1e1-445e-96f2-8e6aada3dc4d.mp4
## Development
[Install Deno](https://deno.land/manual/getting_started/installation)
beforehand.
Test
```bash
deno task test
```
Type check
```bash
deno task check
```
Format
```bash
deno fmt
```
Lint
```bash
deno lint
```
## Building Log
- 2022/07/27: create HTML parser.
([reference](https://limpet.net/mbrubeck/2014/08/11/toy-layout-engine-2.html))
- 2022/07/29: create CSS parser.
([reference](https://limpet.net/mbrubeck/2014/08/13/toy-layout-engine-3-css.html))
- 2022/07/29: migrate to Deno
- 2022/07/30: refactor to Deno way
- 2022/07/30: create Styled
Tree([reference](https://limpet.net/mbrubeck/2014/08/23/toy-layout-engine-4-style.html))
- 2022/08/07: create Layout
Box([reference](https://limpet.net/mbrubeck/2014/09/17/toy-layout-engine-6-block.html))
- 2022/08/12: completed 🚀🚀
- 2022/08/20: create Demo site with fresh