Modern design med bakgrunder

Hej! Jag har letat väldigt mycket på Internet efter en metod att bygga webbsidor med bakgrundshantering, beroende på var på sidan man är. Webbsidan ska känna av webbläsarens storlek och anpassa sig till det. Om man scrollar neråt ska innehållet bytas ut (inkluderar bakgrunden).

Demo: http://alkis.nu/posts

Någon som vet hur detta går till? Dela gärna med dig!

Finns jätte mycket om du googlar one page website. (tex https://onepagelove.com/)

Sidan du länkar är för övrigt taget från ett redan färdigt template.

Om du vill bygga allt själv så finns ett jQuery script (eller det finns väldigt många egentligen) som hjälper med scrollningseffekten. En av dom är Fullpage.js (http://alvarotrigo.com/fullPage/).


CSS'en till en basic sida där bakgrunden och texten följer med skärmens storlek:


Annars finns somsagt allt detta redan att ladda hem. Bara att googla rätt


EDIT: http://www.freshdesignweb.com/free-o...templates.html En länk där det verkar finnas gratis templates

Kan också rekommendera fullpage.js