Discover whitep4nth3r/p4nth3rball Open Source project

The ultimate interactive free guitar theory tool.

124

fretonator

How to use Puppeteer to take webpage screenshots and generate dynamic Open Graph images for social sharing

puppeteer-demo

thingoftheday is a lightweight microblogging site powered by Contentful and vanilla HTML, CSS and JavaScript.

thingoftheday

My personal blog site #BuiltWithEleventy.

mk2-p4nth3rblog

Choose your next JavaScript framework based on the features you need in your project.

whattheframework

My 2021 personal blog site built with NextJS and Contentful — now deprecated.

p4nth3rblog

Need some code for your project? We've got you covered. Choose your language. Choose how much code. BÄM! You got code.

randomcodegenerator.lol

The Claw Webring: list of members

the-claw-webring

womenwhostream.tech

Sends Twitch events over websockets to stream overlays and The Claw Discord server.

p4nth3rb0t-mainframe

whitep4nth3r

Twitch chat, Twitch stream alerts and other fun stuff

p4nth3rlabs

The npm package that powers randomcodegenerator.lol.

random-code

Bored? Want to procrastinate and look productive? Find something ToDo.

findsomethingtodo

View your p4nth3rworld inventory, read the manual, and more!

pantherworld

Vue

contentful-graphql-vs-rest

A look at the difference between how to fetch and render linked assets and entries in the Rich Text field in Contentful.

The Claw Webring Widget as a web component for your website.

the-claw-webring-widget

A demo repository to show how to create a CLI tool that outputs a business card to the terminal.

fancy-business-card

Test your HTTP status code knowledge.

gameofcodes.party

Learn how to use @netlify/next Advanced Middleware to transform the response of a statically generated page in Next.js.

nextjs-advanced-middleware-on-netlify-demo

p4nth3rdrop

Examples of how you can (or cannot) hack your Lighthouse performance score.

hacking-lighthouse

Build stuff, learn things, love what you do. The Claw is science and technology — for everyone.

theclaw.team

A one-click starter project for Next and Netlify.

next-netlify-starter

The fifth rebuild of whitep4nth3r.com.

whitep4nth3r.com

zengoweb-overlay

CSS

twitch-chat-roulette

image-loading-strategies

randomwebsitegenerator.lol

This tutorial will take you through using Edge Functions on Netlify to build a hello world example, and transform an HTML template using geolocation data at the edge.

getting-started-with-netlify-edge-functions

Experiments in JavaScript

p4nth3rchat

DEPRECATED

Svelte

js-arrow-regular-funcs

A demo site using astro.build. Deployed on Netlify.

whitep4nth3r-links

Build an RFC-822 date-time with JavaScript for RSS feeds.

rfc-822

A small explainer repository that shows how to use the BEM syntax in CSS.

what-is-bem

Battlesnake snake for summer league 2021.

battlep4nth3r

p4nth3rworld

image-404-fallbacks-and-monitoring

A JavaScript example to show how to import a CSV file into Contentful via the CMA

contentful-csv-import

Listen to your Twitch chat.

twitchlisten

edge-functions-examples

Supporting materials for my HTML + CSS fundamentals series on YouTube.

nextjs-netlify-blog-template

html-css-fundamentals

A Contentful app that generates a reading time for blog post entires.

blog-metrics-contentful-app

This is a deprecated repository.

super-contact-form

CSS

whitep4nth3r.codes

Svelte

netlify-preview-contentful-app

Preview your draft content in Contentful on your static site before your publish to production.

A single function to retrieve a random entry from an array

get-random-entry

Demo code for the blog post: How to build a social image sharing app with Cloudinary and Next.js

ticket-app-demo

Investigations into monitoring serverless and edge functions on Vercel with Sentry.

serverless-monitoring-vercel

rate-limits-for-science

Use Netlify Edge Functions to intercept a request to a static page, check the value of the HTTP referer header, and enhance the response of the HTML before it's returned to the browser. No client-side JavaScript required.

personalize-with-http-referer