3 Designing Responsive Applications

Oracle JET includes classes that support a flexbox–based layout, 12-column responsive grid system, design patterns, responsive form layout, and responsive JavaScript that you can use to design responsive web and hybrid mobile applications.

Topics:

• Typical Workflow for Designing Responsive Applications in Oracle JET

• Oracle JET and Responsive Design

• Media Queries

• Oracle JET Flex, Grid, Form, and Responsive Helper Class Naming Convention

• Oracle JET Flex Layouts

• Oracle JET Grids

• Responsive Layout and Content Design Patterns

• Responsive Form Layouts

• Adding Responsive Design to Your Application

• Using Responsive JavaScript

• Using the Responsive Helper Classes

• Creating Responsive CSS Images

• Changing Default Font Size

• Controlling the Size and Generation of the CSS