Lydia: Responsive Web Design

Hallo,
der o.g. Begriff ist in aller Munde.
Kann mir jemand eine verständliche Einführung und ein "Handbuch" für die Umstellung bestehender Anwendungen empfehlen?
Gruß
Lydia

  1. @@Lydia:

    nuqneH

    Kann mir jemand eine verständliche Einführung und ein "Handbuch" für die Umstellung bestehender Anwendungen empfehlen?

    Das Original von Ethan Marcotte. Im Bundle mit Mobile First von Luke Wroblewski.

    Oder auch Adaptive Web Design von Aaron Gustafson.

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. Hallo,

      ...Im Bundle mit Mobile First von Luke Wroblewski.

      Der Ansatz "Mobile First" ist für Menschen, die sich zum ersten mal mit dem Thema beschäftigen, sicher nicht schlecht.

      Allerdings sollte man sich dadurch auch nicht in seinem Denken einschränken lassen. Mobile Endgeräte haben schon von ihrer Tocuhbedienung her ein anderes Naturell und auch andere (z.T. sehr viel funktionalere!) Controls. Also: Nicht nur an die Optik denken, auch an das Verhalten. Und deshalb kann es sehr lohnenswert sein, auch mal parallel zu denken und zu planen.

      Viele Grüße
      Siri

      1. Hallo,
        ein komplexes Thema und dann noch Englisch, das ist mir zu viel.
        Ich hoffte auf ein deutsches Tutorial, möglicht im Netz, damit man Beispiele gleich selbst testen kann.
        Gruß
        Lydia

        1. Hallo,

          Ich hoffte auf ein deutsches Tutorial, möglicht im Netz, damit man Beispiele gleich selbst testen kann.

          Wenn du mal nach "media queries" googelst, dann kommen Ergebnisse wie dies und das heraus.

          So in der Richtung? Als Ansatz?

          Viele Grüße
          Siri

          1. Hallo,
            ich hoffe, dass dieser alte Thread noch Beachtung findet.
            Ich hab jetzt einiges gelesen und bin verwirrt!
            Da liest man

            @media handheld ...  
            @media tty ...  
            @media screen ...  
            @media screen and (max-width: 600px) ...  
            @media (min-width: 800px) ...  
            @media (min-width: 950px) ...  
            @media (max-width: 300px) ...  
            @media (max-width: 450px) ...  
            @media (min-width: 450px) and (max-width: 950px) ...  
            
            

            und vieles mehr!
            Wie viele unterschiedliche Breiten gibt es denn noch?
            Welche Angaben sind denn sinnvoll?

            Viele Grüße
            Lydia

            1. @@Lydia:

              nuqneH

              Wie viele unterschiedliche Breiten gibt es denn noch?

              Beliebig viele.

              Welche Angaben sind denn sinnvoll?

              Diejenigen, an denen das Layout des Inhalts auseinanderfällt und eine andere Darstellung erfordert.

              Das hat nichts mit Größen von Anzeigen gegenwärtig(!!) gängiger Geräte zu tun.

              Qapla'

              --
              „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
              1. Gunnar! Wasn los mit dir?

                Wie viele unterschiedliche Breiten gibt es denn noch?

                Beliebig viele.

                Welche Angaben sind denn sinnvoll?

                Diejenigen, an denen das Layout des Inhalts auseinanderfällt und eine andere Darstellung erfordert.

                Das hat nichts mit Größen von Anzeigen gegenwärtig(!!) gängiger Geräte zu tun.

                Bist Du es Leid, den Link zu setzen? ;-)

                @Lydia: Du kannst im Archiv mal nach den Stichworten "Bittersmann" und "responsive" suchen. Da könnte einiges dabei sein, was dir hilft.

                Viele Grüße
                Siri