Guide Example

Step 1

There's one big picture and a few bullet points.

Open Fritzing
Make sure you're in BreadBoard View
Search for components and drag in to mimic your setup

Step 2

This step has multiple pictures.

Switch to PCB Tab
Click on components and use Cmd+R/Ctrl+R to rotate
You can drag components around by holding down the left mouse button
Click on the wires to route and add bendpoints
Resize the board appropriately

          
  var ua = navigator.userAgent.toLowerCase();
  if(ua.search(/(iphone)|(ipod)|(android)/) != -1) {
      $(".not-for-mobile").hide();
      $(".for-mobile").show();
  }
  else {
      $(".not-for-mobile").show();
      $(".for-mobile").hide();
  }

Step 3

Here are some example code. The highlighting is using highlight.js.

Step 4

This is something made with impress.js.. well, a hacked version made for presenting with captions.

Click on the diagram on the left to go through the workflow. It will open up a new page. Once you are on the new page, click on the RIGHT SIDE of the screen to go forward, and click on the LEFT SIDE of the screen to go back.

Click on the diagram on the left to go through the workflow.

How to Create a Custom PCB

Step 1

Step 2

Step 3

Step 4