30 sidor med en sida du önskar att du hade byggt
Med webbanvändare bombarderade med så mycket information, undersöker webdesigners ständigt nya sätt att leverera innehåll. Ensidiga webbplatser antas nu allmänt med några av världens största varumärken med hjälp av dem för att ge användarna en snabb, ren och enkel upplevelse som samtidigt är effektiv och vacker.
Under de senaste åren har vi sett trenden mot webbsidor för webbplatser växer tack vare introduktionen av HTML5 och jQuery, vilket gör det enkelt att bygga fantastiska webbplatser med smarta övergångar och effekter.
Nedan finns 30 fantastiska HTML5-sidor på en sida, allt från minimalistisk design och enkel navigering till parallaxrullning. Om du letar efter inspiration till din nya HTML5-webbplats för enstaka sidor, ta en titt på listan nedan:
1. Trionn Design
Trionn Designs webbsida HTML5-webbplats har vunnit flera priser, vilket gör det enklare för användarna att navigera genom webbplatsen. Den här lyhörd designen använder attraktiva bilder för att hålla användarna engagerade och innehåller också några bra CSS-effekter.
2. Oakley Airbrake MX
Oakley har skapat den här underhållande och iögonfallande platsen, som kombinerar parallaxrullning och fantastiskt fotografi för att visa de nya Airbrake MX-skyddsglasögonen på ett unikt sätt.
3. Bläddra för din hälsa
Inte bara är den här webbplatsen fantastisk, men den ger också användbar information om din "5 per dag", uppmuntrande besökare att äta mer frukt. Webbplatsen använder sig av smart parallaxrullning för en ljus, nästan videoliknande känsla.
4. Laura Baffari
Grafisk formgivare Laura Baffari har skapat en fantastisk interaktiv portfölj som använder horisontell scroll- och touch-svep för smartphones och tabletter. När du kommer in på webbplatsen ser du kakel som visar sitt arbete som kan rullas in i vilken riktning som helst.
5. Pati & Felipe
Den här är för alla romantiker där ute. Detta måste vara det mest unika sättet att bekräfta din närvaro till ett bröllop. En vacker historia om ett par som träffades för många år sedan, använder den här webbplatsen parallaxrullning med en stor animering och uppfinningsrik typografi.
6. Ian James Cox
En annan portfölj för att ge dig inspiration, frilans digitaldesigner Ian James Cox har skapat en uppfinningsrik doodle-effekt ensidig webbplats baserad på "Duffy Bold" -typen och det populära Scroll Path jQuery-plugin.
7. Air Jordan 2012
Sko-specialister Nike skapade en fängslande webbplats för Air Jordan 2012. Byggd runt själva skodon använder webbplatsen parallaxrullning för att ta besökare genom skapandet av tränaren och de material som används som det är monterat.
8. Min Pizza Ovnen
Pizza fanatiker Renato har skapat den här lockande platsen för sin pizzaaffärsverksamhet. Inte bara gör den här webbplatsen dig hungrig men användningen av grafiska element över hela sidan ger en fin touch.
9. Marty.com
Skapad av Martin Ringlein, Design Manager på Twitter, är den här ensidiga designen unik. Använd pilarna längst ner för att ställa in presentationsdisplayerna och se vad Martin har funnit sedan 1999. Om du letar efter inspiration för en originalnavigering, kolla in den här sidan!
10. Smart Phood
Smart Phood är ett forskningsprojekt om hur människor äter. Den här färgglada HTML5-en-personsökaren har en unik rullning som ger den "wow" -faktorn.
11. numéro10
Jag kan inte föreställa mig hur mycket arbete som har gått in på att skapa den här webbsidan. Det använder parallax rullning och massor av fantastiska övergångar och grafiska element som du inte kommer att se på någon annan sida. Helt enkelt fantastisk!
12. Saucony Kinvara 3
En utmärkt interaktiv upplevelse med parallaxrullning och fantastiska övergångar och effekter för att presentera den fullständiga resan av skon som kommer samman.
13. Pis Epic Journey
Denna en-personsökare är lika episk som själva filmen. Det är en fantastisk HTML5 parallax rullning webbplats som tar en bakom kulisserna titta på några av de största ögonblicken i filmen.
14. Ny Skoda Octavia
Den nya Skoda Octavias dedikerade HTML5-webbplats bjuder in besökare att upptäcka den genom en uppslukande, animerad upplevelse. Denna fantastiska en-personsökare använder parallaxrullning och en unik typ av navigering som skapar en engagerande upplevelse.
15. Varje sista droppe
En informativ webbplats som tar en djupgående titt på hur mycket vatten den genomsnittliga personen konsumerar varje dag i Storbritannien. Webbplatsen använder grafiska element och övergångar till gnissamtal på en viktig fråga.
16. Reverend Risk
Stylistiskt lik Minecraft använder Reverend Danger en rad animations- och CSS-tekniker för att skapa en rolig upplevelse för besökare. Denna en-personsökare kombinerar en intressant skjutregel på toppen där besökare kan ändra bilderna från "reverend to danger".
17. Festa Italiana
Festa Italiana är en annan rolig webbplats som använder ljusa färger och grafiska element som rör sig när du rullar ner.
18. Aktivera
Släck din törst med denna webbplats genom Activate. När du rullar ner på webbplatsen presenteras du med klickbara flytande flaskor. Webbplatsen har några bra övergångar och effekter hela tiden.
19. D'Angelico gitarrer
D'Angelico gitarrer omfamnades av många och var populär fram till 70-talet. Nu är legenden återfödd med en fantastisk HTML5-personsökare som gör stor nytta av ljud- och parallaxrullning för att ta dig igenom resan.
20. Företagets äganderätt 2013
En unik uppfattning om det traditionella infografins populära koncept, den här HTML5-sidan med en sida presenterar statistik från en rapport som visar kritiska faktorer för små och medelstora företags framgångar under 2013. Bläddra ner för att se övergångar och effekter som visar statistiken.
21. Marco Rosella
En fantastisk sida på en sida i HTML5 med ett zoombart användargränssnitt som drivs av SVG.
22. Jules Bassoleil
Jules Bassoleils enda sidportfölj har en otroligt logisk och effektiv navigering med grafiken som hoppar ut på dig.
23. Sergio Pedercini
Den italienska webbdesignern Sergio Pedercini har skapat en elegant webbplats för att visa sin portfölj. De ljusa färgerna och den studsande navigeringen gör den attraktiv och enkel att använda.
24. VonDutch
Fashion label Von Holländska använder parallax scrolling ger en känsla av rörelse till sin historia. Ikoner och bilder rör sig in och ut ur platsen när du rullar ner sidan, vilket ger en flytande upplevelse.
25. CoolApps
En enkel men attraktiv HTML5-personsökare som använder animering för att ge en fantastisk flytande effekt.
26. Pixelmess
Horisontell rullning är ganska vanligt på kreativa webbsidor, och Pixelmesss webbplats är ett exempel på att det fungerar särskilt bra. Kombinationen av retrofonter och illustrationer gör att du känner att du spelar ett gammalt skolvideospel som är ännu mer engagerande.
27. Renault Zoe
Renault använder en kombination av parallell scrolling, ljud och video för att skapa en interaktiv och fantastisk upplevelse för besökare.
28. Officeline Lei
Detta är en av de bästa produktpresentationswebbplatser jag har sett nyligen. Sidanvändningen av parallax rullar till nuvarande svängbara stolar speciellt utformade för kvinnor.
29. All-N-1 Skönhetshus
Den här responsiva HTML5-ett-personsökaren har en fluid layout som innehåller flera interaktiva element och animeringar för att göra det mer engagerande.
30. Kinderfotografie Evi Hermans
Barnfotograf Evi Hermans har skapat den här roliga och lekfulla ensidiga webbplatsen. Inte bara är bilderna vackra, men den här vackra sidan görs ännu mer interaktiv genom användandet av animeringar.
Önskar du att du hade byggt dessa webbplatser? Har du byggt en bättre? Låt oss veta i kommentarerna.