<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>stafford williams</title>
    <description>bookmarklet-builder dev</description>
    <link>https://staffordwilliams.com/dev/</link>
    <pubDate>Sun, 01 Nov 2026 10:13:19 GMT</pubDate>
    <lastBuildDate>Sun, 01 Nov 2026 10:13:19 GMT</lastBuildDate>
    <generator>Astro</generator>
    <item>
      <title>bookmarklet-builder: Source sharing</title>
      <description>&lt;p&gt;&amp;lt;h2 id=&amp;quot;v1-1&amp;quot;&amp;gt;&amp;lt;time datetime=&amp;quot;2021-10-06&amp;quot;&amp;gt;Oct 6&amp;lt;/time&amp;gt; Source sharing &amp;lt;span&amp;gt;v1.1&amp;lt;/span&amp;gt;&amp;lt;/h2&amp;gt;&lt;/p&gt;&lt;p&gt;I added some further features to Bookmarklet Builder:&lt;/p&gt;&lt;p&gt;- Share source - a link that can be shared that will preload the editor with the formatted source. Use this to share non-minified source so you or other people can edit later. - Caching - refreshing the page, or returning later, will load whatever code was edited last&lt;/p&gt;&lt;p&gt;### Links&lt;/p&gt;&lt;p&gt;- &lt;a href=&quot;/bookmarklet-builder&quot;&gt;Bookmarklet Builder&lt;/a&gt; - &lt;a href=&quot;https://github.com/staff0rd/bookmarklet-builder&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Wed, 06 Oct 2021 00:00:00 GMT</pubDate>
      <link>https://staffordwilliams.com/dev/bookmarklet-builder/2021-w40/</link>
      <guid isPermaLink="true">https://staffordwilliams.com/dev/bookmarklet-builder/2021-w40/</guid>
      <category>bookmarklet-builder</category>
    </item>
    <item>
      <title>bookmarklet-builder: Easier bookmarklet creation</title>
      <description>&lt;p&gt;&amp;lt;h2 id=&amp;quot;v1-0&amp;quot;&amp;gt;&amp;lt;time datetime=&amp;quot;2021-09-19&amp;quot;&amp;gt;Sep 19&amp;lt;/time&amp;gt; Easier bookmarklet creation &amp;lt;span&amp;gt;v1.0&amp;lt;/span&amp;gt;&amp;lt;/h2&amp;gt;&lt;/p&gt;&lt;p&gt;Whilst there are a number of bookmarklet creators available on the web, none of them were close enough to the IDE experience I&apos;ve become used to with vscode. As such, I decided make a first attempt at writing my own Bookmarklet editor by embedding the &lt;a href=&quot;https://microsoft.github.io/monaco-editor/&quot;&gt;Monaco Editor&lt;/a&gt; within the page and integrating it with &lt;a href=&quot;https://prettier.io/&quot;&gt;Prettier&lt;/a&gt; and &lt;a href=&quot;https://terser.org/&quot;&gt;Terser&lt;/a&gt; for easy switching between formatted code and a minified bookmarklet.&lt;/p&gt;&lt;p&gt;I discovered [&lt;code&gt;useKeyPress&lt;/code&gt; from ahooks](https://ahooks.js.org/hooks/dom/use-key-press#compound-mode) which is an easy way to configure single or multi-key presses and their handlers in react.&lt;/p&gt;&lt;p&gt;### Links&lt;/p&gt;&lt;p&gt;- &lt;a href=&quot;/bookmarklet-builder&quot;&gt;Bookmarklet Builder&lt;/a&gt; - &lt;a href=&quot;https://github.com/staff0rd/bookmarklet-builder&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Sun, 19 Sep 2021 00:00:00 GMT</pubDate>
      <link>https://staffordwilliams.com/dev/bookmarklet-builder/2021-w37/</link>
      <guid isPermaLink="true">https://staffordwilliams.com/dev/bookmarklet-builder/2021-w37/</guid>
      <category>bookmarklet-builder</category>
    </item>
  </channel>
</rss>
