Forum Antworten - von Webbausteine.de

Hier könnt Ihr direkt auf Postings antworten.

zu unserem NOF-Forum



Forum  Thema erstellen  Suche  Regeln 


Antwort erstellen


Einen Namen eintragen oder einen Nicknamen (Alias) verwenden.

Thema: Responsives Design in NOF



Hier hast Du viel Raum für Deinen Beitrag. Bitte beachte die Regeln dieses Forums.


Bitte löse die Rechenaufgabe (nicht bei der Vorschau nötig).


Übersicht der letzten Beiträge (absteigend)
1  Tommy schrieb am Sonntag, den 28 September 2014 um 06:55 Uhr

Hier ein Beispiel für ein responsives Design, das mittels NOF erstellt wurde. Dies wurde ausschließlich mit CSS erreicht.

Es wurde ein unterer Layoutbereich mit einer festen Position im Browser-Fenster erstellt, der immer horizontal und vertikal zentriert positioniert bleibt, egal mit welchem Browser und egal mit welchem Betriebssystem.

Das funktioniert ebenso auf mobilen Geräten, wie dem Smartphone oder dem Tablet (iOS oder Android).

Der obere Layoutbereich wurde scrollbar gemacht und der Scrollbalken vom Browser-Fenster erscheint nicht, da sich das Layout selbst responsive verkleinert.

    Diese Beispiel-Seite kann ein mobiles Gerät erkennen und stellt die Anzeige automatisch auf den entsprechenden Viewport um.

Beim Zusammenschieben (verkleinern) des Browser-Fensters, wird auch der Inhalt zusammengeschoben. Ebenso verkleinern sich die Bilder entsprechend.

    Hier einige unterschiedliche Beispiele und mein Tutorial.



✘ Bild nicht gefunden
 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik