DEV Community: Beey

Nonary: binary's long lost twin that nobody talks about

Beey — Sun, 12 Apr 2026 01:06:28 +0000

what is nonary?

what is nonary?

Nonary(base-9) is used for compact representation of ternary(base-3) data

It supports numbers 0-8

when you hit 9 you have to represent it by using 10 in nonary 10 is not 10 10 is 9

Because 9 does not exist in base-9 when you type 10 it will do some complex math internaly

base-9 may be confusing to learn because of how you write numbers that are 9 and beyond

How to use surge to deploy a website

Beey — Thu, 02 Apr 2026 17:41:05 +0000

What is surge
Steps
- Installing surge
- Logging in/signing up to surge
  - Confirming you are logged in to surge
- Deploying with surge

What is surge

Surge is a free way to deploy websites if you dont want to deal with paying for a .com domain annually or doing a long sign-up

Steps

Here are the steps on how to deploy your website with surge:

Installing surge

This is step 1

If you want to install surge, open your terminal and write this command if you dont have surge installed already: for NPM: npm install -g surge for Yarn: yarn global add surge for pnpm: pnpm add -g surge for Brew: brew install surge-cli for bun: bun add -g surge

NOTE: May request sudo(super-user do) permissions on some devices

You can move on to the next step once surge is in installed if not already

Logging in/signing up to surge

This is step 2

to log in to surge type in your terminal: surge login

It will request your email address and password

If you arent a registered account on surge it will create one after doing this

Confirming you are logged in to surge

To confirm you are logged in to surge run this command in your terminal: surge whoami

If it returns your email address your logged in

If it returns "You are not logged in." or something similair repeat step 2

Deploying with surge

This is step 3(final step)

If your project is a vanilla JS or CSS or HTML project or all combined you can run in your terminal: surge

If your project is running React, Preact or another framework than you will have to minifie your code and make it readible for the internet to do this in your terminal type: for NPM: npm run build for Yarn: yarn build or yarn run build for pnpm: pnpm build or pnpm run build for brew, you cant do this with brew for bun: bun run build

After running this you should have a folder called 'dist' or 'build'

If it's called 'build' than type in your terminal: surge build

If it's called dist than type in your terminal: surge dist

After doing that surge will ask you for thep project name it will start with a default one like "Cool-page.surge.sh" which you can edit to be whatever you want but it must be suffixed with .surge.sh unless you use surge to a .com domain you own or rented which is not stated about how to do in this article

Once done your website will be live on the internet where search engines can index it and people an view your webpage

If you decide to take it off the internet you will have to type in your terminal: surge teardown [PROJECT-NAME] and than surge will send you an email about your taken down website

NOTE: package.json can sometimes determine if npm run build is sucessful or not so check if it is using the strict tsc && or any other cause that can make npm run build fail and not generate the dist folder

NOTE: This terminal command surge or surge dist only works if you are logged in to surge if you are not logged in to surge refer to step 2

Luau the first coding language I learned: Type intersections for beginners

Beey — Wed, 01 Apr 2026 16:47:49 +0000

Introduction
What is a type intersection
Explained like your 5
Notes

Introduction

This is the first post in the luau series explaining how to use a type intersection.

What is a type intersection

A type intersection in luau is Luau's AND operator but for types, an example is:


local X = workspace:WaitForChild("X") :: Part & BasePart & Instance

local TypeAnnotation: Part & BasePart & Instance = workspace:WaitForChild("TypeAnnotation") -- Type annotation

You seperate the types and to use the type intersection between types use &

Explained like your 5

A type intersection is like when your mom asks you to get a type of book that has two genres: Action and Fiction, Thats basicaly what it is but in real life

Notes

NOTE: Const has been released in luau(roblox lua) for some developers but it lacks syntax highlighting and autocomplete

Assembly 6502: Binary Digits

Beey — Wed, 01 Apr 2026 16:14:16 +0000

What is a binary digit in assembly 6502

A binary digit is a string of binary and binary code(if needed)

Some examples of why to use a binary digit in assembly 6502

Some common reasons to use a binary digit in assembly 6502 include:

Enabling PPU
Minimizing code size

Why not use unary?

Unary(base-1) despite being more low-level than even Binary(base-2) Has alot of cons than pros if they added it to assembly 6502

Cons of using unary

Cons:

Takes up alot of memory and storage and space
typing 256 in unary means typing 256 tally marks(1 or |)
Was not meant for computers to read
Very easy to learn but so much time wasted typing

Pros of using unary

Pros:

Easy to learn
Numbers 1 through 4 requires less typing than a hexadecimal digit

How to use the registers to use a binary digit

To make a variable in assembly 6502 that holds a binary digit, you have to create and store it into the register you want(A, X, Y) and put the binary in the variables value/content

To tell assembly its a binary digit in the contents you need to prefix it with what single numbered variable starts with after the register type declaration if you arent using $ to load a value. # and then % after the # to tell the NES its a binary value

Example of using a binary digit variable

An example of using a binary digit variable is:


.export _main

_main:

LDA #%01101 ; binary content
STA $01

Sources

Wikipedia - unary
Wikipedia - binary

Other languages

Wikipedia - unary (spanish/español)
Wikipedia - binary (spanish/español)

What is a CSS class definer and linking CSS to HTML(CSS basics 2/60)

Beey — Fri, 27 Mar 2026 19:32:12 +0000

What is a CSS class definer

A css class definer(or a css class specifier) allows you to group elements into one style by using the way to apply styles with the name of the class(class name).

CSS class naming conventions

CSS class naming conventions often include using kebab-case(all lowercase) and replacing spaces with hyphens for readability.

CSS readability tips

You can find CSS readability tips at WCAG(Resources On Digital Acessibility Standards): WCAG.com

CSS class definer syntax

The syntax for a class definer(You can add more propertys/styles) is:


.class-name {
  property: value;
}

The '.' specifies it defines a CSS class.

How to link your CSS to HTML

Now in order for your CSS to work you need to link it in HTML in the <head> section.

Inside the <head> section, you will have to type <link rel="stylesheet" href="path-to-css-file.css">.

Replace path-to-css-file with your css file(dont forget to suffix it with .css).

What is CSS? (CSS basics 1/60)

Beey — Fri, 27 Mar 2026 01:26:14 +0000

Understanding CSS

CSS, Known as Cascading Style Sheets is a way to style your webpages It is widely used in websites for positioning, Typography and more.

The file extension to use CSS is .css this is known as an external css file Which you will learn later in the series.

What is a CSS class

A CSS class, known as a Class declaration or selector is used to target elements with its class using: class="class-declaration-name" or className="class-declaration-name".

Why is CSS better on webpages

CSS is better on webpages because It improves UX and Styled UI looks more good than browser default styles.

Without styling you cant accurately control the position of your elements or anything else related to CSS because of this Users may not like your webpage unstyled hurting UX.

What is UX

UX Means User Experience. User experience(UX) Is important because if your User Experience(UX) is low or people are unhappy with your webpage less people will come and you may get deranked in SEO(Search Engine Optimization).

CSS lentience

CSS does try to be lentient at small errors like unknown CSS property, unknown variable or forgetting a ; tho sometimes it may make your css not work.

What is the latest CSS

There is no latest CSS version as CSS became a living standard in 2010–2011 so It is recommended to use the living standard instead of old CSS(CSS2) because CSS did use to be version numbered meaning it kept incrementing the version(1, 2) every update but this was stopped and the living standard CSS is better to use.

What are old CSS versions

Some old CSS versions include:

CSS1
CSS2
CSS2.1

What is the modern CSS version

The modern CSS version(Living Standard) is CSS3 which came after the now outdated, old CSS2.1

Recommendations on where to run CSS locally

Running CSS locally can be hard if you dont know the right options to pick.

My recommendation:

For macOS and in small teams - VS code

MacOS version must be above mojave

For Windows and in large teams - Visual studio/VS

Windows version must be Windows 10 version 1909 or higher

Explain HTMX like i'm 5

Beey — Fri, 27 Mar 2026 00:17:18 +0000

I have never used HTMX before so I dont know what HTMX is and I whould like a quick explanation of what it is.

HTML5: What happens when using For attribute mismatching

Beey — Mon, 23 Mar 2026 20:45:19 +0000

What is the label attribute
What happens when you mismatch the for with the input
- Why its bad to label for mismatch

What is the label attribute

An HTML5's label attribute is 'for'

What happens when you mismatch the for with the input

If you mismatch this input, lets say your label's for is 'name' and you mismatch:


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="og:url" content="https://www.exampleweb.com">
    <title>Example webpage</title>
  </head>
  <body>
    <main>
      <label for="name">Name (required):</label>
      <input
        id="fullName"
        name="fullName"
        type="text"
        placeholder="John Doe"
        required
      />
    </main>
  </body>
</html>

HTML will treat the input like a seperate element therefore, clicking on the label will not put you on the input you have to click the input-box.

Why its bad to label for mismatch

Users on tiny mobile devices might find it annoying that you cant click the label to go to the input-box

This also confuses SR(Screen Readers) alot because the labels and input boxes are mismatched with the label's 'for'

It will also hurt SEO(Search Engine Optimization) because if users can not write a form they are more likely to leave this is gives Search Engines a negative impact for your website decreasing its Search Ranking

Even tho its best practice to also have the 'name' attribute in the input match the for mismatching this isnt best practice but it also is not as bad as 'for' mismatching

'for' mismatching also makes your webpage non-compliant with WCAG 2.1 Sucess Criterion 1.3.1 (Info and Relationships)

Assembly 6502: comments

Beey — Sun, 15 Mar 2026 00:49:00 +0000

Explanation

Comments in assembly 6502 are used to state what a variable does or anything that you normaly use a comment for in other programming languages.

How to use comments

It is very easy to use comments in assembly here is an example:


; This is an assembly 6502 comment

Why do assembly 6502 comments exist

Assembly 6502 comments exist because if you breakdown and explain your code with them your future-self will remember what the code was for and thank your past-self.

Does assembly 6502 support multi-line comments

Assembly 6502 only supports line comments not multi-line comments because it was running on software typicaly under 64 KB

Can you pause a single line of code with assembly 6502 comments

You can "pause" a single line of code with nes comments by using the ; at the start, ; in assembly means "Start this comment only for this line"

If you do this your code line turns into a comment so it wont run

However remove the ; and your code runs again

Do assembly 6502 comments be treated the same in modern coding languages

Because 6502 assembly is limited to line comments in modern coding languages they usualy ignore comments just like assembly 6502.

Assembly 6502 comments are treated the same in modern coding languages however the NES can only handle so many comments before a Memory Overload

Notes

NOTE: The NES is different than the SNES in assembly.

Assembly 6502: LDY

Beey — Sun, 15 Mar 2026 00:36:41 +0000

Explanation

LDY in assembly(Assembly 6502) loads an 8-bit value into the Y register.

How to use LDY to send non-hex values

The value must start with a # example:


LDY #12

; That is how to write 12 to the CPU in the Y register

The registers

Now there are multiple registers some include:

X register(LDX)
A register(LDA)
Y register(LDY)

How to use LDY to send hex values

Hex values are also allowed: LDY #$12

They MUST start with #(Standard for LDX, LDA and LDY)

They also MUST start with $ after #(Special to hex values)

Max values for 8-bit integer

The maximum value for the 8-bit unsigned integer is: 255
The maximum value for the 8-bit signed integer is: 127

Your stats will always need to cap at 255 unless you are using the 16-bit integer limit

Notes

NOTE: The NES is different than the SNES in assembly.

HTML: what tag is h1?

Beey — Sun, 15 Mar 2026 00:29:15 +0000

What an h1 does
- Explanation
What to use an h1 on
What to do with h1
- When to use h1
- When to not use h1
h1 tag code example
Sources

What an h1 does

Explanation

An h1 is the largest header in the HTML headers

It is also formatted bold without any CSS

What to use an h1 on

It is recommended to use an h1 for one of these things:

App title
Title of a post(If it allows HTML)

What to do with h1

When to use h1

Use h1 when you need:

An app title for your app
A title for a post(If it allows HTML)

When to not use h1

Do not use h1 when you need or follow one of these prequiristies:

there is already 1 h1 tag
you are using it for a thing that isnt a title

h1 tag code example

Here is a code example of using h1:


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My webpage</title>
  </head>
  <body>
    <div id="App">
      <header>
        <h1>My app</h1>
      </header>
    </div>
  </body>
</html>

Sources

developer.mozilla.org
w3.org

I tried putting commonJS in a .mjs file heres what happens

Beey — Tue, 10 Mar 2026 00:12:15 +0000

What I did
- The twist
What happened

What I did

I tried running this commonJS in VS code but with a twist:


const vscode = require('vscode');

The twist

The twist.. I put this in a .mjs file this is not for commonJS its for ES modules.

What happened

Nothing serious happened, The only thing that happened was me being told it was a commonJS module and it can be switched to a ES module.

DEV Community: Beey

Nonary: binary's long lost twin that nobody talks about

Table of Contents

what is nonary?

How to use surge to deploy a website

Table of contents

What is surge

Steps

Installing surge

Logging in/signing up to surge

Confirming you are logged in to surge

Deploying with surge

Luau the first coding language I learned: Type intersections for beginners

Table of Contents

Introduction

What is a type intersection

Explained like your 5

Notes

Assembly 6502: Binary Digits

What is a binary digit in assembly 6502

Some examples of why to use a binary digit in assembly 6502

Why not use unary?

Cons of using unary

Pros of using unary

How to use the registers to use a binary digit

Example of using a binary digit variable

Sources

Other languages

What is a CSS class definer and linking CSS to HTML(CSS basics 2/60)

What is a CSS class definer

CSS class naming conventions

CSS readability tips

CSS class definer syntax

How to link your CSS to HTML

What is CSS? (CSS basics 1/60)

Understanding CSS

What is a CSS class

Why is CSS better on webpages

What is UX

CSS lentience

What is the latest CSS

What are old CSS versions

What is the modern CSS version

Recommendations on where to run CSS locally

Explain HTMX like i'm 5

HTML5: What happens when using For attribute mismatching

Table of Contents

What is the label attribute

What happens when you mismatch the for with the input

Why its bad to label for mismatch

Assembly 6502: comments

Explanation

How to use comments

Why do assembly 6502 comments exist

Does assembly 6502 support multi-line comments

Can you pause a single line of code with assembly 6502 comments

Do assembly 6502 comments be treated the same in modern coding languages

Notes

Assembly 6502: LDY

Explanation

How to use LDY to send non-hex values

The registers

How to use LDY to send hex values

Max values for 8-bit integer

Notes

HTML: what tag is h1?

Table of contents

What an h1 does

Explanation

What to use an h1 on

What to do with h1

When to use h1

When to not use h1

h1 tag code example

Sources

I tried putting commonJS in a .mjs file heres what happens

Table of contents

What I did

The twist

What happened