# Additional resources

> Other resources that you might find useful when writing adaptive apps.



## Examples

If you'd like to see how the adaptive and responsive
concepts (as described in these pages) come together,
check out the source code for the following apps:

* [Wonderous][]
* [Flutter adaptive demo][]

[Flutter adaptive demo]: https://github.com/gskinnerTeam/flutter-adaptive-demo
[Wonderous]: https://github.com/gskinnerTeam/flutter-wonderous-app

## Learn more about basic usability principles

Of course, these pages don't constitute an
exhaustive list of the things you might consider.
The more operating systems, form factors,
and input devices you support, the more difficult
it becomes to spec out every permutation in design.

Taking time to learn basic usability principles as a
developer empowers you to make better decisions,
reduces back-and-forth iterations with
design during production, and results in
improved productivity with better outcomes.

Here are some resources that you might find useful:

* [Android large screen guidelines][]
* [Material guidelines on applying layout][]
* [Material design for large screens][]
* [Material guidelines on canonical layouts][]
* [Build high quality apps (Android)][]
* [UI design do's and don'ts (Apple)][]
* [Human interface guidelines (Apple)][]
* [Responsive design techniques (Microsoft)][]
* [Machine sizes and breakpoints (Microsoft)][]
* [How to build Adaptive UI with Flutter][],
  a Google I/O 2024 video.

[Android large screen guidelines]: https://developer.android.com/docs/quality-guidelines/large-screen-app-quality
[Build high quality apps (Android)]: https://developer.android.com/quality
[How to build Adaptive UI with Flutter]: https://youtube.com/watch?v=LeKLGzpsz9I
[Material guidelines on applying layout]: https://m3.material.io/foundations/layout/applying-layout/window-size-classes
[Material guidelines on canonical layouts]: https://m3.material.io/foundations/layout/canonical-layouts/overview
[Human interface guidelines (Apple)]: https://developer.apple.com/design/human-interface-guidelines/
[Material design for large screens]: https://m2.material.io/blog/material-design-for-large-screens
[Machine sizes and breakpoints (Microsoft)]: https://learn.microsoft.com/windows/apps/design/layout/screen-sizes-and-breakpoints-for-responsive-design
[Responsive design techniques (Microsoft)]: https://learn.microsoft.com/windows/apps/design/layout/responsive-design
[UI design do's and don'ts (Apple)]: https://developer.apple.com/design/tips/