Responsive Layout

Question 1

Ist Responsive Layout ein Bonus oder eine Voraussetzung?

Answer 1

-Absolut eine Voraussetzung in 2019

-

Question 2

Was hat es mit dem Viewport auf sich?

Answer 2

-In HTML muss der Viewport gesetzt werden, damit Responsiveness erlaubt wird

Question 3

Was ist ein CSS Reset?

Answer 3

• Ein Skript-Tool, welches in CSS genutzt werden kann um Standardverhalten von Browser zu negieren
• 1 REM ist danach 10 px

Question 4

Was sind Fluid Widths?

Answer 4

• Man sollte nicht fixe Widths nehmen, da es auf unterschiedlichen großen Geräten nicht darstellbar ist
• Mit fluid width, wie % oder vw/vh passt sich ein Element immer dem verfügbaren Bereich auf dem Bildschirm an

Question 5

Was sind Media Queries?

Answer 5

-Media Queries erlauben es einen Breakpoint zu setzen und das Positioning und Layout von HTML Elementen ab einer gewissen Bildschirmgröße/kleine zu verändern oder sie sogar zu entfernen

Question 6

Warum sollte man rem über px nehmen?

Answer 6

• Pixel sind starr und erlauben keine Veränderungen mehr, die Website sieht dann für alle so aus
• REM bezieht sich auf das Root HTML Element des breitestens Zeichens M. Daher ist es besser für den Enduser.

Question 7

Warum sollte man immer Mobile First designen?

Answer 7

• Weil viele Nutzer Webseiten nur auf Mobiltelefonen betrachten
• Weil man dann sicher geht, dass auch auf jeder Bildschirmgröße alle nötigen Informationen vorhanden sein werden

Question 8

Was sind Stacked Columns?

Answer 8

• Oft bei mobilen Ansichten genutzt

- Elemente und Sections stapeln sich übereinander um an die geringer Breiter der Bildschirme angepasst zu sein