Deutsch English

Complete your Responsive Web Design and relax...

drop

Web Design anders lernen...

Allgemein

Web Design wie bisher zu machen wird natürlich nicht verschwinden! Aber das neue Konzept mit dem Namen 'Responsive Web Design' auf Basis von HTML5 and CSS3 bietet neue Möglichkeiten. Auch JavaScript als verschiedene Frameworks scheint an Bedeutung gewonnen zu haben. Komplexe Web Sites mit großen Mengen von Informationen sind aber schwierig zu implementieren, wie z.B. Shop Systeme, Zeitungen o.ä. Mir der Denkweise 'weniger ist mehr' könnten sicherlich viele Webseiten in dieses neue Konzept passen.

drop

Neue Technologien

Nicht alle Funktionen, die in HTML5 und CSS3 definiert sind, werden von allen Browsern heute (Stand März 2012) noch unterstützt. Aber warum nicht probieren? Durch die ständigen Updates kommen Neue dazu. Grid Design ist am Anfang sehr hilfreich, um die Pixel-Positionen festzulegen. Diese werden im Laufe des Designs in relative Positionen umgewandelt, um sich an verschiedene Screen-Auflösungen anzupassen. Hier werden dann die sog. Media Queries eingesetzt, um das Design an unterschiedlich große Bildschirmen passend zu machen. Am Anfang ist es harte und mühsame Arbeit alle Geräte dazu zu bringen, das Layout korrekt anzuzeigen. Die Bücher die ich bereits erwähnt habe sind äußert hilfreich! Eine interessane Web Site zu dem Thema neue HTML5 und CSS3 Technologien ist http://www.theexpressiveweb.com by Adobe Systems.

Als ich das neue Design der Web Site begun wollte ich nicht nur das Thema 'Responsive Web Design' implementieren sondern auch einige der neuen Technologien ohne JavaScript verwenden. Interessanterweise ist mir aufgefallen, dass die CSS Datei viel größer wurde als die HTML-Seiten! Der Einsatz von MySQL und PHP z.B. bleibt natürlich wie bisher unverändert.

Beim Design Ihrer neuen Web Site unterstütze ich Sie gerne!

web service


  1. Web Design

    Mit Hilfe von HTML5 und CSS3

  2. SEO

    Für Google und Bing

  3. Broschüren und Kataloge

    Als Unterstützung von Web Sites

  4. Referenzen

    Einige Implementierungen auf Basis von HTML4 und CSS2.1

  5. Partner

    Zusammenarbeit mit Partnern...