postad September 28, 2011 i
Design,
Bli först att kommentera
Den senaste microtrenden inom webbdesign är att använda så kallad parallax scrollning som effekt på bakgrundbilder. Det funkar så att när användaren scrollar så förändras bakgrundsbilden på sajten i takt med, och beroende på hur användaren scrollar. Här hittar du några fina exempel på sajter som använt sig av just detta:
Att göra en liknande effekt på sin egna sajt är inte särskilt svårt. Jonathan Nicol har satt ihop ett exempel med den kod du behöver. Ladda hem och testa själv här: Build a parallax scrolling website interface with jQuery and CSS
(Tack för länktips: @floma, @samuelericson, @codepo8, @emilstenstrom, @pelles)
-
Håll koll här om du har bakgrundsbilder som data-uri:er och samtidigt vill stödja IE7 (via @emilstenstrom).
-
Så byger du en layout med flexbox i css3.
-
Exempel på hur du kan använda html5 history för scrollning som bläddring mellan sidor.
-
Så räknar du ut hur breda mobiltelefonernas skärmar är för dina media-queries.
-
När du square, circle eller decimal inte passar; så här markerar du listitems med hyphens.
-
Verktyg för att skapa och mäta API:er (via @andreaskrohn).
-
API-tjänst för telefoni och sms (via @yesbabyyes).
-
Skapa en Facebook-app enkelt med Heroku. Wow! (via @bjornlilja)
-
Bra plugin när användaren även ska välja datum och klockslag.
-
Projektvertyg online. Någon som testat på?