Webdesign voor iPad/tablet en mobiele telefoon

Steeds meer mensen maken gebruik van een mobiele telefoon of tablet (zoals bv de iPad) om websites te bekijken. Het is natuurlijk belangrijk, dat jouw website op zo'n kleiner scherm er nog steeds goed uit ziet. Dat is heel goed mogelijk...

Alle nieuw te ontwikkelen én bestaande websites kunnen voor mobiele browsers aangepast worden. Ik maak hiervoor gebruik van de nieuwste technieken met html5 (en CSS3/javascript) voor het opmaken en vormgeven van je website. Soms is een kleine aanpassing genoeg, soms is er een uitgebreide make-over nodig. Je kunt kiezen uit 2 strategiën om compatibliteit te bereiken:

  1. Door gebruik te maken van 'Responsive' webdesign Eén website design geschikt voor alle typen en maten browsers. Je website schaalt zich vanzelf naar het juiste formaat. Dit is veruit de beste optie, in elk geval voor de meeste websites.
  2. Verschillende ontwerpen, één voor vaste en één voor mobiele browsers.

Jouw website ook mobiel/tablet compatible?

Vanaf 2012 is het bij ZZPstudio mogelijk om jouw website compatibel met alle mobile devices (telefoon/tablet) te ontwerpen/ontwikkelen.

  • Nieuwe websites zullen door ZZPstudio compatibel opgeleverd worden voor alle browsers en schermresoluties.
  • Heb je al een website? Ook je bestande website kan eenvoudig omgebouwd worden tot een iPad/tablet/mobiel compatibele website.

Neem contact op voor meer informatie.

Webdesign met html5

responsive webdesign met html5

HTML5 is de nieuwe standaard aan het worden waarmee een elke pagina in je website opgebouwd wordt. Sommige browsers kunnen HTML5 al goed weergeven zoals Safari, Firefox en Chrome, Internet Explorer 9. Voor oudere browsers zijn er redelijke aanpassingen mogelijk in de html/css code van je website, opdat deze hierin redelijk tot goed weergegeven kan worden.

Voordelen van html5

  • HTML5 heeft semantisch gezien een aantal flinke voordelen. Er zijn nieuwe HTML tags ontwikkeld waarmee ik als ontwikkelaar van een website per onderdeel op deze website kan aangeven wat voor content het is, bijvoorbeeld: een artikel, de navigatie, of bijvoorbeeld de onderkant van de website (footer). Hierdoor kunnen zoekmachines waarnemen wat voor content er op de website staat, waar deze content staat en deze resultaten tonen wanneer er naar gezocht wordt. Ook kunnen zoekmachines op deze manier goed zien wat de belangrijkste content op de webpagina is, deze pagina daarom beter indexeren en op de juiste meer nauwkeurige momenten tonen wanneer de gebruiker er naar zoekt.
  • Er zijn geen plugins meer nodig zoals bv Flash/Silverlight voor het bekijken van video. Er kan nu gebruik gemaakt worden van de html5 tag <canvas>
  • Er is minder code nodig om de webpagina op te bouwen, waardoor je websites sneller geladen kan worden. En snelheid is een belangrijke factor voor de zoekmachine optimalisatie en de ervaring van de bezoeker.
  • HTML5 websites werken op alle HTML5 (geschikte) browsers, mobiele telefoons en tablets, zoals de iPad.
  • Op de oude werkwijze [met html4] kunnen zoekmachines geen verschil in content waarnemen, tekst op een pagina ziet de zoekmachine als tekst op de pagina en bijvoorbeeld niet als nieuws, ook ziet de zoekmachine momenteel niet wat precies de navigatie is en wat bijvoorbeeld de footer is. Met html5 kan dat soort verschil in informatie doorgegeven worden aan de zoekmachines. Daar waar nu nog weinig mee gedaan, in de toekomst zou dat echter anders kunnen worden.

Jouw website in html5?

Vanaf 2012 is het bij ZZPstudio mogelijk dat ook jouw website in html5 ontwikkeld wordt en [standaard] compatibel met alle mobile devices (telefoon/tablet) opgeleverd.

  • Nieuwe websites zullen door ZZPstudio compatibel zijn voor html5 browsers.
  • Heb je al een website? Ook je bestande website kan eenvoudig omgebouwd worden tot een html5 website.

Neem contact op voor meer informatie.

Binnenkort vind je hier de eerste in html5 ontwikkelde websites...

Responsive webdesign voor iPad, tablet en mobiele telefoon met HTML5 en CSS3

Responsive webdesign

Responsive webdesign

Responsive webdesign

Responsive webdesign

Responsive webdesign

ZZPstudio is als .NL registrar aangesloten bij de SIDN ZZPstudio maakt bij registratie van alle .NL domeinen gebruik van DNSSEC voor een veiliger internet