Hoe maak je een basic responsive website?

Hoe maak je een website die bij het in en uit zoemen een gehele website blijft zoals op deze website: http://tankionline.com/en/

Ik zou graag willen weten hoe je dit doet, hopelijk weet een van jullie het. Alvast bedankt!

Weet jij het antwoord?

/2500

Je vraagt twee verschillende dingen. Je vraagt hoe je een responsive site maakt, maar verwijst ondertussen naar flash pagina (waar ik overigens niet in- en uit kan zoomen). Dat zijn twee verschillende dingen. In de bron zie je een link naar een tutorial. Het makkelijkst is om met HTML en CSS aan de slag te gaan en bijv. media queries te gebruiken voor verschillende resoluties. Het responsive maken van een website is overigens soms nogal een klusje.

Bronnen:
http://webdesignerwall.com/tutorials/css3-...
http://www.webdesignermagazine.nl/tutorial...

Responsive maken van een website doe je met CSS. In CSS kun je aangeven voor welke schermgroottes je welke CSS-instellingen wilt gebruiken. Bijvoorbeeld: @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* jouw CSS-styles, bijv.: */ background-color: #f00; } De bovenstaande CSS wordt alleen gebruikt op apparaten met de genoemde schermgrootte. Als je in je CSS ook dergelijke CSS-instellingen voor andere resoluties toevoegt, krijg je een responsive website. In feite ben je dus voor meerdere resoluties separaat webdesigns aan het coderen.

Stel zelf een vraag

Ben je op zoek naar het antwoord die ene vraag die je misschien al tijden achtervolgt?

/100