4 Modern Bakgrunnur Bragðarefur til að prófa
Það virðist sem, í samhengi við hönnun, búa bakgrunn í skugganum; þó, það er ekki alveg satt. Á tímum þegar CSS byrjaði aðeins að gera fyrstu skrefin í átt að heimsöflunni, hafði bakgrunnurinn þegar tekið þátt í helstu skreytingarhlutanum vefsins.
Nú á dögum hefur ástandið ekki breyst verulega. Í flestum tilfellum þjónar hún sem aðal sjónrænt drifkraftur sem gerir mikilvægt framlag í almennt þema.
Hefð er að myndir og myndskeið séu fyrsta val fyrir bakgrunn. Staðreyndin er sú að þeir eru einfaldlega yfirvofaðir hetjuþættir: Hvert annað vefsvæði heilsar áhorfendum á netinu með annaðhvort myndagerð eða kvikmyndagerð. Og það gerir vefinn (og viðmótið þitt sérstaklega) nokkuð svipað og búist er við notendavænni.
Ein leið út er að finna nýjar lausnir með því að nýta sér nýjustu tækni og leika í kringum CSS3, HTML5 og JavaScript. Reyndar er greinilegt stefna að fara eftir þessum valkostum. Það eru að minnsta kosti fjórar mismunandi nútíma dynamic bakgrunn sem taka þátt í keppni til að vinna sæti sitt í sólinni þessa dagana.
Við skulum skoða þær:
Particle Animation
Örlíf fjör er eitt vinsælasta valið núna. Fullt af vefsíðum hefur tekist að samþykkja þessa glæsilega heimspekilegu lausn. Það virkar vel í sambandi við látlaus lituð lituð striga, myndatöku, vektorteikningar og jafnvel myndir.
Þar að auki er fjörin breytileg. Það getur verið búnt af kaotically moving punktum sem eru dreifðir um alla síðuna til að líkja eftir stjörnuhimnu eða rigningu af stjörnum, eða stjörnumerki-þema lausn þar sem hægt er að tengja hringi með þunnum línum. Og það er ekki allt; stundum er það parað við þau áhrif sem eru af völdum músarhöggviðburða: Í þessu tilfelli geturðu eytt agnum í burtu, myndað kvikmyndir frá þeim, fest þau við bendilinn sem slóð, osfrv.
Huub er dæmi um dæmigerðar agnir fjör. Það er með snyrtilega hreyfingu klasa punkta sem gengur fullkomlega vel með dökkum lit og kort sem er sett á bakhliðina. Notaðu músarbendilinn til að hafa gaman.
Ábending: Ef þú vilt komast í snertingu við dynamic bakgrunni Huubs þá ættirðu að skoða verkið sem Dominic Kolbe hefur kallað til mús parallax demo . Það lítur næstum því á sama. En ef þú þarft strax lausn þá er JavaScript bókasafn eftir Vincent Garreau sem heitir Particles.js er það sem þú ert að leita að.
Bylgjur af agnum
Í fyrra dæmi er hægt að ná fram árangri með snjallri meðhöndlun með HTML5 og CSS3 og klípu af JavaScript töflu, þetta er snjallt tilraun með Three.js bókasafni. Með bognum formum og sléttum grimmulíkum hreyfingum minnir það auðveldlega á litlum tíma. Það skapar tilfinningu öndunar striga. Þú getur notað músarbendilinn til að snúa henni í mismunandi áttir, kanna það bæði lárétt og lóðrétt.
StuurMen hefur einfalda, hreinsaða "velkomna" hluta. Það er í lágmarki, hreint og stórkostlegt. Innihaldið kemur á óvart í sýnissviðinu en pulsating bakgrunnur skapar réttan skap fyrir verkefnið.
Ábending: Hér er hægt að finna upprunalega handrit ThreeJS og árangursrík aðlögun hans af Deathfang með kynningu sem heitir three.js striga - agnir - bylgjur .
Mús sveima parallax
Layered parallax er annar vaxandi tilhneiging. Ásamt hreyfimyndum ögn getur það umbreytt daufa truflanir bakgrunnur í samsetningu með lúmskur 3D tilfinningu. The mikill hlutur er að þú þarft ekki að skíra uppáhalds mynd val þitt, bara nota parallax að grenja það upp smá.
Það er frekar gagnlegt þegar þú þarft að lifa upp titlinum, lógóðum, súrrealískum vettvangi eða myndum. Það er einnig hentugur fyrir mismunandi abstrakt fjör. Þrýstingur með venjulegu músarhöggviðburði, bætir það ekki einungis við aðra vídd, heldur leyfir notendur einnig að leika við umhverfið.
Persónulega eigu Alexandre Rochet hefur framúrskarandi skvetta síðu. Ekki aðeins er hegðunin að auga, heldur einnig músarhöggvarinn parallax gerir bréfaskipti.
Ábending: Það eru fjölmargir bókasöfn og raunhæfar kóðasnið til að búa til parallax. Einn af vinsælustu er tappi sem Matthew Wagerfield hefur kallað til Parallax.js . Hins vegar, ef þú þarft að sjá það í reynd, sérstaklega notað við leturgerðina, þá geturðu kannað pennann af Frontnerd sem lögun hans taka á sér 3d parallax á músinni .
WebGL tilraunir
WebGL tilraunir eru auðvitað afbrigði fyrir háþróuð hertu forritara og viðskiptavini með örlátur fjárhagsáætlun. Þeir geta verið ljómandi, ótti-hvetjandi og smá pompous. Það er þess virði að hver eyri. Hins vegar er alltaf fljúga í smyrslinu. Með miklum krafti er mikil ábyrgð og með WebGL ættir þú aldrei að gleyma því hversu mikið af auðlindum það eyðir og skortur á fullri vafranum.
Solarin er allt um ógleymanleg og hugsandi notendavara. Það er 3D WebGL tilraun sem er rík af fjölmörgum spennandi og nýjungarlegum eiginleikum. Bakgrunnurinn er gríðarlegur framúrstefnulegur kúla sem bregst við músarbendilinn og skapar gríðarlega birtingu.
Ábending: Þó að líkja eftir því sem snillingar í MediaMonks hafa gert er ótrúlega flókið, á vefnum, getur þú alltaf fundið upphafspunkt sem mun gefa þér mat fyrir hugsun. Hugsaðu um WebGL API , og þetta kóða frá Yoichi Kobayashi sem hefur komið upp með verkefnið sem heitir "The wriggle kúlu" .
Niðurstaða
Notkun mynda og myndbanda er tímabundin og minna sársaukafull leið til að prettify bakgrunninn, en það eru enn aðrar efnilegir og tilraunir sem hægt er að ná tilætluðum árangri. Dvöl burt frá banalities er krefjandi og jafnvel peninga-neyslu, en þessar ráðstafanir eru réttlætanlegar og nokkuð sanngjörn.
Hvort sem það er einfalt en glæsilegt agnir fjör eða ótrúleg WebGL tilraun það sprautar nýtt líf í kjarna smáatriði tengi, gefa vefsvæðið þitt upphaf.