Responsiv unik HTML5 / CSS3-layout
 

Säljer nu en layout jag slängde ihop häromkvällen, layouten är responsiv för mobiler och tablets, byggd med HTML5 och CSS3.

Samtliga ikoner, fonter etc inkluderas och är free for commercial use. Layouten innehåller 10 stycken undersidor, färdiga element i form av knappar, forms, sliders, kolumner etc.

Testat i IE7+ och alla andra webbläsare.
Inkluderar även en dokumentation i CSS och HTML-filerna.

Koden, PSDer, fonter etc följer med.

Ni kan se layouten här: http://www.pr.avetile.com/Baxter/

Direktköp: 1.000 SEK - sen får du göra vad du vill med den, sälja vidare, använda själv etc.

Säljes som privatperson.
Vid frågor nås jag via PM eller här! :)

Den fungerar inte i Chrome. Det blir horisontell scroll om man ändrar storlek på fönstret.

Är inte riktigt säker på vad du syftar på, skulle du möjligtvis kunna skicka en print? :)

Samma sak här.

Minska du fönstret i Chrome så följer inte innehållet med. I stället visas en scrollbar i x-led.

Jag tror det han menar är detta nedan på bilden.

http://jejje.net/wp-content/uploads/...nsive-html.png

Men det fungerar om man fortsätter krympa den. Så tror inte det är något man behöver oroa sig för!

Riktigt snygg design förresten! :)

Jaha, det är den scrollbaren ni syftar på. Den är ju mer eller mindre oundviklig, sidan har tre olika lägen som ni bör märka av om ni fortsätter förminska fönstret. :)

Tack för kritiken Jejje! :)

Den är inte oundviklig. Är det en "responsiv" design, så ska den inte finnas med.

Jag antar att du syftar på att man ska använda %-enheter på hela sidan, och när man börjar förminska fönstret ska allting annat följa med snyggt och smidigt. I detta fall har huvudwrappern ett defaultläge på 1100 px.

När du börjar förminska ditt fönster att understiga 1100 px så kommer en sådan scrollbar finnas fram till att sizen på fönstret blir 1024 pixlar, då förändras wrappern och allting anpassas därefter. Sen finns det ett till läge för mobilen som befinner sig på strax under 500 pixlar.

Jag är väl medveten om vad en 100% responsiv layout är med flytande element och när allting är i procent, jag har antagligen gjort 10 sådana sidor senaste halvåret.

Däremot så är en sida enligt mig fortfarande per definition "responsiv" när man har exempelvis 3-4 olika lägen men ett fast pixelmått. Om detta beror på att jag lärt mig definiera responsivitet helt fel vet jag ej, då kallar jag denna layout för "desktop, table och mobil"-anpassad och ber om ursäkt för eventuell vilseledande marknadsföring! :)

Hela poängen med en responsiv design är att inte ha en scrollbar utan att sida ska vara "responsiv" till hur stor yta den kan visas på. Vad händer när du försöker "dra" något över sidan om den har en scroll? Ja då flyttar du ju på skärmen, inte så bra för mobil/tablets.

Ta en titt på http://twitter.github.io/bootstrap/index.html och förminska och förstora det fönstret, det är en responsiv sida, din är tyvärr inte det.

Som ovan nämnt så ber jag om ursäkt, jag bör kalla den adaptive kanske istället för responsiv eller något. En mod får gärna ändra detta. :)