mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-08-29 19:20:39 +02:00
regenerate
This commit is contained in:
Pomax
@@ -31,7 +31,7 @@
|
||||
<meta property="og:locale" content="en-GB" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:published_time" content="2013-06-13T12:00:00+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:11:40+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:17:57+00:00" />
|
||||
<meta property="og:author" content="Mike 'Pomax' Kamermans" />
|
||||
<meta property="og:section" content="Bézier Curves" />
|
||||
<meta property="og:tag" content="Bézier Curves" />
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
<meta property="og:locale" content="ja-JP" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:published_time" content="2013-06-13T12:00:00+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:11:40+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:17:57+00:00" />
|
||||
<meta property="og:author" content="Mike 'Pomax' Kamermans" />
|
||||
<meta property="og:section" content="Bézier Curves" />
|
||||
<meta property="og:tag" content="Bézier Curves" />
|
||||
|
||||
@@ -21,12 +21,12 @@
|
||||
<meta property="og:title" content="Rewriting the tech stack" />
|
||||
<meta property="og:image" content="https://pomax.github.io/bezierinfo/images/og-image.png" />
|
||||
<meta property="og:type" content="text" />
|
||||
<meta property="og:url" content="https://pomax.github.io/bezierinfo/news/2020-08-28.html" />
|
||||
<meta property="og:url" content="https://pomax.github.io/bezierinfo/news/2020-09-20.html" />
|
||||
<meta property="og:description" content="Rewriting the tech stack" />
|
||||
<meta property="og:locale" content="en-GB" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:published_time" content="2020-08-28T12:00:00+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:11:40+00:00" />
|
||||
<meta property="og:published_time" content="2020-09-20T12:00:00+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:17:57+00:00" />
|
||||
<meta property="og:author" content="Mike 'Pomax' Kamermans" />
|
||||
<meta property="og:section" content="Bézier Curves" />
|
||||
<meta property="og:tag" content="Bézier Curves" />
|
||||
@@ -78,7 +78,7 @@
|
||||
|
||||
<header>
|
||||
<h1>Rewriting the tech stack</h1>
|
||||
<h5 class="post-date">Fri, 28 Aug 2020</h5>
|
||||
<h5 class="post-date">Sun, 20 Sep 2020</h5>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
@@ -115,6 +115,7 @@
|
||||
Real LaTeX code, that gets compiled into optimized SVG using <code>xelatex</code>, <code>pdfcrop</code>, <code>pdf2svg</code>, and
|
||||
<code>svgo</code>.
|
||||
</li>
|
||||
<li>"Lazy loaded everything", so that you get what you need, only when or even just before you need it.</li>
|
||||
<li>Localized content based on a simple filenaming scheme.</li>
|
||||
<li>Nicely formatted HTML, CSS, and JS thanks to <code>prettier</code>.</li>
|
||||
<li>Responsive CSS, so the content intelligently reflows where possible.</li>
|
||||
@@ -15,6 +15,7 @@ The new tech stack is, frankly, pretty amazing. It does some thing that weren't
|
||||
- A custom `<graphics-element>` 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.
|
||||
- Real LaTeX code, that gets compiled into optimized SVG using `xelatex`, `pdfcrop`, `pdf2svg`, and `svgo`.
|
||||
- "Lazy loaded everything", so that you get what you need, only when or even just before you need it.
|
||||
- Localized content based on a simple filenaming scheme.
|
||||
- Nicely formatted HTML, CSS, and JS thanks to `prettier`.
|
||||
- Responsive CSS, so the content intelligently reflows where possible.
|
||||
@@ -93,7 +93,7 @@
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="news/2020-08-28.html">Rewriting the tech stack</a> (Fri, 28 Aug 2020)</li>
|
||||
<li><a href="news/2020-09-20.html">Rewriting the tech stack</a> (Sun, 20 Sep 2020)</li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
<item>
|
||||
<title>Rewriting the tech stack</title>
|
||||
<link>https://pomax.github.io/bezierinfo/news/2020-08-28.html</link>
|
||||
<link>https://pomax.github.io/bezierinfo/news/2020-09-20.html</link>
|
||||
<description>
|
||||
<p>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.</p>
|
||||
<p>So, in 2016, when <a href="">React.js</a> exploded onto the scene, I rewrote the primer as a React app, and it became a lot easier to maintain. Like, <em>a lot</em> 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 <em>dire</em> performance.</p>
|
||||
@@ -30,6 +30,7 @@
|
||||
<li>A custom <code>&lt;graphics-element&gt;</code> element that turns a <code>src="blah.js"</code> into an interactive canvas graphic...</li>
|
||||
<li>...with that same source code being read in and run by Node.js <em>on a canvas</em> to generate fallback images.</li>
|
||||
<li>Real LaTeX code, that gets compiled into optimized SVG using <code>xelatex</code>, <code>pdfcrop</code>, <code>pdf2svg</code>, and <code>svgo</code>.</li>
|
||||
<li>"Lazy loaded everything", so that you get what you need, only when or even just before you need it.</li>
|
||||
<li>Localized content based on a simple filenaming scheme.</li>
|
||||
<li>Nicely formatted HTML, CSS, and JS thanks to <code>prettier</code>.</li>
|
||||
<li>Responsive CSS, so the content intelligently reflows where possible.</li>
|
||||
@@ -42,8 +43,8 @@
|
||||
<p>See you in the next post!</p>
|
||||
<p>— Pomax</p>
|
||||
</description>
|
||||
<pubDate>2020-08-28</pubDate>
|
||||
<guid>2020-08-28.html</guid>
|
||||
<pubDate>2020-09-20</pubDate>
|
||||
<guid>2020-09-20.html</guid>
|
||||
</item>
|
||||
|
||||
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
<meta property="og:locale" content="zh-CN" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:published_time" content="2013-06-13T12:00:00+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:11:40+00:00" />
|
||||
<meta property="og:updated_time" content="2020-09-18T19:17:57+00:00" />
|
||||
<meta property="og:author" content="Mike 'Pomax' Kamermans" />
|
||||
<meta property="og:section" content="Bézier Curves" />
|
||||
<meta property="og:tag" content="Bézier Curves" />
|
||||
|
||||
Reference in New Issue
Block a user