Barely Coding dynamic CSS page
Current CSS
(Comment valid css on this video and it will be applied to this page within 1 min)<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>500: Internal Server Error</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/4e39c91cbc99f6a8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e39c91cbc99f6a8.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-114634acb84f8baa.js" defer=""></script><script src="/_next/static/chunks/main-a139143a5227dd23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-bf55c49910772dbb.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8353112a01355ec2.js" defer=""></script><script src="/_next/static/kc6RxDZL89N9FHhk93GUB/_buildManifest.js" defer=""></script><script src="/_next/static/kc6RxDZL89N9FHhk93GUB/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style> body { margin: 0; color: #000; background: #fff; } .next-error-h1 { border-right: 1px solid rgba(0, 0, 0, .3); } @media (prefers-color-scheme: dark) { body { color: #fff; background: #000; } .next-error-h1 { border-right: 1px solid rgba(255, 255, 255, .3); } }</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">Internal Server Error<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":500}},"page":"/_error","query":{},"buildId":"kc6RxDZL89N9FHhk93GUB","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

About this project
All comments on specified video that are valid css syntax will be added to this site. If you comment shows up but your desired change did not happen, its probably due to specificity.
Channel videos

Using Face Tracking for unique web experiences
![TRY THIS Unique 3D Idea for Portfolio Website - [React, Three]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FYlgda5DJKsc%2Fmqdefault.jpg&w=640&q=75)
TRY THIS Unique 3D Idea for Portfolio Website - [React, Three]

The Game most HATED by CRITICS that PLAYERS LOVED #shorts

The Game most HATED by CRITICS that PLAYERS LOVED

The worst NPM package? #shorts
![Programmer think out loud solving leetcode - [Reduce, Multidimensional nested array,]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FR2mEPDXbsfA%2Fmqdefault.jpg&w=640&q=75)
Programmer think out loud solving leetcode - [Reduce, Multidimensional nested array,]

Fixing my commute with code

Welcome to Barely Coding 👋 Im Daniel!

Biggest Programming Channels of Youtube - Bar chart race #shorts

How to add 3D Models to Website using React Three Fiber

TikTok took down my site 😱

10 signs you're a Senior Javascript Developer #shorts

Why Programming is Worth it

Household fighting over chargers

Make it work, make it right, make it fast

Being an amazing 10x Full Stack Developer is easy

Self replicating Code that prints itself - Quines in Javascript

JS - var, let & const in 30 seconds #shorts

How to use a GamePad in React

StackBlitz - in-browser IDE with native Node.js support
![WebAssembly - Tutorial and Performance testing - [AssemblyScript to WASM]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FgCT9ebtTzqw%2Fmqdefault.jpg&w=640&q=75)
WebAssembly - Tutorial and Performance testing - [AssemblyScript to WASM]
![Watch this before building a Software as a Service (SaaS) - [Bedrock, React, GraphQL, Node, Next]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F4QQw79ptJQg%2Fmqdefault.jpg&w=640&q=75)
Watch this before building a Software as a Service (SaaS) - [Bedrock, React, GraphQL, Node, Next]

Day in the life of a Software developer #shorts

Busted Hacking my own LinkedIn profile

Creating my own QR Code Standard in React...and its pretty bad

How to implement rooms in socket.io - Among Us in Javascript P3

How to animate an SVG with CSS (Works in Github Readme)
![Build Among Us in Javascript P2 - [Multiplayer, Socket.io, Websockets, Node.js]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FdSi00vqkY40%2Fmqdefault.jpg&w=640&q=75)
Build Among Us in Javascript P2 - [Multiplayer, Socket.io, Websockets, Node.js]
![Build Among Us in Javascript P1 - [Map, Movement, Sprite Animation]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlbbPP9Wqy50%2Fmqdefault.jpg&w=640&q=75)
Build Among Us in Javascript P1 - [Map, Movement, Sprite Animation]
![Building Javascript Minecraft in 1 hour - [React & Three.js Tutorial]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FaWQmuTiThTs%2Fmqdefault.jpg&w=640&q=75)
Building Javascript Minecraft in 1 hour - [React & Three.js Tutorial]

Flappy bird in Javascript with 25 lines of code

You can write shell scripts in Javascript?!

Simple Javascript Reduce Tutorial - By making banana bread
![Build a 3D World in React with Three.js - [React Three Fiber Tutorial]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FFGG0EeMNUl0%2Fmqdefault.jpg&w=640&q=75)
Build a 3D World in React with Three.js - [React Three Fiber Tutorial]
![Chrome Inspector Tutorial - [Chrome Developer Tools]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEWENreBIPvo%2Fmqdefault.jpg&w=640&q=75)
Chrome Inspector Tutorial - [Chrome Developer Tools]

Javascript Ternary Operator (Short If) Explained

React.js tutorial - Sliding puzzle game with custom image

Javascript Every Function explained - by making our own custom implementation

Simplified Oauth 2.0 Tutorial - Example with Node.js

Easiest Web Development Setup Tutorial with VS Code

Vim macros in VS Code Superpowers - Tutorial
![Live Clock Wallpaper in Node.js Tutorial - [Read files with fs, Node Cron job with node-cron]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FpATKLIrf-p0%2Fmqdefault.jpg&w=640&q=75)
Live Clock Wallpaper in Node.js Tutorial - [Read files with fs, Node Cron job with node-cron]
![Handling multiple Promises in Javascript - [all, allSettled, any, race]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F-mEYlx2w00A%2Fmqdefault.jpg&w=640&q=75)
Handling multiple Promises in Javascript - [all, allSettled, any, race]

Code formatting with Pretties as a Github action - Tutorial

How to Validate JSON in Javascript - Tutorial and Example

First steps into Functional Programming in Javascript - Composition Example
![Full Video Background Tutorial using Bideo.js - [HTML, CSS, Javascript]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FV0ityeXf-2Q%2Fmqdefault.jpg&w=640&q=75)
Full Video Background Tutorial using Bideo.js - [HTML, CSS, Javascript]
![CSS only Infinitely Scrolling Background | TUTORIAL | [Clamp, Keyframes, Animation]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Ftfp38pBc8BQ%2Fmqdefault.jpg&w=640&q=75)
CSS only Infinitely Scrolling Background | TUTORIAL | [Clamp, Keyframes, Animation]
![What is a Webhook? - Explained simply with fun example - [Home assistant, IFTTT, Geolocation]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F9jFq2TU_02Y%2Fmqdefault.jpg&w=640&q=75)
What is a Webhook? - Explained simply with fun example - [Home assistant, IFTTT, Geolocation]

Trading Bot built with Node and Firebase - 100 day profit report
![Build a Game in React with Recoil [Part 3/3] - Inputs & Game Logic](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FhRRXe8e7VeM%2Fmqdefault.jpg&w=640&q=75)
Build a Game in React with Recoil [Part 3/3] - Inputs & Game Logic
![Learn Javascript the fun way - Live Weather Tab [Geolocation, setInterval, Closures]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FAaeR5TLA0bs%2Fmqdefault.jpg&w=640&q=75)
Learn Javascript the fun way - Live Weather Tab [Geolocation, setInterval, Closures]

Deno - Where are the packages and compiled files located?
![Build a Game in React with Recoil [Part 2/3] - Populating the World](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FF-aMAFFcxlc%2Fmqdefault.jpg&w=640&q=75)
Build a Game in React with Recoil [Part 2/3] - Populating the World
![Vite - Super fast build tool [Project Setup]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWlj1F9LXPNk%2Fmqdefault.jpg&w=640&q=75)
Vite - Super fast build tool [Project Setup]

How to Debug Deno in VS Code
![Build a Game in React with Recoil [Part 1/3] - Creating the World](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FFQW1g-4dZ7k%2Fmqdefault.jpg&w=640&q=75)
Build a Game in React with Recoil [Part 1/3] - Creating the World
![Vim in VS Code - [My setup to avoid the mouse]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FZ0VktvoevQQ%2Fmqdefault.jpg&w=640&q=75)
Vim in VS Code - [My setup to avoid the mouse]
![Build a GraphQL server in Deno using Oak - [Getting started tutorial]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FRc_HhL55JZM%2Fmqdefault.jpg&w=640&q=75)
Build a GraphQL server in Deno using Oak - [Getting started tutorial]

React Recoil Todo List with LocalStorage Persistance
![Vanilla Javascript game development - [Othello Burger flipper]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F6m1vehszQrc%2Fmqdefault.jpg&w=640&q=75)
Vanilla Javascript game development - [Othello Burger flipper]
![Deno Tutorial - Getting started [Installation, Hello World, Import, Fetch]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FF4lsbTG5m2A%2Fmqdefault.jpg&w=640&q=75)
Deno Tutorial - Getting started [Installation, Hello World, Import, Fetch]

Tips for writing High Quality Javascript
![Build a Periodic Table from an API in React - [Javascript, CSS]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FYQMEBG8dwI8%2Fmqdefault.jpg&w=640&q=75)