wfiedler-online.de

Headlines and Logos completely made with CSS and XHTML without images.

Study carefully the CSS and XHTML code how it's done.

Demo
Download Example

A Music Songsheet with lyrics and chords placed above completely made with CSS, XHTML and Javascript (chords).

Based on a idea of wellstyled.com.

The example makes use of jTab, a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab) notation on the web. Automatically. It works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG).

Study carefully the CSS and XHTML code how it's done.

Demo
Download Example

A Music Songsheet completely made with CSS and XHTML.

Study carefully the CSS and XHTML code how it's done.

Demo
Download Example

Guitar Chord Grids completely made with CSS and XHTML.

Study carefully the CSS and XHTML code how it's done.

Demo
Download Example

• AptanaStudio
  The industry leading web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript.
• TablEdit
  A program for creating, editing, printing and listening to tablature and sheet music (standard notation) for guitar and other fretted, stringed instruments.
• QwikChord
  A simple tool to create chord diagrams that can be pasted into other applications, or saved as graphic files.
• Inkscape
  An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.
• Paint.NET
  Free image and photo editing software
• PDF24 Creator - 100% free PDF Creator and PDF Converter