fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.5K
active users

#frameworkDev

0 posts0 participants0 posts today
0x5DA<p>updated the `SRCFNDRY` styles to work with the revisioned CSS library.</p><p>added custom line numbers (with dynamic padding).</p><p>made the gutter navigateable / linkable.</p><p><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a></p>
0x5DA<p>rewrote my CSS framework, vastly simplifying and scoping it. 290 LoC -&gt; 140.<br />next job will be retrofitting `SRCFNDRY` with these changes!</p><p><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="tag">#<span>css</span></a></p>
0x5DA<p>i realise i haven&#39;t made any posts about <a href="https://fosstodon.org/tags/rtcweb" class="mention hashtag" rel="tag">#<span>rtcweb</span></a>, so the last few features</p><p>- conditional inclusion<br />- catchall routing<br />- various fixes, notably checks on event listeners if the defining script body is valid</p><p>and for SRCFNDRY:</p><p>- file system navigation<br />- styled code wrap checkbox<br />- backlinks</p><p>not working at much of a pace but i like idly tweaking with this stuff :D</p><p><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a></p>
0x5DA<p>more work on my JS library. slightly hacky, as per tradition.</p><p>new syntax for event listeners. i wanted the visually concise look of `.onload`, but to be able to have multiple listeners like `addEventListener`.<br />i came up with this:</p><p>```js<br />window.$event(&quot;load&quot;).on = () =&gt; [..];<br />$objEvent(server, &quot;load&quot;).on = () =&gt; [..];<br />```</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/js" class="mention hashtag" rel="tag">#<span>js</span></a></p>
0x5DA<p>been kinda quiet for a while. idk why.</p><p>anyway some more bugfixes and a simple templating function:</p><p>[ abridged ]<br />```html<br />&lt;tr id=&quot;table&quot;&gt;<br /> &lt;td&gt;[ name ]&lt;/td&gt;<br /> &lt;td&gt;[ description ]&lt;/td&gt;<br /> &lt;td&gt;[ creationDate ]&lt;/td&gt;<br /> &lt;td&gt;[ lastCommit ]&lt;/td&gt;<br />&lt;/tr&gt;</p><p>&lt;script&gt;<br />$template($(&quot;<a href="https://fosstodon.org/tags/table" class="mention hashtag" rel="tag">#<span>table</span></a>&quot;), {<br /> name: &quot;cool name&quot;,<br /> description: &quot;cool description&quot;,<br /> creationDate: &quot;you get the gist&quot;,<br /> lastCommit: &quot;lmao&quot;,<br />};<br />&lt;/script&gt;<br />```</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a></p>
0x5DA<p>working on a CSS framework<br />(much inspired by <span class="h-card" translate="no"><a href="https://lowkey.zone/@benjaminhollon" class="u-url mention">@<span>benjaminhollon</span></a></span>&#39;s `readable-css`!)</p><p>updates to follow.<br />progress:</p><p><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a></p>
0x5DA<p>rewrote my router in JS with `expressjs`. much simplifed, much cleaner.<br />just got errors to work in now!</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a></p>
0x5DA<p>writing an HHTP server, but i think i massively underestimated the complexity of something like this.<br />i wanted to actually parse requests, which was a mistake, because parsing the request line alone took 200 LoC. at least headers were easy..</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/rtc" class="mention hashtag" rel="tag">#<span>rtc</span></a></p>
0x5DA<p>you can now use arbitrary NPM packages server-side.<br />this was one of the last major caveats to my SSR system!<br />`index.html` (abridged)<br />```js<br />server.onload = () =&gt; {<br /> console.log(`1 is ${server.imports.isOdd(1) ? &#39;&#39; : &#39;not &#39;}odd.`);<br />};<br />```<br />`imports.mjs`<br />```js<br />import isOdd from &quot;is-odd&quot;;<br />export { isOdd };<br />```<br />(`is-odd` is added as a dependency in the local `package.json`)</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a></p>
0x5DA<p>mostly finished that HTML preprocessor now.<br />it supports layouts and *very* primitive components, and is done with regex [abuse]</p><p>`pages/index.html`<br />```<br />&lt;!-- @layout &quot;default.html&quot; --&gt;<br />&lt;h1&gt;main page title&lt;/h1&gt;<br />```<br />`layouts/default.html`<br />```<br />&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;[..]&lt;/head&gt; <br />&lt;body&gt;<br /> &lt;!-- @component &quot;header.html&quot; --&gt;<br /> &lt;!-- @slot --&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br />```<br />`components/header.html`<br />```<br />&lt;style&gt;[..]&lt;/style&gt;<br />&lt;header&gt;<br /> &lt;p&gt;testing HPP&lt;/p&gt;<br /> &lt;p&gt;another lolz&lt;/p&gt;<br />&lt;/header&gt;<br />```</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a></p>
0x5DA<p>implemented SSR. it was so much simpler than i thought (i&#39;ve been overcomplicating this in my head for ages XD)</p><p>anyways. i think i want to restructure this project, and then i&#39;ll finish the HTML preprocessor. this is cool af, though!</p><p>demo:<br />the TODOs are being read from a file &amp; rendered on the server (first image). the refresh button uses data &quot;fetched&quot; by the browser (second image).</p><p>source:<br />&lt;<a href="https://github.com/Hex5DA/rtc/blob/master/examples/ssr/index.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/Hex5DA/rtc/blob/mas</span><span class="invisible">ter/examples/ssr/index.html</span></a>&gt;</p><p><a href="https://fosstodon.org/tags/frameworkDev" class="mention hashtag" rel="tag">#<span>frameworkDev</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a></p>