Fluid Viewports vs Fixed Screens in Native Web Apps

When designing an experience we must consider the rendering capabilities of the devices and platforms we run on. OakFrame is not only run in our own environments but powering millions of capable experiences. By leveraging the full browser rendering system and offering full control over how that browser renders frames, we are able to take advantage of this rich feature set for every interaction that takes place. So let's find the best ways to deliver optimal views based on hardware capabilities and interface requirements. We will focus mostly on variable viewports to highlight some best practices when designing applications.

Firstly, the humble Web App

We use open source software, as described in our documentation, to build and distribute our software across many platforms. Due to the nature of our interactive systems our infrastructure is really nothing more than a simple web shell running our web services in a sandbox environment. The benefits of using such a system include the ability to scale and support new devices,or devices that may not fit into our expected models.

Because we leverage responsive design, offline caching, and a state of the art interactive JavaScript framework OakFrame, we are able to create fully realized and device tailored 3d, 2d, and web standard products.

We consider that process to be the "Native Web App".

Websites are ubiquitous in 2019, with Google's projections from many years back beginning to harken in. Many web projects today have already grown into web apps themselves. In some cases, these web applications started as native client applications and then converted into to web apps, due to increased simplicity and availability of resources. Native web apps offer increased efficiency in development and deployments.

Is it important to use responsive design for my website?

Yes, it definitely is. Responsive website design requires you to be consistent across all of your platforms.

All Pages in Design Systems

    Design Systems

    A complete, reliable, flexible, and cost-effective infrastructure is a fundamental requirement in modern companies....

    Multimedia Marketing Strategy

    1.  Pillars and Funnel To follow the flow of the potential customer, we must direct their attention and their focus...

    Fluid Viewports vs Fixed Screens in Native Web Apps

    When designing an experience we must consider the rendering capabilities of the devices and platforms we run on....

    Concurrent and Adaptive Narrative

    Narrative and Player Expression As a narrative and game designer, you must consider that you are designing for two...

    The Anthology of Ants

    Any sufficient simulation must be reproducibly computable. Its entropy is a function of the ability to stabilize...

    Product Development

    What is Product Development? Systematic decision making related to all aspects of the development and management of...

Explore OakFrame

    Games

    Play games in your browser for free, handcrafted by us here at OakFrame!

    Oak Studio Documentation

    Simple to Embed and Integrate We designed OakFrame to be easy to extend in order to provide further integration...

    Design Systems

    A complete, reliable, flexible, and cost-effective infrastructure is a fundamental requirement in modern companies....

    About OakFrame

    OakFrame is a design, development, and research firm located in Dallas, Texas, developing experiences for audiences...