Engineering Blog

Articles about web development, coding tutorials, and insights from my journey in tech.

All PostsCSS Beginners Course(5)HTML Beginners Course(14)Quick Tips(3)WordPress(1)
Compiling and Enqueuing Assets in WordPress with @wordpress/scripts
WordPress

Compiling and Enqueuing Assets in WordPress with @wordpress/scripts

TL;DR: npm install @wordpress/scripts --save-dev, add build/watch/watch:hot scripts to package.json, then auto-register the compiled output in PHP usi...

Scott Weaver•
Read
Return a Number in Words Using JavaScript (Array Lookup vs switch)
Quick Tips

Return a Number in Words Using JavaScript (Array Lookup vs switch)

TL;DR: n => ["Zero","One","Two","Three","Four","Five","Six","Seven","Eight","Nine"][n] turns a number 0-9 into its spelled-out word by using the numbe...

Scott Weaver•
Read
CSS Colors
CSS Beginners Course

CSS Colors

CSS has three main ways to set a color: named colors like lightcoral, hex codes like #000000, and RGB values like rgb(255, 255, 255). There's also RGB...

Scott Weaver•
Read
CSS Selectors: Element, ID, and Class, and When to Use Each
CSS Beginners Course

CSS Selectors: Element, ID, and Class, and When to Use Each

Before you can style anything in CSS, you need a way to tell the browser which element you're targeting. Basic CSS gives you three ways to do that: by...

Scott Weaver•
Read
Inline, Internal, and External Style Sheets: When to Use Each
CSS Beginners Course

Inline, Internal, and External Style Sheets: When to Use Each

CSS can live in three different places: directly on a tag, inside the page it styles, or in its own file shared across every page that links to it. Sa...

Scott Weaver•
Read
What is CSS? The Cascade, Explained with One Example
CSS Beginners Course

What is CSS? The Cascade, Explained with One Example

CSS stands for Cascading Style Sheets. It's the language that tells a browser how to display HTML content: colors, fonts, spacing, layout, all of it....

Scott Weaver•
Read
Basic CSS Crash Course: Building a Styled Page from a Wireframe
CSS Beginners Course

Basic CSS Crash Course: Building a Styled Page from a Wireframe

HTML defines a page's structure and content. CSS styles that structure. The fastest way to see how they work together is to build something end to end...

Scott Weaver•
Read
HTML Iframes: Embedding Another Page with src and title
HTML Beginners Course

HTML Iframes: Embedding Another Page with src and title

An <iframe> embeds one web page inside another. Every YouTube video you've ever seen sitting inside someone else's blog post is an iframe pointing bac...

Scott Weaver•
Read
HTML Forms: Inputs, Labels, and GET vs POST
HTML Beginners Course

HTML Forms: Inputs, Labels, and GET vs POST

A form gathers input from a visitor and sends it somewhere to be processed: a contact message, a login, a checkout, a registration. HTML builds the fo...

Scott Weaver•
Read
HTML Tables: table, tr, td, and th Explained
HTML Beginners Course

HTML Tables: table, tr, td, and th Explained

A table organizes content into rows and columns, the same way a spreadsheet does. HTML builds one from three tags nested inside each other: <table> fo...

Scott Weaver•
Read