Posts

I recently realized there is no upper limit on the number of backticks you can put in front of your markdown code blocks. This uses 4 backticks. This uses 5 backticks. This uses 6 backticks. And so on. The use cases for this are rare but they exist. For example, I recently posted about using expressive code features in Astro. Since Hugo (what this blog is built on doesn’t support expressive code), expressive code features either break the build or don’t render correctly. But by using 4 backticks, I was able to show the code block as it would appear in Astro. ...

There are a lot of cool things you can do to code blocks using Expressive Code in Astro’s Starlight. Add File Names to Code Blocks ```js // my-title.js export default function MyTitle() { return <h1>My Title</h1> } ``` Add Titles to Code Blocks ```js title="my-title.js" export default function MyTitle() { return <h1>My Title</h1> } ``` Add Line Numbers to Code Blocks ```javascript {1} export default function MyTitle() { return <h1>My Title</h1> } ``` Combine diffing with Syntax Highlighting ```diff lang="js" function thisIsJavaScript() { // This entire block gets highlighted as JavaScript, // and we can still add diff markers to it! - console.log('Old code to be removed') + console.log('New and shiny code!') } ```

There is a new experimental setting for VS Code’s copilot that lets you enable semantic search in the search window. github.copilot.chat.search.semanticTextResults Once you enable the semantic search setting, you’ll see a new dropdown under the search results in the search panel. Expanding the dropdown will show you the semantic search results (after a few seconds of processing). Caution I’ve noticed that this works better in non-blog projects. In my Hugo blog (this website), the search results miss things that seem obvious. ...

Since VS Code is built for rapidly searching and navigating files, it seems like the ideal tool to turn into a note-taking app. The integration of copilot directly into VS code makes it even better since you could hypothetically ask the AI model of your choice questions about your content by tagging it in the chat panel (that is, if the models allows non-coding questions, which they didn’t at one point). ...

I am committed to turning my “blog” project into a personal note taking repository. In doing so, I started researching better ways to use VS Code to search for files. I found that you can search a specific folder by right clicking it in the explorer and selecting “Find in Folder”. This will auto-populate the files to include field with the folder you selected.

https://docs.astral.sh/uv/: Extremely fast Python package and project manager https://github.com/animotionjs/animotion: Presentational framework for creating slides and visualizing ideas with code https://github.com/slidevjs/slidev: Presentation Slides for Developers (with support for Shiki Magic Move) https://block.github.io/goose/: On device AI-agent

https://jamesclear.com/the-1-percent-rule: Pareto Principle, Winner-takes-all, Matthew Effect, the 1 Percent Rule https://pub.dev/packages/is_even_ai: For when you want to use AI but don’t know how. https://ts.llamaindex.ai/: TypeScript support for LlamaIndex

https://mynoise.net/: Ad-free background noise generator https://lobste.rs/: Lobsters is a computing-focused community centered around link aggregation and discussion https://netnewswire.com/: Free RSS feed reader https://github.com/KKKZOZ/hugo-admonitions: GitHub style callouts for Hugo blogs https://sfpc.study/: The School for Poetic Computation (a cool website design) https://exa.ai: AI search how it should be done https://og.new/: No-code app for creating slick OG images https://gradio.app/: Build ML models in minutes

A simple one: git reset HEAD~

All websockets begin as normal HTTP servers. On the upgrade event, the server can upgrade to a websocket, allowing bidirectional communication. This video gives a pretty good overview of the process.