Sample markup containing most HTML5 elements for jumpstarting/testing css
A Pen by Matt Daniel Brown on CodePen.
Matt Daniel Brown mattdanielbrown
fweig
/ llmfeed.sh
Last active
March 25, 2025 08:58
Copy repositories to make them easily digestable for LLMs.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| # llmfeed.sh - Copy repository contents to make them easily digestable for LLMs | |
| # | |
| # Author: Felix Weiglhofer | |
| # License: MIT | |
| # | |
| # Description: | |
| # Flattens the (text) content of a repository into a single string that can be | |
| # easily read by LLMs. Inspired by uithub.com. | |
| # |
mattdanielbrown
/ fallback-system-fontstacks.css
Created
January 26, 2023 23:56
CSS Fallback / System fontstacks (extended)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Use the default user interface font in all browsers (opinionated). | |
| */ | |
| html { | |
| font-family: | |
| system-ui, | |
| /* macOS 10.11-10.12 */ -apple-system, | |
| /* Windows 6+ */ "Segoe UI", | |
| /* Android 4+ */ "Roboto", |
mattdanielbrown
/ bashColorCodeVariables.sh
Created
December 13, 2022 05:33
BASH COLOR ESCAPE CODES - Variable definition, array usage, functions, ect. --- [SCRATCH PAD, WIP (alpha) ]
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env bash | |
| function define_color_escape_code_variables() { | |
| # black='\e[0;30m' | |
| export black='\e[30m' | |
| export red='\e[31m' | |
| export green='\e[32m' | |
| export brown='\e[33m' |
A Pen by Matt Daniel Brown on CodePen.
mattdanielbrown
/ codepen-starter-template-alternate.markdown
Created
February 7, 2022 18:34
CodePen Starter Template - Alternate
A Pen by Matt Daniel Brown on CodePen.
I referred to 'https://tympanus.net/codrops/2020/12/17/recreating-a-dave-whyte-animation-in-react-three-fiber/'.
It's an amazing article.
A Pen by Matt Daniel Brown on CodePen.
akihikodaki
/ README.en.md
Last active
October 25, 2025 14:46
Linux Desktop on Apple Silicon in Practice
I bought M1 MacBook Air. It is the fastest computer I have, and I have been a GNOME/GNU/Linux user for long time. It is obvious conclusion that I need practical Linux desktop environment on Apple Silicon.
Fortunately, Linux already works on Apple Silicon/M1. But how practical is it?
- Two native ports exist.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="flex items-center justify-center w-screen min-h-screen p-10"> | |
| <!-- Resice the preview panel to check the responsiveness --> | |
| <!-- Component Start --> | |
| <div class="grid xl:grid-cols-4 md:grid-cols-2 grid-cols-1 gap-2 max-w-6xl"> | |
| <!-- Tile 1 --> | |
| <div class="flex flex-col bg-gray-200 rounded-lg p-4 m-2"> | |
| <div class="h-40 bg-gray-400 rounded-lg"></div> | |
| <div class="flex flex-col items-start mt-4"> | |
| <h4 class="text-xl font-semibold">Heading</h4> |
matt-daniel-brown
/ css-gradients-animated-gradient.markdown
Created
December 2, 2020 19:32
CSS Gradients: Animated Gradient
A Pen by Matt Daniel Brown on CodePen.
NewerOlder