adaptive ui mit angular - timo korinth
TRANSCRIPT
![Page 1: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/1.jpg)
ADAPTIVE UI
MIT ANGULAR
HI ICH BINTIMO KORINTH
job UX Entwickler Trainer amp Autor personal Verheiratet Vater amp BVB Fan hobbies Nerd Zeug where Dortmund Deutschland
timokorinth
timokorinthde
NATTT
Responsive Adaptive
Responsivegt 700px gt 450px lt 450px
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 2: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/2.jpg)
HI ICH BINTIMO KORINTH
job UX Entwickler Trainer amp Autor personal Verheiratet Vater amp BVB Fan hobbies Nerd Zeug where Dortmund Deutschland
timokorinth
timokorinthde
NATTT
Responsive Adaptive
Responsivegt 700px gt 450px lt 450px
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 3: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/3.jpg)
NATTT
Responsive Adaptive
Responsivegt 700px gt 450px lt 450px
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 4: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/4.jpg)
Responsive Adaptive
Responsivegt 700px gt 450px lt 450px
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 5: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/5.jpg)
Responsivegt 700px gt 450px lt 450px
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 6: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/6.jpg)
AdaptiveDesktop Tablet Mobile
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 7: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/7.jpg)
AdaptiveKiosk
Mobile
Mobile
Responsive
Adaptive
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 8: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/8.jpg)
microsoftcom
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 9: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/9.jpg)
Was macht Sinn
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 10: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/10.jpg)
Erst mal Responsive
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 11: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/11.jpg)
CONTENT
HEADER
LEFT RIGHT
FOOTER
App Layout
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 12: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/12.jpg)
Flexbox
Item 1 Item 2
Container
Direction
Cross axis
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 13: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/13.jpg)
Responsive Layout
calendar flex 1 1 100 display flex flex-direction column
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 14: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/14.jpg)
Demo
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 15: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/15.jpg)
Angular Flex Layout
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 16: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/16.jpg)
Und Adaptive
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 17: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/17.jpg)
Media Queries
iPhone X Portrait media only screen and (min-device-width 375px) and (max-device-width 812px) and (orientation portrait) hellip
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 18: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/18.jpg)
Demo
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 19: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/19.jpg)
Routing
Mobile Desktop
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 20: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/20.jpg)
Routing
Calendar Day
Routes = [ path ldquocalendarldquo path ldquodayldquo ]
Gleiche Ebene
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 21: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/21.jpg)
Routing
Calendar DayRoutes = [ path ldquocalendarldquo children [ path ldquodayldquo ] ]
Unterroute
Router Outlet
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 22: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/22.jpg)
Demo
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 23: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/23.jpg)
Advanced
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 24: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/24.jpg)
uimovementcom
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 25: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/25.jpg)
uimovementcom
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 26: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/26.jpg)
dribbblecom
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 27: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/27.jpg)
Frameworks
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 28: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/28.jpg)
CONTENT
HEADER
LEFT RIGHT
FOOTER
Design Grid vs App Layout
DANKE
timokorinth
timokorinthde
![Page 29: ADAPTIVE UI MIT ANGULAR - Timo Korinth](https://reader034.vdocuments.mx/reader034/viewer/2022042120/6258045b018c1e604052a044/html5/thumbnails/29.jpg)
DANKE
timokorinth
timokorinthde