Uploaded image for project: 'Documentation'
  1. Documentation
  2. DOCU-272

Responsive design

    XMLWordPrintable

Details

    • Task
    • Resolution: Fixed
    • Neutral
    • None
    • None
    • content
    • None

    Description

      Document how Magnolia implements the principles of responsive Web design. This should be a feature article that introduces the reader to the approach, makes an argument in favor of RWD, and walks through features that implement RWD in Magnolia CMS.

      The RWD approach relies on three technical ingredients: fluid grids, flexible images and media queries. Magnolia has been practicing responsive design since 4.3.

      • The STK and the static HTML prototype have a fluid grid that allow page elements to float.
      • Media queries defined in a theme select an appropriate CSS based on viewport size and the type of device.
      • The imaging engine creates images in different sizes on-the-fly, based on variation rules.
      • Device Detection module allows you to identify the requesting device and resolve an appropriate template and theme.

      Resources:

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              ahietala Antti Hietala
              ahietala Antti Hietala
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Checklists

                  Task DoR