30 Síður sem þú vilt að þú hafir byggt
Með vefur notandi sprengjuárás með svo miklum upplýsingum, eru vefhönnuðir stöðugt að kanna nýjar leiðir til að afhenda efni. Einhliða vefsíður eru nú víða samþykktar með nokkrum stærstu vörumerkjum heimsins sem notar þau til að veita notendum hraðan, hreint og einföld reynsla sem er samtímis árangursrík og falleg.
Undanfarin ár höfum við séð stefnuna í átt að vefsíðum á eina síðu, þökk sé kynningu á HTML5 og jQuery, sem auðveldar að byggja upp töfrandi vefsíður með nifty umbreytingum og áhrifum.
Hér að neðan eru 30 töfrandi HTML-vefsíður á einu blaðsíðu, sem ná yfir allt frá lægri hönnun og einföldum flakki til parallaxrennslis. Ef þú ert að leita að innblástur fyrir nýja HTML5 vefsíðuna þína, skoðaðu listann hér að neðan:
1. Trionn Design
Með því að vinna nokkur verðlaun hefur Trionn Design einn HTML5 vefsíða notað parallax fletta til að auðvelda notendum að fletta um síðuna. Þessi móttækilegu hönnun notar aðlaðandi myndir til að halda notendum kleift að taka þátt og innihalda einnig nokkur frábær CSS áhrif.
2. Oakley Airbrake MX
Oakley hefur búið til þessa skemmtilega og auga smitandi síðu, sem sameinar parallaxrúlla og ótrúlega ljósmyndun til að sýna nýja Airbrake MX hlífðargleraugu á einstaka hátt.
3. Skrunaðu fyrir heilsuna þína
Ekki aðeins er þessi síða töfrandi en hún veitir einnig gagnlegar upplýsingar um "5 á dag" og hvetur gesti til að borða meiri ávexti. Þessi síða notar snjall parallax að fletta fyrir björtu, næstum myndbrotnu tilfinningu.
4. Laura Baffari
Grafísk hönnuður Laura Baffari hefur búið til töfrandi gagnvirka eigu sem notar láréttan rúlla og snerta högg fyrir smartphones og töflur. Þegar þú kemur inn á síðuna munt þú sjá flísar sem sýna vinnuna sem hægt er að fletta í gegnum í hvaða átt sem er.
5. Pati & Felipe
Þessi er fyrir alla romantics þarna úti. Þetta verður að vera einstæðasta leiðin til að staðfesta viðveru þína í brúðkaup. Falleg saga af a par sem hitti fyrir mörgum árum, notar þessi síða parallax rolla með einhverjum frábæra fjör og skapandi leturfræði.
6. Ian James Cox
Annar eigu bundinn til að veita þér innblástur, sjálfstæður stafrænn hönnuður Ian James Cox hefur búið til frumstæða dádýrsvirkni, eina síðu sem byggir á "Duffy Bold" leturgerðinni og vinsæll Scroll Path jQuery tappi.
7. Air Jordan 2012
Skófatnaðurarsérfræðingar Nike stofnaði töfrandi vefsíðu fyrir Air Jordan 2012. Byggir um skófatnaðina sjálft. Síðan notar parallaxrollið til að taka gesti í gegnum stofnun þjálfara og efnanna sem notuð eru eins og það er sett saman.
8. Pizza Oven mín
Pizza áhugamaður Renato hefur búið til þessa áberandi staður fyrir pizzu aðila hans viðskipti. Ekki aðeins gerir þessi síða þig svangur en notkun grafískra þátta um alla síðu bætir við snjöllum snerta.
9. Marty.com
Hannað af Martin Ringlein, Hönnuður framkvæmdastjóri á Twitter, er þessi síða hönnun einmitt einstök. Notaðu örvarnar neðst til að stilla kynningarsýningarnar í gangi og sjáðu hvað Martin hefur staðið að síðan 1999. Ef þú ert að leita að innblástur fyrir upprunalegu flakk skaltu athuga þessa síðu!
10. Smart Phood
Smart Phood er rannsóknarverkefni um hvernig fólk borðar. Þessi litríka HTML5 einfalsmaður hefur einstaka skrúfu sem gefur það "vá" þáttinn.
11. numéro10
Ég get ekki ímyndað mér hversu mikla vinnu hefur farið í að búa til þessa vefsíðu á einni síðu. Það notar parallax rolla og fullt af ótrúlegum umbreytingum og grafískum þáttum sem þú ert ólíklegt að sjá á öðrum vefsvæðum. Einfaldlega hrífandi!
12. Saucony Kinvara 3
Frábær gagnvirk reynsla með því að nota parallaxrroll og ótrúlegar umbreytingar og áhrif til að kynna heildarferð skósins sem koma saman.
13. Epic Journey Pi
Þessi eini einstaklingur er eins epic og kvikmyndin sjálf. Það er töfrandi HTML5 parallax-flettitæki sem tekur á bak við tjöldin að horfa á nokkrar af stærstu myndum kvikmyndarinnar.
14. Ný Skoda Octavia
Hin nýja HTML-vefsíða Skoda Octavia býður upp á gesti til að uppgötva það með mikilli fjörugri reynslu. Þessi töfrandi einn pager notar parallax rolla og einstakt tegund af leiðsögn sem skapar áhugaverðan reynslu.
15. Sérhver síðasta falla
Óákveðinn greinir í ensku upplýsandi website sem tekur ítarlega líta á hversu mikið vatn meðaltal manneskja eyðir á hverjum degi í Bretlandi. Svæðið notar grafíska þætti og umbreytingar til að neisti samtal um mikilvæg mál.
16. Reverend hættu
Stórháttar svipað Minecraft, Reverend Danger notar ýmsar fjör og CSS tækni til að skapa skemmtilega reynslu fyrir gesti. Þessi eini flokkur sameinar áhugaverðan rennibraut efst þar sem gestir geta breytt myndunum úr "dái í hættu".
17. Festa Italiana
Festa Italiana er annar skemmtileg viðbót sem notar björtu liti og grafísku þætti sem hreyfa sig eins og þú flettir niður.
18. Virkjaðu
Slökkva þorsta þinn með þessari vefsíðu með því að virkja. Eins og þú flettir niður á síðuna sem þú ert kynntur með smellanlegum fljótandi flöskur. Þessi síða hefur nokkrar góðar umbreytingar og áhrif um allt.
19. D'Angelico gítarar
D'Angelico gítararnir voru teknir af mörgum og voru vinsælar þar til á áttunda áratugnum. Nú er goðsögnin endurfæddur með töfrandi HTML5-einum sem kallar á hljóð og parallax til að taka þig í gegnum ferðina.
20. Staða eiganda fyrirtækisins 2013
Einstaklega taka á vinsæla hugmyndinni um hefðbundna infographic. Þessi HTML5 síða á einni síðu sýnir tölfræði úr skýrslu sem sýnir mikilvæga þætti fyrir lítil og meðalstór fyrirtæki velgengni árið 2013. Flettu niður til að sjá umskipti og áhrif sem sýna stöðu.
21. Marco Rosella
Frábær einhliða eigu síða í HTML5 með zoomable notendaviðmót powered by SVG.
22. Jules Bassoleil
Jules Bassoleil er einnar síðu eigu með ótrúlega rökrétt og árangursríka flakk með grafíkinni sem stökk út á þig.
23. Sergio Pedercini
Ítalska vefhönnuður Sergio Pedercini hefur búið til glæsilegan vef til að sýna eigu sína. Björtu litarnir og skoppandi siglingar gera það aðlaðandi og auðvelt að nota.
24. VonDutch
Tíska merki Von Hollenska notar parallax rolla bætir tilfinningu fyrir hreyfingu á sögunni. Tákn og myndir fara inn og út úr stað þar sem þú flettir niður síðuna, gefur vökvaupplifun.
25. CoolApps
Einfaldur en aðlaðandi HTML5 einhafsmaður sem notar fjör til að veita mikla fljótandi áhrif.
26. Pixelmess
Lárétt skrun er nokkuð algeng á vefsvæðum skapandi stofnunar, og síða Pixelmess er dæmi um að það virkar sérstaklega vel. Samsetning af skothylki og myndskreytingum gerir þér líða eins og þú ert að spila gamalt skóla tölvuleik sem er jafnvel meira spennandi.
27. Renault Zoe
Renault notar blöndu af parallaxri, hljóð og myndskeið til að búa til gagnvirka og ótrúlega reynslu fyrir gesti.
28. Officeline Lei
Þetta er einn af bestu vörustöðvarnar sem ég hef séð undanfarið. Notkun vefsins á parallaxi til að kynna svifelastar sérstaklega hannaðar fyrir konur.
29. All-N-1 Fegurðarsetur
Þessi móttækilegu HTML5 einhafsmaður inniheldur vökvaútgáfu sem inniheldur nokkrar gagnvirkir þættir og hreyfimyndir til að gera það meira spennandi.
30. Kinderfotografie Evi Hermans
Ljósmyndarinn ljósmyndari Evi Hermans hefur búið til þennan skemmtilega og fjöruglega vefsíðu. Ekki aðeins eru myndirnar yndislegar, en þetta fallega síða er gert enn meira gagnvirkt með því að nota hreyfimyndir.
Viltu að þú hafir byggt þessar síður? Hefur þú byggt upp betri? Láttu okkur vita í athugasemdunum.