15 Hugsandi nálgun við CSS
HTML mun aðeins taka vefur hönnuður hingað til og ef þú vilt búa til dynamic, aðlaðandi, viðbrögð vefhönnun þá þarftu að læra og framkvæma CSS. Ekki aðeins er hægt að búa til betri hönnunarþætti fyrir síðurnar þínar en þú getur búist við að njóta hraðari hleðslutíma, auðveldara viðhald og minni tíma til að búa til nýjar síður eða uppfæra núverandi.
Hér fyrir neðan eru 15 af bestu fáanlegu CSS vefsíðum sem bjóða upp á mismunandi aðferðir við hönnun vefsíðunnar. Safnaðu innblástur, taktu upp CSS ábendingar og notaðu þær í eigin hönnun.
Beercamp
The Beercamp Vefsíðan virkar eins og almenningur bók og notendur geta snúið síðum til að sýna popup sýna. 3D hönnun er hægt að snúa og síður snúið við því að smella á síðunni og snúa. Vefsvæðið er gagnvirkt, aðlaðandi, litrík og það höfðar til gesta sinna.
Inzeit
Þó að það kann að virðast vera lítið meira en frábær útlitstækið vefsíða Inzeit Heimasíða birtist bókstaflega á meðan þú byrjar að fletta niður á síðunni. Mismunandi lög fara í mismunandi áttir og á mismunandi hraða. Þó að gestir þurfi að hvetja til þess að gera rétta hreyfingar verður vefsvæðið virk þegar aðgerð er tekin þannig að gestir verði verðlaunaðir til að grípa til aðgerða.
ShockBlast
Shockblast er ljósmyndasafn gallerís website og frá seinni síðunni hleðst hvert sveima af músinni með því að koma á síðunni á lífi. Ekki aðeins sýnir heimasíðan mikið af frábærum ljósmyndasýnum en það gerir ShockBlast kleift að flokka og paginera myndir sem gera flakk einfaldlega og mjög árangursrík.
TepTek
The TepTek Vefsíðan er annar sem felur í sér ýmsar flóknar, hönnuð lög í eina hönnun. Upphafsskjárinn breytist þegar þú flettir niður og sem rammar rúlla niður á síðunni, blaðsíður birtast og hverfa. Svartur og hvítur litur býður upp á skörpum og sléttum klára svo að gesturinn einbeitir sér að öllu leyti á innihaldinu.
FineGoods
The FineGoods Vefsíðan hefur nokkrar nifty litlar óvart í bíða eftir þér eins og þú sveima yfir flakkalistana, flettu niður á síðunni og skoðaðu jafnvel verðmerkin (HTML texti). Val á vörum er takmörkuð en það er hluti af ástæðunni fyrir því að einstaka hönnun virkar svo vel.
Envy Labs
Envy Labs er einn af eftirlæti okkar. CSS umbreytingar eru notaðir til að búa til snúnings karrusel og þegar þú smellir á "næstu" og "fyrri" táknin, horfirðu á hringinn snúast þar til næsta mynd birtist. The hvíla af the blaðsíða er tiltölulega einfalt, en mjög áhrifarík hönnun sem nýtir CSS á ýmsa aðra vegu.
Ökumaðurinn
The Ökumaðurinn Vefsíðan var hönnuð fyrir Ubisoft þegar nýja bílinn leikurinn var gefinn út og um leið og þú heimsækir síðuna geturðu séð tengilinn á vefsíðu og leik. Önnur frábær notkun umbreytinga þýðir að þegar þú flettir niður virðist allt vefsíðan koma til lífsins, jafnvel að útliti rúlla einingar.
Mammoth Booth
Mammoth Booth er annar uppáhalds og það spilar á kenningunni að við viljum öll það sem við ættum ekki. Smelltu á Fire hnappinn og röð af myndum Cascade á skjánum og búa til mynd búð. Vefsíðan er frábær leið til að kynna myndbásþjónustu sem fyrirtækið hefur uppá að bjóða.
Jeclat
Sláðu inn Jeclat website og þú verður boðið að sigla um allan heim, kíkja á markið og opna hliðargluggana. Rúlla til hliðar er óvenjulegt fyrir marga netnotendur núna og með því að þurfa að grípa styttuna byggir það intrigue og þátttöku frá notandanum líka.
Vacheron Constantin
The Vacheron Constantin Vefsíðan er á frönsku en það er þess virði að heimsækja, jafnvel þótt þú lesir það ekki. Smelltu á og haltu skruntakkanum niður á síðunni og notaðu sýninguna. Stílhrein útlit vefsíða sem sýnir ekki aðeins jafn stílhrein klukkur heldur sýnir innblástur fyrir hönnunina líka.
Lyftu Interactive
Stundum reynir að passa við of margar stíll og áhrif á einni síðu geta reynst dýrt þar sem blaðsíðan er ruglaður en þetta er ekki raunin með Lyftu Interactive . Heimsókn og njóttu margra bragðarefna. Kíktu á 3D bók áhrif svo og lagskipt hreyfingu haus myndum.
VZug
The VZug síða er dynamic tímalína. Frekar en látlaus og einföld mynd sem birtist á kyrrstöðu síðu, þegar þú flettir niður dynamic tímalínunni munt þú upplifa aðlaðandi hönnun og annotated síðu. Vefsvæðið miðar að því að fagna 100 ára sögu fyrirtækisins og hönnunin hjálpar það vel.
Dego
Hver sem hefur spilað leikinn Little Big Planet mun viðurkenna stíl vefsíðunnar sem tilheyrir Dego hönnun auglýsingastofu. Flakkið tekur tilviljun handahófi átt og tekur þig í gegnum fjölmörg stig sem hönnunarteymið Dego segist taka viðskiptavini sína og hugsanlega viðskiptavini á.
WeAreX3
Þessi vefsíða er einstök leið fyrir fyrirtæki að leita að nemi. Söguleg Sci-Fi hönnun sameinar einstaka lárétta blaðsíðu og lóðrétta þætti. Gestir eru sýndir hvernig á að fletta að síðum og X3 vonast til þess að einstaka útlit og þættir vefsvæðisins muni laða að hvers konar hönnunarmann sem þeir eru að leita að.
Cymetriq
Cymetriq er annar ljómandi hönnunarstíll vefsíða sem sameinar fjölda mismunandi þætti og stíl í eina einstöku útlit og leiklistarsíðu. Skrunaðu niður fyrir sýnishorn af galleríum, sveiflast yfir stýrihnappinn fyrir CSS-þætti og haltu áfram að fletta ofan af neðri til að fá einstaka stíl og hönnun.
Höfum við misst af uppáhaldi þínum? Hefur þú einhvern tíma farið fram úr dæmunum hér? Láttu okkur vita í athugasemdunum.