SuperGeekery: A blog probably of interest only to nerds by John F Morton.
Welcome to my link library. These are not links to content I have created unless you see that mentioned in the link’s description. These are links I found interesting enough to want to keep track of. If you read Craft Link List, the Craft CMS newsletter I used to write, this page is a replacement of sorts for that exercise. Enough talk. Let’s hit the links.
Tutorial on how to implement user registration, login and CRUD functionality with Vue 3 and Pinia. Includes live demo and example back-end APIs built with Node.js and .NET.
Creating a single NPM module that works in all environments.
The starter is built on top of Vite 4.x and prepared for writing libraries in TypeScript. It generates a hybrid package — both support for CommonJS and ESM modules.
Why vite is awesome Before, when we developed npm packages, it involved A LOT of manual… Tagged with npm, vite, typescript, javascript.
Simple. Fast. Web Components.
CLI that analyzes web components. Latest version: 2.0.0‑next.4, last published: a year ago. Start using web-component-analyzer in your project by running npm i web-component-analyzer. There are 26 other projects in the npm registry using web-component-analyzer.
A compiled-away, type-safe, readable RegExp alternative
More than once I’ve written some snazzy JavaScript code that I want to quickly turn into a sharable library, but the process of how to easily do that has bogged me down enough to drop the idea entirely. Here’s a look at using vite to quickly publish your code as a JavaScript Library.
Create diagrams and visualizations using text and code.
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever made on Nuxt.js.
A collection of Codepens for 2022 selected by the GSAP team.
OWASP Top 10 module that adds a few security improvements in form of a customizable server middlewares to your Nuxt application. All middlewares can be modified or disabled if needed. They can also be configured to work only on certain routes. By default all middlewares are configured to work globally.
Adam Argyle has a post on using the View Transition API, which is still a canary feature now, to power text transition with CSS.
This tool will help you master multi-hued, multi-stops color scales. What is that? “While a (linear) variation in lightness is the most important quality of a sequential color scale, varying the hue can bring further significant improvements. Hue variation provides a better color contrast and thus makes the colors easier to differentiate.” — Learn more here.
Pull content from anywhere and serve it fast with Astro’s next-gen island architecture. Astro is the web framework that you’ll enjoy using.
The Spellcaster, a WebGL experience using Three.js
ArrowJS is an experimental tool for reactive programming interfaces using native JavaScript. It’s not really a framework, but not less powerful than a framework either. At its core — ArrowJS is an admission that while we developers were falling in love with UI frameworks — JavaScript itself got good, really good.
Create bookmarklets in your browser with a simple copy and paste. This web app helped me quickly iterate on the bookmarklet I made for saving links on SuperGeekery.com.