Practical tutorials for building, designing and working better online.
One hundred detailed guides covering business websites, WordPress, front-end development, AI workflows and design tools. Each tutorial defines unfamiliar terms, shows the full workflow, includes checkpoints and troubleshooting, and links to relevant documentation.
Business Websites
Planning, content, trust, conversion and practical website building for real service businesses.
How to Plan a Small Business Website
A start-to-finish beginner plan for deciding what a small-business website needs before choosing a theme, plugin or animation.
How to Build a Website for a Law Firm
A beginner, click-by-click WordPress build for a real law firm website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for an Accountant
A beginner, click-by-click WordPress build for a real accounting firm website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Dentist
A beginner, click-by-click WordPress build for a real dental practice website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Restaurant
A beginner, click-by-click WordPress build for a real restaurant website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Local Contractor
A beginner, click-by-click WordPress build for a real local contractor website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Real Estate Agent
A beginner, click-by-click WordPress build for a real real-estate agent website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Consultant
A beginner, click-by-click WordPress build for a real consulting business website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Photographer
A beginner, click-by-click WordPress build for a real photography business website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Salon or Barber
A beginner, click-by-click WordPress build for a real salon or barber shop website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Fitness Trainer
A beginner, click-by-click WordPress build for a real fitness training business website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Cleaning Business
A beginner, click-by-click WordPress build for a real cleaning business website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for an Auto Repair Shop
A beginner, click-by-click WordPress build for a real auto repair shop website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Medical Practice
A beginner, click-by-click WordPress build for a real medical practice website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Build a Website for a Freelancer
A beginner, click-by-click WordPress build for a real freelance business website, including page creation, service copy, navigation, forms, testing and maintenance.
How to Create a Service Page That Explains an Offer
A beginner WordPress tutorial for building a factual service page that performs one clear customer job.
How to Create a Useful Small Business Homepage
A beginner WordPress tutorial for building a factual home that performs one clear customer job.
How to Create an About Page for a Business
A beginner WordPress tutorial for building a factual about that performs one clear customer job.
How to Create a Contact Page That Is Easy to Use
A beginner WordPress tutorial for building a factual contact that performs one clear customer job.
How to Organize Testimonials and Reviews on a Website
A beginner WordPress tutorial for building a factual reviews that performs one clear customer job.
Online Business Basics
Straightforward guides to offers, landing pages, lead generation, digital products and sustainable online-business foundations.
How to Choose an Online Business Model
A hands-on beginner guide to choose an online business model, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Validate a Service Idea Before Building a Website
A hands-on beginner guide to validate a service idea before building a website, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Create a Simple Freelance Service Offer
A hands-on beginner guide to create a simple freelance service offer, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Create a Portfolio That Supports Freelance Work
A hands-on beginner guide to create a portfolio that supports freelance work, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Set Up a Basic Lead Generation Website
A hands-on beginner guide to set up a basic lead generation website, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Build an Email Signup Landing Page
A hands-on beginner guide to build an email signup landing page, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Create a Digital Product Landing Page
A hands-on beginner guide to create a digital product landing page, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Start a Content Website Around a Useful Topic
A hands-on beginner guide to start a content website around a useful topic, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Add Affiliate Links Transparently
A hands-on beginner guide to add affiliate links transparently, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Create a Simple Online Store Plan
A hands-on beginner guide to create a simple online store plan, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Write Clear Pricing Information
A hands-on beginner guide to write clear pricing information, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Build a Basic Sales Funnel Without Dark Patterns
A hands-on beginner guide to build a basic sales funnel without dark patterns, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Create a Lead Magnet Landing Page
A hands-on beginner guide to create a lead magnet landing page, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Turn a Professional Skill Into an Online Service
A hands-on beginner guide to turn a professional skill into an online service, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
How to Set Up a Booking-Focused Service Website
A hands-on beginner guide to set up a booking-focused service website, using a real offer, real customer action and end-to-end test rather than hypothetical “online income” claims.
Web Design & Development
HTML, CSS, responsive design, accessibility, performance and reusable front-end patterns.
How to Structure a Web Page With Semantic HTML
A beginner guide to building a page with meaningful HTML elements instead of using generic divs for every part.
How to Create a Responsive Layout With CSS Grid
A click-and-code beginner guide to making cards/columns automatically reflow with CSS Grid.
How to Create a Responsive Layout With Flexbox
A beginner guide to arranging navigation, buttons or cards in a flexible row/column that can wrap on smaller screens.
How to Choose Breakpoints for Responsive Design
A beginner, hands-on guide to choose breakpoints for responsive design with browser inspection, exact code-level changes and verification.
How to Make Website Navigation Work on Mobile
A beginner, hands-on guide to make website navigation work on mobile with browser inspection, exact code-level changes and verification.
How to Build an Accessible Contact Form
A beginner, hands-on guide to build an accessible contact form with browser inspection, exact code-level changes and verification.
How to Improve Color Contrast on a Website
A beginner, hands-on guide to improve color contrast on a website with browser inspection, exact code-level changes and verification.
How to Write Useful Alt Text for Website Images
A beginner, hands-on guide to write useful alt text for website images with browser inspection, exact code-level changes and verification.
How to Optimize Images for Faster Web Pages
A beginner, hands-on guide to optimize images for faster web pages with browser inspection, exact code-level changes and verification.
How to Reduce Unnecessary JavaScript on a Web Page
A beginner, hands-on guide to reduce unnecessary javascript on a web page with browser inspection, exact code-level changes and verification.
How to Use CSS Custom Properties for a Design System
A beginner, hands-on guide to use css custom properties for a design system with browser inspection, exact code-level changes and verification.
How to Build a Reusable Card Component
A beginner, hands-on guide to build a reusable card component with browser inspection, exact code-level changes and verification.
How to Create Clear Hover and Focus States
A beginner, hands-on guide to create clear hover and focus states with browser inspection, exact code-level changes and verification.
How to Respect Reduced Motion in CSS
A beginner, hands-on guide to respect reduced motion in css with browser inspection, exact code-level changes and verification.
How to Test a Website at Different Screen Sizes
A beginner, hands-on guide to test a website at different screen sizes with browser inspection, exact code-level changes and verification.
How to Use Browser Developer Tools to Inspect CSS
A beginner, hands-on guide to use browser developer tools to inspect css with browser inspection, exact code-level changes and verification.
How to Organize a Simple Website File Structure
A beginner, hands-on guide to organize a simple website file structure with browser inspection, exact code-level changes and verification.
How to Create a Useful 404 Page
A beginner, hands-on guide to create a useful 404 page with browser inspection, exact code-level changes and verification.
How to Plan Internal Links Between Website Pages
A beginner, hands-on guide to plan internal links between website pages with browser inspection, exact code-level changes and verification.
How to Run a Basic Website Accessibility Review
A beginner, hands-on guide to run a basic website accessibility review with browser inspection, exact code-level changes and verification.
WordPress
Practical WordPress editing, maintenance, themes, plugins, backups and block-editor workflows.
How to Plan a WordPress Website Before Installing Plugins
A slow, beginner-friendly WordPress guide to plan a wordpress website before installing plugins, defining the relevant WordPress concepts and checking the real public result.
How to Choose Between a Block Theme and a Classic Theme
A slow, beginner-friendly WordPress guide to choose between a block theme and a classic theme, defining the relevant WordPress concepts and checking the real public result.
How to Create a Page With the WordPress Block Editor
A true beginner lesson explaining Pages, Blocks, the Block Editor, Block Inserter, List View, drafts, previews, publishing, updating and navigation through one complete page build.
How to Create Reusable WordPress Patterns
A slow, beginner-friendly WordPress guide to create reusable wordpress patterns, defining the relevant WordPress concepts and checking the real public result.
How to Edit a Header and Footer in a Block Theme
A slow, beginner-friendly WordPress guide to edit a header and footer in a block theme, defining the relevant WordPress concepts and checking the real public result.
How to Create a WordPress Navigation Menu
A slow, beginner-friendly WordPress guide to create a wordpress navigation menu, defining the relevant WordPress concepts and checking the real public result.
How to Organize Posts With Categories and Tags
A slow, beginner-friendly WordPress guide to organize posts with categories and tags, defining the relevant WordPress concepts and checking the real public result.
How to Choose WordPress Plugins More Carefully
A slow, beginner-friendly WordPress guide to choose wordpress plugins more carefully, defining the relevant WordPress concepts and checking the real public result.
How to Keep WordPress Themes and Plugins Updated
A slow, beginner-friendly WordPress guide to keep wordpress themes and plugins updated, defining the relevant WordPress concepts and checking the real public result.
How to Create a WordPress Backup Routine
A slow, beginner-friendly WordPress guide to create a wordpress backup routine, defining the relevant WordPress concepts and checking the real public result.
How to Improve WordPress Image Performance
A slow, beginner-friendly WordPress guide to improve wordpress image performance, defining the relevant WordPress concepts and checking the real public result.
How to Add Custom CSS to WordPress Safely
A slow, beginner-friendly WordPress guide to add custom css to wordpress safely, defining the relevant WordPress concepts and checking the real public result.
How to Create a Child Theme for Code Customizations
A slow, beginner-friendly WordPress guide to create a child theme for code customizations, defining the relevant WordPress concepts and checking the real public result.
How to Use WordPress Permalinks Consistently
A slow, beginner-friendly WordPress guide to use wordpress permalinks consistently, defining the relevant WordPress concepts and checking the real public result.
How to Create a WordPress Contact Page
A slow, beginner-friendly WordPress guide to create a wordpress contact page, defining the relevant WordPress concepts and checking the real public result.
AI & Workflows
Useful AI prompting, review, summarization and repeatable workflows with explicit human verification.
How to Write a Clear Prompt for ChatGPT
A beginner-safe AI workflow for write a clear prompt for chatgpt, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Improve a Prompt With Context and Constraints
A beginner-safe AI workflow for improve a prompt with context and constraints, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Ask AI for Structured Output
A beginner-safe AI workflow for ask ai for structured output, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Summarize Your Own Notes
A beginner-safe AI workflow for use ai to summarize your own notes, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Draft a Business FAQ From Verified Information
A beginner-safe AI workflow for use ai to draft a business faq from verified information, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Brainstorm Website Page Structure
A beginner-safe AI workflow for use ai to brainstorm website page structure, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Review Website Copy Without Inventing Facts
A beginner-safe AI workflow for use ai to review website copy without inventing facts, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Turn Meeting Notes Into Action Items
A beginner-safe AI workflow for use ai to turn meeting notes into action items, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Compare Options With Explicit Criteria
A beginner-safe AI workflow for use ai to compare options with explicit criteria, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Create a First Draft and Keep Human Review
A beginner-safe AI workflow for use ai to create a first draft and keep human review, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Build a Repeatable AI Workflow for a Small Business
A beginner-safe AI workflow for build a repeatable ai workflow for a small business, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Give AI Reference Material Before Asking for a Draft
A beginner-safe AI workflow for give ai reference material before asking for a draft, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Ask AI to Flag Missing Information
A beginner-safe AI workflow for ask ai to flag missing information, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Rewrite Text for a Different Audience
A beginner-safe AI workflow for use ai to rewrite text for a different audience, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
How to Use AI to Extract a Checklist From a Document
A beginner-safe AI workflow for use ai to extract a checklist from a document, with a copyable prompt, source boundaries, missing-information rules and line-by-line verification.
Design Tools
Hands-on Figma, Photoshop, Canva and image-editing workflows that preserve editability and produce usable exports.
How to Start a Website Mockup in Figma
A beginner, interface-by-interface guide to start a website mockup in figma, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Use Figma Auto Layout for a Responsive Button
A beginner, interface-by-interface guide to use figma auto layout for a responsive button, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Create a Reusable Component in Figma
A beginner, interface-by-interface guide to create a reusable component in figma, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Organize Frames and Layers in Figma
A beginner, interface-by-interface guide to organize frames and layers in figma, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Prototype a Basic Page Flow in Figma
A beginner, interface-by-interface guide to prototype a basic page flow in figma, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Prepare a Simple Design System in Figma
A beginner, interface-by-interface guide to prepare a simple design system in figma, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Use Layers in Photoshop
A beginner, interface-by-interface guide to use layers in photoshop, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Use a Layer Mask for Nondestructive Editing in Photoshop
A beginner, interface-by-interface guide to use a layer mask for nondestructive editing in photoshop, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Resize an Image for the Web in Photoshop
A beginner, interface-by-interface guide to resize an image for the web in photoshop, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Export Web Graphics From Photoshop
A beginner, interface-by-interface guide to export web graphics from photoshop, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Organize a Photoshop File With Layers
A beginner, interface-by-interface guide to organize a photoshop file with layers, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Use Selections Without Permanently Erasing Pixels
A beginner, interface-by-interface guide to use selections without permanently erasing pixels, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Use Layer Masks in GIMP
A beginner, interface-by-interface guide to use layer masks in gimp, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Choose a Web Image Format
A beginner, interface-by-interface guide to choose a web image format, including what each design term means, where to click and how to verify the exported/resulting asset.
How to Create Consistent Social Media Graphics in Canva
A beginner, interface-by-interface guide to create consistent social media graphics in canva, including what each design term means, where to click and how to verify the exported/resulting asset.