KLASTIC//
Field notes · 11 transmissions logged

Writing by Daniel Cornelison

NOTES FROMTHE WORKBENCH.

Practical guides, solved problems, technical discoveries, and the occasional detour into games and creative tools.

Latest transmission

01How to Quickly Launch Your Development Environment with a Single CommandSetting up your development environment every time you start working can be tedious. Instead of manually opening browser windows for different sites, you can automate the process with a simple Bash script. In this guide, I’ll show you how to launch your local development server and other essential sites in one command.Read article

Complete archive

KEEP DIGGING.

Every guide and observation, ordered from newest to oldest.

  1. 02How to Convert Images to PDF on Windows 11 Without Third-Party SoftwareWindows 11 includes a convenient feature that allows users to convert images into PDF documents directly, eliminating the need for additional software. This can be particularly useful for consolidating multiple images into a single document or for easier sharing and presentation. Follow these simple steps to transform your images into PDF format using the built-in **Microsoft Print to PDF** feature.Read note
  2. 03How to name your Docker containersLearn how to name your Docker containers with this straightforward guide.Read note
  3. 04How to Restart a Docker ContainerLearn how to quickly restart your Docker containers with this straightforward guide.Read note
  4. 05The Power of URL-Friendly Titles: Best Practices for SEOIn the vast expanse of the internet, standing out is paramount for any website aiming to attract clicks, drive traffic, and enhance user engagement. One often overlooked but crucial aspect of SEO and web design is the creation of URL-friendly titles. These not only play a significant role in improving search engine rankings but also in enhancing the user experience. This article delves into the significance of URL-friendly titles and outlines best practices for optimizing your website's SEO through effective URL structuring.Read note
  5. 06Extracting Original Image URLs from Next.js Optimized PathsNext.js is renowned for its automatic image optimization, significantly improving page load times by resizing, optimizing, and serving images via a built-in Image Component. However, when working with server-side rendered pages or static sites, you might encounter a scenario where you need to extract the original image URL from the optimized image paths generated by Next.js. This is especially true when working with RSS feeds, SEO meta tags, or any situation where the actual image URL is needed.Read note
  6. 07Resolving Blank Favicons When Switching Between ProjectsHave you ever noticed your browser's favicon going blank when you're juggling between multiple projects? It's a common hiccup that can throw off your workflow, leaving you with a generic, empty icon instead of your carefully chosen favicon. This issue often boils down to how browsers handle caching and can be quickly resolved with a simple trick.Read note
  7. 08The Print Screen Button Evolution: Direct Access to Snipping ToolIn a significant update that streamlines user experience, the traditional Print Screen button on keyboards has been enhanced to directly open the Snipping Tool, eliminating the previous need for the cumbersome shortcut `WIN + SHIFT + S`. This change marks a notable improvement in how users can quickly capture and share screen content.Read note
  8. 09How to Pause PalworldIn the ever-evolving landscape of video gaming, the ability to pause a game has been a fundamental feature cherished by players for decades. However, in a surprising twist, Palworld, the latest sensation in the gaming world, currently does not support the pause function in both its single-player and multiplayer modes. This absence has sparked a conversation among the game's community and raised questions about future updates or mods that might address this issue.Read note
  9. 10Optimizing for the Future: Upgrading My Site with Next.js 14, Tailwind CSS, and VercelDive into my journey of upgrading my website, a tale of technological evolution from Next.js 10 to Next.js 14, transitioning from AWS Amplify to Vercel, and integrating my existing proficiency in Tailwind CSS. This article offers a comprehensive look at the challenges, process, and remarkable performance gains of the upgrade. Accompanied by before-and-after load time visuals, it’s a story about embracing change, optimizing for speed, and leveraging the best tools for a more efficient, modern web presence.Read note
  10. 11Workaround for Next.js 14 Image Component Bug in MDX FilesNext.js 14 has brought a host of improvements and features to enhance web development. However, like any technology, it’s not without its quirks. A notable issue arises when using the Next.js Image component within MDX files.Read note

Beyond the notes

SEE THE IDEAS
IN MOTION.

The projects archive collects the products, tools, communities, and experiments that grew from the same curiosity.

Explore the work