Reading-Notes


Project maintained by eslamakram Hosted on GitHub Pages — Theme by mattgraham

Wireframe and semantics

1. What is a Wireframe ?

a schematic or blueprint that is useful for helping programmers and designers think and communicate about the structure of the software or website as shown in the following picture.

example of wireframe

Why use Wireframe ?

  1. help the developer to keep track of more detailed decisions
  2. can test every stage of design with end users at

How to desing the wireframing of your website ?

Some designers draw it by hand, while others like to use apps or tools found online

2. What is the semantics ?

Non-semantic elements: Tells nothing about its content. such as <div> and <span>

semantic elements: Clearly defines its content.

```