CSSコードのチュートリアルサイト「Max Design」の9つのフローティングチュートリアルです。細かく手順が書いてありますので、わかりやすいのではないかと思います。 詳細は、以下から。1から9のチュートリアル名とデモ画面の画像です。

NPO法人みんなのコード（東京都渋谷区、代表理事：利根川 裕太、以下みんなのコード）は、プログラミング学習教材「プログル 6年理科電気キット」とあわせて使える、チュートリアル付き環境「プログル 理科電気コース」を提供開始いたしました。