Documentation
Learn CodeMason.
Everything you need to get started, improve your workflow, and make the most of CodeMason.
Quick Start
New to CodeMason? Start here.
You can Launch as a guest to explore inspect and edit. Create a Free account when you are ready to export.
- Create a Free account or launch as a guest to explore.
- Launch CodeMason.
- Open or import HTML.
- Inspect the page.
- Edit HTML and CSS.
- Export your results (requires Free or higher).
Getting Started
Creating an Account
Create a Free account on DemeWebSolutions to begin exporting from CodeMason online.
Register on DWS →Launching CodeMason
Open the online workspace from the Launch button or continue through Access after sign-in.
Open Access →Importing HTML
Open a local HTML file or start with one of the included examples in the workspace.
See User Guide →User Guide
Inspecting Elements
Learn how to navigate page structure and inspect HTML visually.
Editing HTML
Update page content and structure directly from the HTML workspace.
Editing CSS
Modify spacing, colors, typography, layouts, and styling with live preview.
JavaScript Workspace
View and edit JavaScript associated with your project.
Exporting
Download a clean standalone HTML file containing your latest work. Guests cannot export; Free includes 3 exports; Premium and Agency are unlimited.
Membership Guide
Free
Getting started with CodeMason — online workspace, core editing, and limited exports (3).
View Free plan →Premium
Unlimited exports and enhanced productivity for regular professional use.
View Premium →Agency
Desktop application and complete platform access for teams and commercial workflows.
View Agency →Tutorials
Beginner
- Your First Project
- Understanding the Workspace
- Selecting Elements
- Making Your First Edit
Intermediate
- Styling with CSS
- Working with Layouts
- Responsive Editing
- Organizing HTML
Advanced
- Efficient Workflows
- Preparing Projects for Production
- Managing Larger HTML Documents
- Professional Editing Techniques
Full tutorial articles will publish here as child pages. Use the topics above as a learning path while you explore the app.
Release Notes
Review the latest improvements, enhancements, and platform updates.
A dedicated Release Notes page is coming. Until then, check Features for current capabilities and this hub for membership guidance.
Frequently Asked Questions
Answers to common questions about importing, editing, exporting, memberships, and browser compatibility.
Do I need an account to try CodeMason?
No. Guests can inspect and edit. Sign in with a Free account (or higher) when you want to export.
How many exports do I get on Free?
Free includes 3 exports. Premium and Agency include unlimited exports.
Where do I manage membership?
Membership is managed on DemeWebSolutions My Account.
Is desktop available for every plan?
No. Desktop downloads are included with Agency membership only.
Support
Need additional help? Visit Support to contact the DemeWebSolutions team or browse additional documentation and tutorials.