Patrick Forringer destos

HTMX Reference for AI Context

This work is marked CC0 1.0

Overview

HTMX extends HTML with attributes that enable AJAX requests, CSS transitions, WebSockets, and Server-Sent Events directly in markup. Responses are HTML fragments, not JSON.

Core principle: Server returns HTML, HTMX swaps it into the DOM.

Optimizing Django and Celery for Handling Many Concurrent Requests

Handling a high volume of concurrent requests in a Django application with Celery for background tasks can be challenging. This guide will walk you through the necessary steps to optimize your setup for better performance and scalability.

Default Setup with Gunicorn and Celery

By default, Gunicorn with Django and Celery uses synchronous workers to handle web requests and background tasks. This means:

Gunicorn: Uses sync workers which can handle one request at a time per worker.
Celery: Processes tasks synchronously within each worker.

Raspberry Pi Kiosk Setup

Install a fresh image of Raspbian and boot the Pi
- Follow the installation guide if needed
Go through the prompts to finish initial setup
Open a Termial window
- Type sudo apt-get install unclutter
- Type sudo raspi-config
  - Select Boot Options with Enter
    - Select Wait for Network at Boot with Enter
    - Select Yes with Enter

To forward X11 from inside a docker container to a host running macOS

Install XQuartz: https://www.xquartz.org/
Launch XQuartz. Under the XQuartz menu, select Preferences
Go to the security tab and ensure "Allow connections from network clients" is checked.
Run xhost + ${hostname} to allow connections to the macOS host *
Setup a HOSTNAME env var export HOSTNAME=`hostname`*
Add the following to your docker-compose:

 environment:

Falsehoods programmers believe about addresses

This is an anchor-linked version of the excellent, amazing original opus magnum by Michael Tandy.

An address will start with, or at least include, a building number.

Counterexample: Royal Opera House, Covent Garden, London, WC2E 9DD, United Kingdom.

When there is a building number, it will be all-numeric.

Counterexample: 1A Egmont Road, Middlesbrough, TS4 2HT

Hello software developers,

Please check your code to ensure you're not making one of the following mistakes related to cryptography.

I. General Mistakes

Writing your own home-grown cryptography primitives (For example: Mifare Classic)
- Exception: For the sake of learning, but don't deploy it in production.
Using a fast hash function (e.g. MD5, SHA256) for storing passwords. Use bcrypt instead.
Not using a cryptographically secure random number generator

	# Chapter 1: immediate evaluation with optional composition

	@lambda f: not f()
	def true() -> bool:
	return False

	assert true == True # ???


	# Chapter 2: single line composition

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

	import React, { Component } from 'react';
	import { number, string } from 'prop-types';

	export const { Provider, Consumer } = React.createContext();

	export const locationConsumer = Component => props => {

	return (
	<Consumer>
	{ ctx => <Component {...ctx} {...props}/> }

	# If you worked with React and JSX you probably noticed that you can't use JS comments when inside JSX sections
	# Add this to your Atom init script
	# Then add 'ctrl-cmd-/': 'comment-jsx' to your keymap.cson
	# Then when you are on a JS/JSX file, just press cmd+ctrl+/ to use JSX-style comments that work with JSX elements
	# Is not the most efficient way, but it's the cleanest and reliable one

	atom.commands.add 'atom-workspace', 'comment-jsx', ->
	atom.config.set('editor.commentStart', '{/*', {scopeSelector: '.source.js.jsx'})
	atom.config.set('editor.commentEnd', '*/}', {scopeSelector: '.source.js.jsx'})
	for selection in atom.workspace.getActiveTextEditor().selections