Es wird viel
von Responsiven Webdesign gesprochen, doch wie geht das?
Gute Responsive Webseiten sehen in allen Medien gut aus und funktionieren meist mit AJAX oder JavaScript.

Diese Seiten hier funktionieren absolut ohne JavaScript und/oder AJAX!

Was bringt das wenn JavaScript beim User deaktiviert ist?
Dann funktioniert AJAX und JavaScript nicht mehr und schützt außerdem noch vor lästiger Werbung!

Bei deaktivierten JavaScript funktionieren viele Responsive Webseiten nicht mehr, oder sehen etwas unbeholfen aus.

Das Responsives Webdesign auch ohne AJAX beziehungsweise JavaScript sehr gut funktionieren kann, verdeutlicht nicht nur das Tutorial.

Touchscreens funktionieren je nach Betriebssystem und Browser etwas anders,
mouseover (hover) Effekte mit Touchscreens verwenden.

mouseover (hover) Effekt beginnen lassen:

  • Finger auf das Bild halten
  • auf das Bild tippen
  • (mit Touchscreen ausprobieren)
mouseover (hover) Effekt enden lassen:
  • Finger vom Bild entfernen
  • auf das Bild tippen
  • oder neben das Bild tippen!
  • (mit Touchscreen ausprobieren)

Hier werden verschiedene Webseiten mit HTML 5 und CSS 3 für alle Medien vorgestellt, ohne das sich jemand Gedanken darüber machen muß ob sie mit oder ohne JavaScript/AJAX funktionieren.