How to Use CodeMason™: Inspect, Edit & Export HTML

CodeMason™ by DemeWebSolutions.com™ provides a focused visual workflow for inspecting a webpage, editing HTML and CSS, and moving toward standalone HTML export. This guide covers the basic workflow.

1. Open the CodeMason guest workspace

Start with the CodeMason Guest Workspace.

You do not need an account to begin inspecting and editing. This makes guest mode useful for learning the interface and deciding whether CodeMason fits your workflow.

2. Inspect the page

Load the page you want to examine and use the inspector to explore its structure, elements, and styles.

Before changing anything, understand the page:

• Identify the element you want to work on.
• Review its HTML structure.
• Examine the relevant styles.
• Consider how the element relates to the surrounding layout.

Inspect first. Edit second.

3. Edit HTML and CSS

Use CodeMason’s editing workspace to make HTML and CSS changes.

Work incrementally. Small, deliberate changes are easier to understand and review than changing many unrelated properties at once.

This workflow is particularly useful when experimenting with layout, typography, spacing, components, prototypes, or client-facing concepts.

4. Review your changes

Before treating the result as complete, review the page visually and confirm that your changes produced the intended result.

For deeper JavaScript, network, console, or browser-performance debugging, Chrome DevTools remains the appropriate companion tool.

5. Sign in when you are ready to export

Guest mode supports inspection and editing. When you want to move to the export stage, sign in through CodeMason.

Sign in to Export

CodeMason’s workflow is intentionally straightforward:

Inspect → Edit → Export

Who is CodeMason for?

CodeMason can fit designers, developers, agencies, site owners, and people learning visual web development who want a focused inspect/edit workflow rather than using deep browser-debugging tools for every task.

You can also enter through the DemeWebSolutions Freeware area.

How to Choose the Right Website Solution.

A simple guide to deciding between free software, a single download, a bundle, a membership, or a custom build.

Start with the challenge.

Before comparing products, define the result you need.

Are you improving privacy? Adding accessibility controls? Launching a store? Managing several client websites? Building a feature that does not exist yet?

Choose Free when you are learning.

Free downloads are useful for discovery, testing, and smaller needs.

Free should still provide real value. It should not exist only as a broken preview of the paid edition.

Choose a Single Download for one focused need.

A Single Download works well when one product solves the challenge and the customer needs one production license.

The Gen II model uses a one-time price with lifetime updates for that product, plus Vault access and documentation.

Choose a Bundle when products belong together.

Bundles work best when they solve one broader challenge.

The Compliance Bundle combines ABILITY and CookieJar because accessibility and privacy are common website priorities.

Choose Membership when the work continues.

Professional Solutions is designed for people maintaining several websites or expecting to use more of the premium library.

Agency Solutions expands license allocations for client work.

Choose Custom Solutions when the answer does not exist.

Some projects cannot be solved by a standard product.

Project Discovery helps define the path before development begins.