<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Weiwei Yang</title>
    <description>The latest articles on DEV Community by Weiwei Yang (@viviyang).</description>
    <link>https://dev.to/viviyang</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4151255%2F7e32cf37-5c36-4bb7-8588-bebd705bc3ff.png</url>
      <title>DEV Community: Weiwei Yang</title>
      <link>https://dev.to/viviyang</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/viviyang"/>
    <language>en</language>
    <item>
      <title>Four piano chord formulas, and the pages that keep them apart</title>
      <dc:creator>Weiwei Yang</dc:creator>
      <pubDate>Wed, 30 Sep 2026 03:22:48 +0000</pubDate>
      <link>https://dev.to/viviyang/four-piano-chord-formulas-and-the-pages-that-keep-them-apart-2l2a</link>
      <guid>https://dev.to/viviyang/four-piano-chord-formulas-and-the-pages-that-keep-them-apart-2l2a</guid>
      <description>&lt;p&gt;I build PianoGrid, a free browser piano reference. This note is about how the chord pages separate formulas. It is a reference, not a course, and the chord diagrams mark pitches rather than finger numbers.&lt;/p&gt;

&lt;p&gt;A chord symbol is a root plus a formula. The same letter can name different chords when the formula changes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Major triads
&lt;/h2&gt;

&lt;p&gt;A major triad is a root, a major third and a perfect fifth: 1–3–5. In root position the third and fifth sit four and seven semitones above the root. C major is C–E–G.&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://pianogrid.com/chords/major" rel="noopener noreferrer"&gt;major piano chords&lt;/a&gt; page lists all 12 roots. Each card shows the written spelling and a keyboard diagram. Open a chord to compare inversions. Octave numbers describe register. They are not finger numbers.&lt;/p&gt;

&lt;h2&gt;
  
  
  Minor triads
&lt;/h2&gt;

&lt;p&gt;A minor triad uses 1–♭3–5: a root, a minor third and a perfect fifth. Compared with the parallel major triad, the third is one semitone lower. The &lt;a href="https://pianogrid.com/chords/minor" rel="noopener noreferrer"&gt;minor piano chords&lt;/a&gt; chart lists the 12 roots with that formula.&lt;/p&gt;

&lt;p&gt;These four detail pages spell the notes and show root position plus two inversions. The diagrams show note positions, not a prescribed hand shape. Changing the inversion changes the lowest note. It does not change the chord root. The slash symbol names the written bass note.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://pianogrid.com/chords/b-minor" rel="noopener noreferrer"&gt;B minor&lt;/a&gt; is B, D, F♯. The page's root position is B3–D4–F♯4.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pianogrid.com/chords/e-minor" rel="noopener noreferrer"&gt;E minor&lt;/a&gt; is E, G, B. Root position there is E4–G4–B4.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pianogrid.com/chords/g-minor" rel="noopener noreferrer"&gt;G minor&lt;/a&gt; is G, B♭, D. Root position there is G3–B♭3–D4.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pianogrid.com/chords/d-minor" rel="noopener noreferrer"&gt;D minor&lt;/a&gt; is D, F, A. Root position there is D4–F4–A4.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Diminished triads
&lt;/h2&gt;

&lt;p&gt;A diminished triad is a root, a minor third and a diminished fifth: 1–♭3–♭5. C diminished is C–E♭–G♭. The &lt;a href="https://pianogrid.com/chords/diminished" rel="noopener noreferrer"&gt;diminished chords&lt;/a&gt; chart keeps the written spelling even when two names share a piano key. Each detail page keeps the same three chord tones across root position, first inversion and second inversion.&lt;/p&gt;

&lt;h2&gt;
  
  
  Seventh chords
&lt;/h2&gt;

&lt;p&gt;A seventh chord adds a fourth tone above a triad, so it has root position and three inversions. The &lt;a href="https://pianogrid.com/chords/seventh" rel="noopener noreferrer"&gt;seventh piano chords&lt;/a&gt; page separates four families:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;dominant seventh: 1–3–5–♭7&lt;/li&gt;
&lt;li&gt;major seventh: 1–3–5–7&lt;/li&gt;
&lt;li&gt;minor seventh: 1–♭3–5–♭7&lt;/li&gt;
&lt;li&gt;half-diminished seventh: 1–♭3–♭5–♭7&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://pianogrid.com/chords/a-7" rel="noopener noreferrer"&gt;A7&lt;/a&gt; is the dominant-seventh example A, C♯, E, G. On that page, root position is A3–C♯4–E4–G4. The inversions are A7/C♯, A7/E and A7/G. Finger numbers are not included.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where to start
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://pianogrid.com/chords" rel="noopener noreferrer"&gt;chord index&lt;/a&gt; is the front door for these references. You can read the diagrams without a PianoGrid account. The pages do not turn a song into a lesson plan, and an external sheet-music publisher may still charge for its own edition.&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>showdev</category>
      <category>tools</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
