Frontend Design Stages Framework (FDS)

Frontend Design Stages Framework begins from a design artifact such as a wireframe or a mockup. This is where the frontend designer will base the implementation process. Each stage has, at most, three rounds. Each round in sequence builds on top of the previous round. The stages are Plain Text, HTML, CSS, and JS.

StageRound 1Round 2Round 3
Plain TextConvertGroup, LabelStructure
HTMLStructureGroupIndividual, Visual Content
CSSUsabilityUI Elements, LayoutColors, Graphic Elements, Visual Content, Typography
JSUsabilityLayoutVisual Design

I am creating tutorials in Frontend Design called RE:Creation which demonstrates the framework.