Skip to main content

Music Theory Cheat Sheet

muted.iomuted.io3 weeks ago in#Web Design Love45

✨🎵✨ An interactive music theory cheat sheet to get all you need at a glance: keys, scales, modes, notes, chords and intervals. Just select a major or minor key and you’ll get the notes of the scale, scale formulas, the relative major or minor, modal scales for that key, the key signature, the diatonic chords, the diatonic 7th chords, the chord functions and the relationship with other keys on the Circle of Fifths (aka circle of fourth, when going counter-clockwise). → For more reference on chords and scales, you may like this scale formula chart, chord formula chart and this list of chords. C Major C Major Scale formula: 1 2 3 4 5 6 7 1 2 ♭3 4 5 ♭6 ♭7 C Harmonic Minor Scale formula: 1 2 ♭3 4 5 ♭6 7 C Melodic Minor Scale formula: 1 2 ♭3 4 5 6 7 Modes of the Major Scale C formula: 1 2 ♭3 4 5 6 ♭7 C Major Pentatonic Scale formula: 1 2 3   5 6   C Major Blues Scale formula: 1 2 ♭3 3 5   6   C Minor Pentatonic Scale formula: 1   3 4 5   7 C Minor Blues Scale formula: 1   ♭3 4 ♭5 5   7 C Major Key Signature & Notation Theoretical Scale The scale is a theoretical scale that contains double accidentals. For this reason, that scale is not used often. The enharmonic equivalent scale is used instead most of the time. C Major Diatonic Chords I ii iii IV V vi vii° C C E G Dm D F A Em E G B F G Am B° C Major Diatonic 7th Chords IM7 iim7 iiim7 IVM7 V7 vim7 viiø7 C C E G B Dm7 D F A C Em E G B D F F A C E G Am7 Bø7 In functional harmony for a major key: the tonic chords are chords I, iii & vi the subdominant chords are chords IV & ii the dominant chords are chords V & vii° i ii° III iv v VI VII C C Eb G D° D F Ab Eb Eb G Bb Fm Gm A B In functional harmony for a minor key: the tonic chords are chords i & III the subdominant chords are chords iv, VI & ii° the dominant chords are chords V, v, VII & vii° The harmonic minor scale has a raised 7th scale degree compared to the natural minor scale, which makes that 7th scale degree into a leading tone and makes the V chord a major chord. In functional harmony, that V chord from the harmonic minor scale is used most often because the leading tone gives a stronger sense of wanting to be resolved to the tonic. C Major on the Circle of Fifths Common C Chords click to hear the different chords Order of sharps F C G D A E B Order of flats B E A D G C F Chromatic Scale C-D♭-D-E♭-E-F-G♭-G-A♭-A-B♭-B alternative enharmonic spelling: C-C♯-D-D♯-E-F-F♯-G-G♯-A-A♯-B Solfège syllables Do Re Mi Fa So(l) La Ti Do Accidentals Double Sharp: 𝄪 Sharp: ♯ Natural: ♮ Flat: ♭ Double Flat: ♭♭ I hope this music theory cheat sheet is useful!  » Read More

Like to keep reading?

This article first appeared on If you'd like to continue this story, follow the white rabbit.

View Full Article
Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

How to Channel a Daily Vision into a 20-Year Photography Career

How to Channel a Daily Vision into a 20-Year Photography Career

#Silicon Valley
WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

#Web Design
Fresh For Designers

Is the Dynamic Island plain stupid or the next revolutionary UX pattern?


Let's talk about Web Design

The term "web design" describes the layout of websites that are seen online. Instead of software development, it typically refers to the user experience components of website development. The primary focus of web design used to be creating websites for desktop browsers, but from the middle of the 2010s, designing for mobile and tablet browsers has gained significance.

What is a webdesigner?

A web designer is responsible for a website's look, feel, and occasionally even content. For instance, appearance refers to the colors, text, and images utilized. Information's organization and categorization are referred to as its layout. An effective web design is user-friendly, aesthetically pleasing, and appropriate for the target audience and brand of the website. Many websites focus on keeping things simple so that viewers won't be distracted or confused by additional information and functionality. Removing as many potential sources of user annoyance as possible is a crucial factor to take into account because the foundation of a web designer's output is a site that gains and nurtures the trust of the target audience.

Responsive and adaptive design are two of the most popular techniques for creating websites that function well on both desktop and mobile devices. In adaptive design, the website content is fixed in layout sizes that correspond to typical screen sizes, while in responsive design, information moves dynamically based on screen size. A layout that is as consistent as possible across devices is essential to preserving user engagement and trust. Designers must be cautious when giving up control of how their work will appear because responsive design can be challenging in this area. While they might need to diversify their skill set if they are also in charge of the content, they will benefit from having complete control over the final output.

What does a web design worker do?

A web designer is a member of the IT industry who is in charge of planning a website's structure, aesthetic appeal, and usability.

A skilled site designer must possess both technical know-how and creative graphic design abilities. They must be able to envision how a website will seem (its graphical design) and how it will operate (conversion of a design into a working website).

The terms web developer and designer are frequently used interchangeably but erroneously. In order to construct more complex interactions on a website, such as the integration with a database system, a web developer is frequently more likely to be a software developer who works with programming languages.