Web Design voor de Desktop en andere apparaten

Veel webdesigners richten zich op het snijvlak (of, zoals sommigen zouden zeggen, bleeding edge) van webdesign vandaag. Als u zich richten op het maken van ontwerpen voor Safari op de Apple iOS, kunt u profiteren van de nieuwste HTML5 en CSS 3 en alles wat dit nieuwe, multimediale, interactieve omgeving te bieden heeft.

Maar vergeet niet dat sommige mensen die uw webpagina's te bekijken nog kan worden met behulp van de oudere webbrowsers op meer verouderde apparaten, zoals computers met Internet Explorer 7 op Windows XP.

Als u de beste praktijken toe te passen kunt u prachtige ontwerpen voor de iPhone en iPad te maken zonder afbreuk te doen aan de ervaring van je minder ervaren gebruikers. Hier zijn een paar dingen in gedachten te houden als u wilt ervoor zorgen dat uw pagina's zien er goed uit naar een zo breed mogelijk publiek:

  • Gebruik meerdere stijlen gericht op elk apparaat: stijlen die specifiek zijn voor de iPad en iPhone zijn ontwerpen, en zorg ervoor dat een set van stijlen die goed werken op een desktop computer op te nemen.
  • Maak een versie van uw site die goed werkt op een computer monitor ingesteld op een resolutie van 1024 x 768. U moet een ontwerp pagina dat is ongeveer 960-980 pixels breed te maken.
  • Zorg ervoor dat uw ontwerp werkt goed, zelfs als de coole nieuwe CSS 3 design kenmerken niet worden weergegeven. Dingen zoals slagschaduwen en afgeronde hoeken kan niet worden weergegeven op sommige desktop computers. Test uw pagina's in een oudere browser om ervoor te zorgen dat ze kijken 'goed genoeg' is en dat ze nog steeds op zijn minst leesbaar en navigeerbaar op oudere browsers.