info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-09-09 08:00:41 +02:00
Code Issues Releases Wiki Activity

rss icon

Browse Source
This commit is contained in:
Pomax
2020-09-26 09:37:38 -07:00
parent 04268b86ec
commit 6860a62ba5
10 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/news/2020-09-18.md
View File

@@ -2,7 +2,7 @@
Once upon a time, I needed to draw some Bezier curves because I was trying to create a Japanese kanji composition system that turned strokes into outlines, and that required knowing how to offset Bezier curves and... at the time (2011, time flies) there was no good single source of information for Bezier curves on the web. So I made one. Sure it started small, but it turns out that if you just keep adding bits to something, several years later you have quite the monster, and a single HTML file becomes intractible.
So, in 2016, when [React.js]() exploded onto the scene, I rewrote the primer as a React app, and it became a lot easier to maintain. Like, _a lot_ a lot. However, there was a downside: no JS meant no content. Sure, server-side rendering sort of existed, but not really, and because the Primer is hosted through github, there was no "server" to run. Plus, trying to rehydrate an app the size of the Primer from a giant HTML file had truly _dire_ performance.
So, in 2016, when [React.js](https://reactjs.org/) exploded onto the scene, I rewrote the primer as a React app, and it became a lot easier to maintain. Like, _a lot_ a lot. However, there was a downside: no JS meant no content. Sure, server-side rendering sort of existed, but not really, and because the Primer is hosted through github, there was no "server" to run. Plus, trying to rehydrate an app the size of the Primer from a giant HTML file had truly _dire_ performance.
So I left it a regular React app, and every time I thought "wouldn't it be nice if it was just... a web page again?" the browser landscape just hadn't caught up. Finally, in 2020, things are different: with a global pandemic, and some vacation time, and something random causing me to look up the state of HTML custom elements, everything was pointing at it being time to finally, _finally_, turn the Primer back into a normal web page.
@@ -15,13 +15,13 @@ To give a bit of a teaser, some of the things I'll be writing about:
- Using modern ES module code that runs in both the browser and Node.js.
- Chapter content written as easy to read and write markdown format: <a href="./news/2020-09-18.md">view this blog post's source file</a>.
- A custom `&lt;graphics-element&gt;` element that turns a `src="blah.js"` into an interactive canvas graphic...
- ...with that same source code being read in and run by Node.js _on a canvas_ to generate fallback images.
- ...with that same source code being read in and run by Node.js _on a canvas_ to generate fallback images so that even without JS, graphics work.
<blockquote>
<graphics-element title="An example graphic" src="./example.js"></graphics-element>
</blockquote>
- Real LaTeX code, that gets compiled into optimized SVG using `xelatex`, `pdfcrop`, `pdf2svg`, and `svgo`:
- Real LaTeX code, that gets saved as `.tex` file, so it can be compiled into optimized SVG using `xelatex`, `pdfcrop`, `pdf2svg`, and `svgo`:
<blockquote>
\[
@@ -65,4 +65,4 @@ Enjoy [The new Primer on Bézier Curves](https://pomax.github.io/bezierinfo), an
See you in the next post!
— Pomax
— [Pomax](https://twitter.com/TheRealPomax)